cooper談到用戶的視覺途徑一般是:從上到下,從左到右。
好的視覺規劃途徑應該是適應這樣的用戶習慣,糟糕的規劃會讓用戶無所適從,焦點處處都是。
當然,視覺途徑圖并非絕對的,閱讀習慣因人而異。
網站中方塊
因為人們從觸摸信息以來,信息的呈現便是以方塊式存在:報紙、書,單個字成點,一行字成線,一段字成面,而這個面當然是以方形呈現的功率最高。網站的視覺規劃大部分其實都是在拼方塊。
網站中的方塊能很好地引導用戶的視覺途徑,用戶能夠通過區塊來分辯這個區域的信息是否是自己需要的,然后能夠迅速縮小范圍細致尋找或者閱讀下一個區塊,比方yahoo的主頁,從大塊上來看,用戶很容易分辯出4個大區塊,每個區塊里邊又有小的區塊。
- 方塊感越強越能給用戶方向感。
- 方塊越少越好。
- 盡量用留白做視覺區分。
對齊和距離
視覺規劃最簡略,也是最容易忽略的便是對齊。查看的辦法便是查看每個方塊中的邊線,方塊與方塊之間的邊線,尤其是縱向維度。
距離的一般規律:字距小于行距,行距小于段距,段距小于塊距。查看的辦法能夠測驗將網站的布景有時候我們不需要花心思做多么漂亮的圖標和色彩調配,用心地調整好網站的每一個像素或許也能讓它面目一新。
主次聯系
怎樣對用戶引導的要害就在于怎樣處理主次聯系。說白了便是對比,從視覺的角度上看:形狀的大小,色彩,擺放的方位都會影響信息的重要與否。
從大的區塊來看,不要均勻切割頁面,三欄的規劃應該讓其中一欄顯著短一些。
從局部來看,也要把握信息呈現的節奏,比方中間新聞欄的規劃,大圖帶大標題是第一關鍵,小圖帶字是第二關鍵,純文本第三,節奏感、主次聯系十分強。
常見問題
- 視覺規劃師不明白代碼,前端規劃師在視覺方面又不專業。常常是完成出來的產品跟視覺規劃出來的圖片有所誤差。主張視覺規劃師跟進調整。
- 廣告圖片破壞視覺效果。假如網站滿足牛的話,能夠讓廣告方遵從視覺標準。假如不可的話,最少規劃師還能決定廣告的尺度,方位等等。
|