首頁 部落格 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 轉載請註明出處馬路科技網頁設計或鏈接)
手機版網站的重要性和好處
手機版網站的重要性和好處
Jericho
Jericho
Mar 29, 2024
網頁設計過程中如何做好色彩搭配
網頁設計過程中如何做好色彩搭配
Jericho
Jericho
Mar 27, 2024
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
Jericho
Jericho
Mar 20, 2024