網站視覺設計應遵循用(yòng)戶的浏覽習慣
|
我們都知道，我們對于事物(wù)的視覺認知一般都是從上到下，從左到右，用(yòng)戶浏覽網站也是如此。我們常州設計網站時也應該遵循用(yòng)戶的浏覽習慣，糟糕的設計會讓用(yòng)戶無所适從，焦點到處都是。
一、網站内容的主次之分(fēn)
首先網站的頁(yè)面設計應該有(yǒu)主次之分(fēn)，說白了就是如何引導用(yòng)戶浏覽這個網站，關注網站的主要内容，産(chǎn)品信息、企業形象、這個就是網站的主要内容。從視覺的角度上看，形狀的大小(xiǎo)、顔色，擺放的位置都會影響信息的重要與否。主要内容和次要内容的區(qū)塊不要平均分(fēn)割頁(yè)面。
二、網站中(zhōng)方塊的使用(yòng)
我們一般布局網站時，大數都是采用(yòng)以方塊的形式來布局設計整個網頁(yè)，網站中(zhōng)的方塊能(néng)很(hěn)好地引導用(yòng)戶的視覺路徑，用(yòng)戶可(kě)以通過區(qū)塊來分(fēn)辨這個區(qū)域的信息是否是自己需要的，從而可(kě)以迅速縮小(xiǎo)範圍細緻尋找或者浏覽下一個區(qū)塊，方塊感越強越能(néng)給用(yòng)戶方向感。方塊越少越好，盡量用(yòng)留白做視覺區(qū)分(fēn)。
三、網站頁(yè)面設計的對齊和間距
視覺設計最簡單，也是最容易忽略的就是對齊。檢查的方法就是查看每個方塊中(zhōng)的邊線(xiàn)，方塊與方塊之間的邊線(xiàn)，尤其是縱向維度。
間距的一般規律：字距小(xiǎo)于行距，行距小(xiǎo)于段距，段距小(xiǎo)于塊距。檢查的方法可(kě)以嘗試将網站的背景圖案、線(xiàn)條全部去掉，看是否還能(néng)保持想要的區(qū)塊感。
遵循以上幾點，我們就可(kě)以把握用(yòng)戶浏覽網站的習慣了，也較好地為(wèi)網站的用(yòng)戶體(tǐ)驗設計開了一個好頭。 |
|
我們都知道，我們對于事物(wù)的視覺認知一般都是從上到下，從左到右，用(yòng)戶浏覽網站也是如此。我們常州設計網站時也應該遵循用(yòng)戶的浏覽習慣，糟糕的設計會讓用(yòng)戶無所适從，焦點到處都是。
一、網站内容的主次之分(fēn)
首先網站的頁(yè)面設計應該有(yǒu)主次之分(fēn)，說白了就是如何引導用(yòng)戶浏覽這個網站，關注網站的主要内容，産(chǎn)品信息、企業形象、這個就是網站的主要内容。從視覺的角度上看，形狀的大小(xiǎo)、顔色，擺放的位置都會影響信息的重要與否。主要内容和次要内容的區(qū)塊不要平均分(fēn)割頁(yè)面。
二、網站中(zhōng)方塊的使用(yòng)
我們一般布局網站時，大數都是采用(yòng)以方塊的形式來布局設計整個網頁(yè)，網站中(zhōng)的方塊能(néng)很(hěn)好地引導用(yòng)戶的視覺路徑，用(yòng)戶可(kě)以通過區(qū)塊來分(fēn)辨這個區(qū)域的信息是否是自己需要的，從而可(kě)以迅速縮小(xiǎo)範圍細緻尋找或者浏覽下一個區(qū)塊，方塊感越強越能(néng)給用(yòng)戶方向感。方塊越少越好，盡量用(yòng)留白做視覺區(qū)分(fēn)。
三、網站頁(yè)面設計的對齊和間距
視覺設計最簡單，也是最容易忽略的就是對齊。檢查的方法就是查看每個方塊中(zhōng)的邊線(xiàn)，方塊與方塊之間的邊線(xiàn)，尤其是縱向維度。
間距的一般規律：字距小(xiǎo)于行距，行距小(xiǎo)于段距，段距小(xiǎo)于塊距。檢查的方法可(kě)以嘗試将網站的背景圖案、線(xiàn)條全部去掉，看是否還能(néng)保持想要的區(qū)塊感。
遵循以上幾點，我們就可(kě)以把握用(yòng)戶浏覽網站的習慣了，也較好地為(wèi)網站的用(yòng)戶體(tǐ)驗設計開了一個好頭。 |