大網及小網的視覺呈現技巧



無論你用的是哪一個工具設計網站,大網(桌機版)及小網(手機版)的視覺呈現一定是不同的。雖然現在是行動化互聯網時代,使用者透過手機瀏覽的比例超過50%(意謂著由手機端來的用戶比桌機高),但大網仍然是非常重要的,它就像一個即將和心儀男人去餐廳約會的女性,代表一個端莊的品牌形象。

一般來說,我們在敘述內容的時候,喜歡透過圖片icon及文字的表達,在大網設計的重點可以排列呈現,如下圖在桌機的4個愛心圖示及文字標示。

但是在小網的設計,你可以將4個愛心作兩兩並排的方式,為的是讓使用者一目了然,省去手指滑動的時間(如果你的單位是奇數,那多一個就放在最後沒關係的)。


但是,如果你的資訊很多卻又務必要呈現的時候,記得在底下設計一個"返回頂端"的功能鍵吧。記得要點,使用手機瀏覽的user通常比較沒有耐性,資訊還是以清楚簡要為佳。


#大網 #小網 #簡以翔 #BrianChien

  • Facebook - White Circle

© 2017 WixTW