首頁 部落格 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 轉載請註明出處馬路科技網頁設計或鏈接)
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019