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

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

網(wǎng)站中方塊

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

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

對(duì)齊和距離

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

主次聯(lián)系

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

常見問題

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