8AV国产精品爽爽Va在线观看_国产精品视频免费播放_综合精品综合一区二区_蜜臀福利视频免费观看

品優(yōu)網(wǎng)絡(luò) 十六年(2003-2018)專注
網(wǎng)站的視覺路徑和版式設(shè)計
日期:2014-12-26 作者:admin 來源: 瀏覽次數(shù):0 網(wǎng)友評論 0

企業(yè)網(wǎng)站推廣1

網(wǎng)站的視覺路徑和版式設(shè)計
 
 

網(wǎng)站中方塊

因為人們從接觸信息以來,信息的呈現(xiàn)就是以方塊式存在:報紙、書,單個字成點,一行字成線,一段字成面,而這個面當(dāng)然是以方形呈現(xiàn)的效率更高。網(wǎng)站的視覺設(shè)計大部分其實都是在拼方塊。
網(wǎng)站中的方塊能很好地引導(dǎo)用戶的視覺路徑,用戶可以通過區(qū)塊來分辨這個區(qū)域的信息是否是自己需要的,從而可以迅速縮小范圍細(xì)致尋找或者瀏覽下一個區(qū)塊,比如yahoo的首頁,從大塊上來看,用戶很容易分辨出4個大區(qū)塊,每個區(qū)塊里面又有小的區(qū)塊。
1 方塊感越強(qiáng)越能給用戶方向感。
2 方塊越少越好。
3 盡量用留白做視覺區(qū)分。

對齊和間距

視覺設(shè)計更簡單,也是更容易忽略的就是對齊。檢查的方法就是查看每個方塊中的邊線,方塊與方塊之間的邊線,尤其是縱向維度。
間距的一般規(guī)律:字距小于行距,行距小于段距,段距小于塊距。檢查的方法可以嘗試將網(wǎng)站的背景圖案、線條全部去掉,看是否還能保持想要的區(qū)塊感。
shijue3.jpg
拿淘寶的新首頁舉個細(xì)節(jié)的例子(右邊是我調(diào)整后的)。有時候我們不需要花心思做多么漂亮的圖標(biāo)和顏色搭配,用心地調(diào)整好網(wǎng)站的每一個像素或許也能讓它煥然一新。

主次關(guān)系

怎么對用戶引導(dǎo)的關(guān)鍵就在于怎么處理主次關(guān)系。說白了就是對比,從視覺的角度上看:形狀的大小,顏色,擺放的位置都會影響信息的重要與否。
從大的區(qū)塊來看,不要平均分割頁面,三欄的設(shè)計應(yīng)該讓其中一欄明顯短一些。
從局部來看,也要把握信息呈現(xiàn)的節(jié)奏,比如yahoo中間新聞欄的設(shè)計,大圖帶大標(biāo)題是前幾要點,小圖帶字是**要點,純文本第三,節(jié)奏感、主次關(guān)系非常強(qiáng)。

常見問題

1 視覺設(shè)計師不懂代碼,前端設(shè)計師在視覺方面又不專業(yè)。常常是實現(xiàn)出來的產(chǎn)品跟視覺設(shè)計出來的圖片有所偏差。建議視覺設(shè)計師跟進(jìn)調(diào)整。
2 廣告圖片破壞視覺效果。如果網(wǎng)站足夠牛的話,可以讓廣告方遵循視覺規(guī)范。如果不行的話,起碼設(shè)計師還能決定廣告的尺寸,位置等等。

網(wǎng)站的視覺路徑和版式設(shè)計,與大家多多交流。

企業(yè)網(wǎng)站推廣2

查看更多寧波網(wǎng)站建設(shè)路徑網(wǎng)站設(shè)計

寧波網(wǎng)站建設(shè) (http://m.sdjianlida.com/) 版權(quán)與免責(zé)聲明
    1、凡本網(wǎng)注明“來源:寧波品優(yōu)網(wǎng)絡(luò)”字樣的所有作品,版權(quán)均屬于浙江省寧波海曙品優(yōu)網(wǎng)絡(luò)技術(shù)有限公司,如需轉(zhuǎn)載、摘編或利用其它方式使用上述作品,請與本網(wǎng)聯(lián)系。
    2、凡本網(wǎng)注明“來源:XXX(非寧波品優(yōu)網(wǎng)絡(luò))”的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點和對其真實性負(fù)責(zé)。寧波網(wǎng)站建設(shè)的轉(zhuǎn)載僅為信息的廣泛傳播,如有侵權(quán)請及時告之刪除。
返回:寧波網(wǎng)站建設(shè)