網(wǎng)站設(shè)計觀點
網(wǎng)站設(shè)計順應(yīng)人們的視覺路徑
來源:昆明網(wǎng)站建設(shè)|時間:2012-05-09 17:09:02
一、網(wǎng)站中方塊
人們從接觸信息以來,信息的呈現(xiàn)就是以方塊式存在,這個面當(dāng)然是以方形呈現(xiàn)的效率最高。網(wǎng)站的視覺設(shè)計大部分其實都是在拼方塊。網(wǎng)站中的方塊能很好地引導(dǎo)用戶的視覺路徑,用戶可以通過區(qū)塊來分辨這個區(qū)域的信息是否是自己需要的,從而可以迅速縮小范圍細(xì)致尋找或者瀏覽下一個區(qū)塊
1 方塊感越強越能給用戶方向感。
2 方塊越少越好。
3 盡量用留白做視覺區(qū)分。
二、對齊和間距
視覺設(shè)計最簡單,也是最容易忽略的就是對齊。檢查的方法就是查看每個方塊中的邊線,方塊與方塊之間的邊線,尤其是縱向維度。
間距的一般規(guī)律:字距小于行距,行距小于段距,段距小于塊距。檢查的方法可以嘗試將網(wǎng)站的背景圖案、線條全部去掉,看是否還能保持想要的區(qū)塊感。有時候我們不需要花心思做多么漂亮的圖標(biāo)和顏色搭配,用心地調(diào)整好網(wǎng)站的每一個像素或許也能讓它煥然一新。
三、主次關(guān)系
怎么對用戶引導(dǎo)的關(guān)鍵就在于怎么處理主次關(guān)系。說白了就是對比,從視覺的角度上看:形狀的大小,顏色,擺放的位置都會影響信息的重要與否。
1、從大的區(qū)塊來看,不要平均分割頁面,三欄的設(shè)計應(yīng)該讓其中一欄明顯短一些。
2、從局部來看,也要把握信息呈現(xiàn)的節(jié)奏,大圖帶大標(biāo)題是第一要點,小圖帶字是第二 要點,純文本第三,節(jié)奏感、主次關(guān)系非常強。