2016小尺寸智慧手機網頁設計
2016年3月Apple推出了令人可以理解,卻又有點難以置信的新產品:iPhone SE,市場的反應複雜,許多人認為這是毫無新意的產品再次包裝,也有評論家認為這是小尺寸手機仍受到市場歡迎的最佳證明。
讓我們回顧一下2013年iPhone 4推出時,網頁設計師才正要摸索響應式網頁設計技術,這是一種能夠讓網站根據使用者的顯示設備,自動調整顯示版型、樣式、資訊的嶄新網站設計技術,如今,大部分的設計師多半已經會相關的設計技巧了。
響應式網站的出現主要滿足了行動族、手機族的用戶,他們在有限的顯示畫面中,要找到最實用的資訊。一般的網站在智慧手機上的體驗糟透了,所以響應式網頁設計,可以根據設計師的指令,自動調整畫面讓手機使用族群能夠順暢使用網站。
既然Apple到了2016年都沒有放棄4吋的智慧手機介面,那設計師不應該放棄4吋螢幕的需求。網頁設計師不要以為五吋以上的智慧手機佔了市場多數,就忘記仍有為數眾多4吋智慧手機使用者。
設計響應式網頁設計時,不要忘記這三件事情
簡化版面:
螢幕小代表能夠觀看的資訊受到了限制,設計師要告訴自己,要讓使用者看得舒適,看得到重點,而不是看到網站的全貌。
操作順暢:
智慧手機使用者一向不喜歡過度捲動網頁,能使用垂直滑動的方式觀看一個網站,是對於小尺寸智慧手機最有利的,一般來說響應式網頁設計的最小寬度為640px至800px,320px已經鮮少人使用。
易於閱讀:
文字是網站的靈魂,設計是網站的印象,犧牲一點設計,換取可讀性,有時會讓使用者看到網站的內在,而感到更為貼心。
(圖片來源: PIXABAY 作者 JESHOOTScom 截圖取自於Apple.com 轉載請註明出處馬路科技網頁設計或鏈接)