首頁 部落格 2016小尺寸智慧手機網頁設計
Ryan
Dec 28, 2016
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

2016小尺寸智慧手機網頁設計

 

2016年3月Apple推出了令人可以理解,卻又有點難以置信的新產品:iPhone SE,市場的反應複雜,許多人認為這是毫無新意的產品再次包裝,也有評論家認為這是小尺寸手機仍受到市場歡迎的最佳證明。

讓我們回顧一下2013年iPhone 4推出時,網頁設計師才正要摸索響應式網頁設計技術,這是一種能夠讓網站根據使用者的顯示設備,自動調整顯示版型、樣式、資訊的嶄新網站設計技術,如今,大部分的設計師多半已經會相關的設計技巧了。

 

響應式網站的出現主要滿足了行動族、手機族的用戶,他們在有限的顯示畫面中,要找到最實用的資訊。一般的網站在智慧手機上的體驗糟透了,所以響應式網頁設計,可以根據設計師的指令,自動調整畫面讓手機使用族群能夠順暢使用網站。

既然Apple到了2016年都沒有放棄4吋的智慧手機介面,那設計師不應該放棄4吋螢幕的需求。網頁設計師不要以為五吋以上的智慧手機佔了市場多數,就忘記仍有為數眾多4吋智慧手機使用者。

設計響應式網頁設計時,不要忘記這三件事情

 

簡化版面:

螢幕小代表能夠觀看的資訊受到了限制,設計師要告訴自己,要讓使用者看得舒適,看得到重點,而不是看到網站的全貌。

操作順暢:

智慧手機使用者一向不喜歡過度捲動網頁,能使用垂直滑動的方式觀看一個網站,是對於小尺寸智慧手機最有利的,一般來說響應式網頁設計的最小寬度為640px至800px,320px已經鮮少人使用。

易於閱讀:

文字是網站的靈魂,設計是網站的印象,犧牲一點設計,換取可讀性,有時會讓使用者看到網站的內在,而感到更為貼心。

 
 
(圖片來源: PIXABAY 作者 JESHOOTScom  截圖取自於Apple.com 轉載請註明出處馬路科技網頁設計或鏈接)
網站設計有效著陸頁的10個技巧
網站設計有效著陸頁的10個技巧
Jericho
Jericho
Dec 04, 2024
設計完美網站標誌的10個技巧
設計完美網站標誌的10個技巧
Jericho
Jericho
Nov 27, 2024
如何在網站上建立品牌個性
如何在網站上建立品牌個性
Jericho
Jericho
Nov 22, 2024