以UI較度切入響應式網站


Posted by hoyi-23 on 2021-05-13

動線與內容

避免資訊量爆炸 - 少即是多
並非所有的內容都要全部塞到網頁內
像是在製作手機版面時,盡量只顯示重要的,顯示客人想看到的資訊!

斷點規劃

判斷方法之一

行內文字數。(最好的是能夠讓眼睛一次瀏覽)(中文30-40/英文32-80)

觀念

  1. RWD無法讓所有螢幕解析度都是最佳化,選出受眾群最常用的。
  2. 80/20法則,先兼容熱門瀏覽器
  3. RWD要mobile first 還是 desktop first? 記住越前面的,越彈性!

點擊範圍

注意點擊範圍,增加點擊區塊大小!
手指範圍 大約等於 44px(高)

注意使用者特性

:hover 用於 電腦版
touch 用於 手機版


#RWD







Related Posts

[#003] 58. Length of Last Word

[#003] 58. Length of Last Word

 Week1 筆記|[GIT101]  GIT 學習筆記

Week1 筆記|[GIT101] GIT 學習筆記

【閱讀】真相製造:從聖戰士媽媽、極權政府、網軍教練、境外勢力、打假部隊、內容農場主人到政府小編

【閱讀】真相製造:從聖戰士媽媽、極權政府、網軍教練、境外勢力、打假部隊、內容農場主人到政府小編


Comments