網(wǎng)站設(shè)計(jì)如何打造視覺上的效果

2019-04-18 閱讀時(shí)長約6分鐘

快節(jié)奏的生活我們的用戶在瀏覽網(wǎng)站的過程中一般來說都是疾馳而過的，所以在我們設(shè)計(jì)網(wǎng)站的時(shí)候應(yīng)該注意充分的抓住用戶的眼球，想要做到這點(diǎn)就必須打造一個(gè)具有好的視覺體驗(yàn)的網(wǎng)站，要想做好網(wǎng)站的視覺體驗(yàn)，必須關(guān)注一下五點(diǎn)：

●在每個(gè)頁面上建立清楚的視覺層次。

●盡量利用習(xí)慣用法。

●把頁面劃分成明確定義的區(qū)域。

●明顯標(biāo)識(shí)可以點(diǎn)擊的地方。

●最大限度降低干擾。

網(wǎng)站設(shè)計(jì)

建立清楚的視覺層次

讓頁面在瞬間明白易懂的一個(gè)好辦法是確保頁面上所有內(nèi)容的外觀，所有的可視線索清楚，而且能準(zhǔn)確地表述頁面上內(nèi)容之間的關(guān)系:哪些內(nèi)容相關(guān)，哪些內(nèi)容是其他內(nèi)容的組成部分，換句話說，每個(gè)頁面都應(yīng)該有清楚的視覺層次。

一個(gè)清楚的網(wǎng)站視覺層次應(yīng)該包括以下幾個(gè)特點(diǎn)：

越重要的部分越突出，就比如最重要的標(biāo)題要么字體更大，更粗，顏色更特別，旁邊留有更多空白，要么更接近頁面的頂部或者，以上幾點(diǎn)的綜合。邏輯上相關(guān)的部分在視覺上也相關(guān)。例如，可以把相近的內(nèi)容分成一組，放在同一個(gè)標(biāo)題之下，采用類似的顯示樣式，或者把它們?nèi)糠旁谝粋€(gè) 定義明確的區(qū)域之內(nèi)。好的視覺層次通過預(yù)先處理頁面，用一種我們能快速理解的方式對頁面的內(nèi)容進(jìn)行組織并區(qū)分優(yōu)先級(jí)，從而減少了我們的工作。但是，如果一個(gè)頁面沒有清楚的視覺層次。例如，所有內(nèi)容看起來都一樣重要，我們會(huì)降低掃描頁面的速度，尋找關(guān)鍵的文字和短語，然后拼湊出我們感覺重要的內(nèi)容和內(nèi)容的組織方式，這樣就增加了很多工作。哪些內(nèi)容更重要，更有價(jià)值，更流行了，因此為什么不幫我們把這些內(nèi)容標(biāo)識(shí)出來，免得給我們帶來麻煩。

盡量利用習(xí)慣用法。

每一種出版媒體都在發(fā)展自己的習(xí)慣用法，并不斷改進(jìn)這些用法，形成新的習(xí)慣用法，所有的習(xí)慣用法都是從某個(gè)人靈光一現(xiàn)的想法開始的，如果這個(gè)想法相當(dāng)不錯(cuò)，其他站點(diǎn)就會(huì)效仿最終，會(huì)有足夠多的人在足夠多的地方見到它，讓它變得不言而喻，這個(gè)采用過程需要時(shí)間，但是和其他事物一樣，放在因特網(wǎng)上，它會(huì)發(fā)展得非常快。例如，現(xiàn)在很多人都很熟悉電子商務(wù)站點(diǎn)上的購物車及其使用方法，因此，設(shè)計(jì)師們可以放心地使用一個(gè)購物車圖標(biāo)，而不必加上“購物車” 的文字說明。

把頁面劃分成明確定義的區(qū)域。

把頁面劃分成明確定義的區(qū)域很重要，因?yàn)檫@可以讓用戶很快決定關(guān)注頁面的哪些區(qū)域，或者放心地跳過哪些區(qū)域。對網(wǎng)頁掃描所進(jìn)行的幾項(xiàng)初始眼動(dòng)研究表明，用戶很快就會(huì)確定頁面哪些部分包含有用信息，然后對其他部分看都不看一就像他們根本不曾來過一樣。

明顯標(biāo)識(shí)可以點(diǎn)擊的地方

因?yàn)槿藗冊诰W(wǎng)絡(luò)上所做的大多數(shù)事情就是找到下一個(gè)地方點(diǎn)擊那么明確地標(biāo)識(shí)哪些地方可以。

網(wǎng)站設(shè)計(jì)