網(wǎng)站的視覺途徑和版式規(guī)劃

cooper談到用戶的視覺途徑一般是：從上到下，從左到右。
好的視覺規(guī)劃途徑應該是適應這樣的用戶習慣，糟糕的規(guī)劃會讓用戶無所適從，焦點處處都是。
當然，視覺途徑圖并非絕對的，閱讀習慣因人而異。

網(wǎng)站中方塊

因為人們從觸摸信息以來，信息的呈現(xiàn)便是以方塊式存在：報紙、書，單個字成點，一行字成線，一段字成面，而這個面當然是以方形呈現(xiàn)的功率最高。網(wǎng)站的視覺規(guī)劃大部分其實都是在拼方塊。
網(wǎng)站中的方塊能很好地引導用戶的視覺途徑，用戶能夠通過區(qū)塊來分辯這個區(qū)域的信息是否是自己需要的，然后能夠迅速縮小范圍細致尋找或者閱讀下一個區(qū)塊，比方y(tǒng)ahoo的主頁，從大塊上來看，用戶很容易分辯出4個大區(qū)塊，每個區(qū)塊里邊又有小的區(qū)塊。

1. 方塊感越強越能給用戶方向感。
2. 方塊越少越好。
3. 盡量用留白做視覺區(qū)分。

對齊和距離

視覺規(guī)劃最簡略，也是最容易忽略的便是對齊。查看的辦法便是查看每個方塊中的邊線，方塊與方塊之間的邊線，尤其是縱向維度。
距離的一般規(guī)律：字距小于行距，行距小于段距，段距小于塊距。查看的辦法能夠測驗將網(wǎng)站的布景有時候我們不需要花心思做多么漂亮的圖標和色彩調配，用心地調整好網(wǎng)站的每一個像素或許也能讓它面目一新。

主次聯(lián)系

怎樣對用戶引導的要害就在于怎樣處理主次聯(lián)系。說白了便是對比，從視覺的角度上看：形狀的大小，色彩，擺放的方位都會影響信息的重要與否。
從大的區(qū)塊來看，不要均勻切割頁面，三欄的規(guī)劃應該讓其中一欄顯著短一些。
從局部來看，也要把握信息呈現(xiàn)的節(jié)奏，比方中間新聞欄的規(guī)劃，大圖帶大標題是第一關鍵，小圖帶字是第二關鍵，純文本第三，節(jié)奏感、主次聯(lián)系十分強。

常見問題

1. 視覺規(guī)劃師不明白代碼，前端規(guī)劃師在視覺方面又不專業(yè)。常常是完成出來的產(chǎn)品跟視覺規(guī)劃出來的圖片有所誤差。主張視覺規(guī)劃師跟進調整。
2. 廣告圖片破壞視覺效果。假如網(wǎng)站滿足牛的話，能夠讓廣告方遵從視覺標準。假如不可的話，最少規(guī)劃師還能決定廣告的尺度，方位等等。