cooper談到用戶的視覺(jué)路徑一般是:從上到下,從左到右。
好的視覺(jué)設(shè)計(jì)路徑應(yīng)該是順應(yīng)這樣的用戶習(xí)慣,糟糕的設(shè)計(jì)會(huì)讓用戶無(wú)所適從,焦點(diǎn)到處都是。
當(dāng)然,上圖的視覺(jué)路徑圖并非絕對(duì)的,瀏覽習(xí)慣因人而異。
網(wǎng)站中方塊
因?yàn)槿藗儚慕佑|信息以來(lái),信息的呈現(xiàn)就是以方塊式存在:報(bào)紙、書(shū),單個(gè)字成點(diǎn),一行字成線,一段字成面,而這個(gè)面當(dāng)然是以方形呈現(xiàn)的效率最高。網(wǎng)站的視覺(jué)設(shè)計(jì)大部分其實(shí)都是在拼方塊。
網(wǎng)站中的方塊能很好地引導(dǎo)用戶的視覺(jué)路徑,用戶可以通過(guò)區(qū)塊來(lái)分辨這個(gè)區(qū)域的信息是否是自己需要的,從而可以迅速縮小范圍細(xì)致尋找或者瀏覽下一個(gè)區(qū)塊,比如yahoo的首頁(yè),從大塊上來(lái)看,用戶很容易分辨出4個(gè)大區(qū)塊,每個(gè)區(qū)塊里面又有小的區(qū)塊。
方塊感越強(qiáng)越能給用戶方向感。
方塊越少越好。
盡量用留白做視覺(jué)區(qū)分。
對(duì)齊和間距
視覺(jué)設(shè)計(jì)最簡(jiǎn)單,也是最容易忽略的就是對(duì)齊。檢查的方法就是查看每個(gè)方塊中的邊線,方塊與方塊之間的邊線,尤其是縱向維度。
間距的一般規(guī)律:字距小于行距,行距小于段距,段距小于塊距。檢查的方法可以嘗試將網(wǎng)站的背景圖案、線條全部去掉,看是否還能保持想要的區(qū)塊感。
拿淘寶的新首頁(yè)舉個(gè)細(xì)節(jié)的例子(右邊是我調(diào)整后的)。有時(shí)候我們不需要花心思做多么漂亮的圖標(biāo)和顏色搭配,用心地調(diào)整好網(wǎng)站的每一個(gè)像素或許也能讓它煥然一新。
主次關(guān)系
怎么對(duì)用戶引導(dǎo)的關(guān)鍵就在于怎么處理主次關(guān)系。說(shuō)白了就是對(duì)比,從視覺(jué)的角度上看:形狀的大小,顏色,擺放的位置都會(huì)影響信息的重要與否。
從大的區(qū)塊來(lái)看,不要平均分割頁(yè)面,三欄的設(shè)計(jì)應(yīng)該讓其中一欄明顯短一些。
從局部來(lái)看,也要把握信息呈現(xiàn)的節(jié)奏,比如yahoo中間新聞欄的設(shè)計(jì),大圖帶大標(biāo)題是第一要點(diǎn),小圖帶字是第二要點(diǎn),純文本第三,節(jié)奏感、主次關(guān)系非常強(qiáng)。
常見(jiàn)問(wèn)題
視覺(jué)設(shè)計(jì)師不懂代碼,前端設(shè)計(jì)師在視覺(jué)方面又不專業(yè)。常常是實(shí)現(xiàn)出來(lái)的產(chǎn)品跟視覺(jué)設(shè)計(jì)出來(lái)的圖片有所偏差。建議視覺(jué)設(shè)計(jì)師跟進(jìn)調(diào)整。
廣告圖片破壞視覺(jué)效果。如果網(wǎng)站足夠牛的話,可以讓廣告方遵循視覺(jué)規(guī)范。如果不行的話,起碼設(shè)計(jì)師還能決定廣告的尺寸,位置等等。
寫(xiě)這篇文章剛剛趕上4月份新浪、騰訊、淘寶的首頁(yè)改版。單純從視覺(jué)設(shè)計(jì)的角度上看,騰訊非常清爽,很用心。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
名稱欄目:網(wǎng)站的視覺(jué)設(shè)計(jì)路徑應(yīng)順應(yīng)用戶習(xí)慣
文章起源:http://redsoil1982.com.cn/news1/319851.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、靜態(tài)網(wǎng)站、企業(yè)建站、建站公司、網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)