傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)都在尋求變化，一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)越來越重要。今天中國(guó)設(shè)計(jì)網(wǎng)的筆者跟大家分享一篇網(wǎng)頁(yè)設(shè)計(jì)的好文，教你把如何設(shè)計(jì)把觀眾的視覺引導(dǎo)到你的重點(diǎn)上。

　　一、先要有個(gè)視覺點(diǎn)，靠這些點(diǎn)指引或者聚集視線，點(diǎn)的形狀并非都是圓，或者是某種具象的元素。

　　在整張頁(yè)面中出現(xiàn)的大小對(duì)比關(guān)系，那么小的元素可以稱之為點(diǎn)。大的元素也可稱之為點(diǎn)，它是一種相對(duì)而言的說法。其實(shí)，在頁(yè)面中出現(xiàn)一點(diǎn)時(shí)，就可以很快吸引住用戶的眼球。當(dāng)再出現(xiàn)一點(diǎn)時(shí)，此刻用戶觀察畫面時(shí)的注意力就分散了。當(dāng)遇到大小不同的點(diǎn)同時(shí)出現(xiàn)時(shí)，用戶首先會(huì)關(guān)注較大的那個(gè)點(diǎn)，再接著是較小的點(diǎn)。

　　二、人物動(dòng)作設(shè)計(jì)多，手眼身腳都要使!

　　動(dòng)作舉止的指向性。這種指向可以通過模特?cái)[出的各種姿勢(shì)去體現(xiàn)，也可以通過調(diào)整模特元素的方向、位置、和排版共同完成對(duì)指定內(nèi)容的指向。在做一些以模特類為主要元素的設(shè)計(jì)時(shí)，可以好好利用下模特的一舉一動(dòng)。

　　三、上下左右和中間，前面后面和側(cè)面!

　　方向，用于提示某種位置。箭頭、直線、斜線都具有明確的指向性，它們是引導(dǎo)用戶視線的好元素。它不僅有著明確的指向性，而且還可以對(duì)畫面進(jìn)行分隔，對(duì)信息進(jìn)行層次的間隔。

　　四、萬柳叢中一點(diǎn)紅，誘導(dǎo)聚焦和突出

　　萬柳叢中一點(diǎn)紅，從這句話中折射出了色彩所具有的指向性。它的優(yōu)點(diǎn)是直接讓主體從萬千元素干擾中，非常突出并且馬上抓住用戶視覺。

　　五，留白設(shè)計(jì)空白多，主角旁邊面積大

　　留白，常見的逼格神器，突出主角的必備招數(shù)。如果說上述的幾種方法是在做加法的設(shè)計(jì)，那么留白其實(shí)是在做減法的設(shè)計(jì)。當(dāng)主角元素四周的留白很多時(shí)，人眼的視線首先會(huì)從整頁(yè)復(fù)雜的環(huán)境中，優(yōu)先發(fā)現(xiàn)那個(gè)沒有任何障礙物的設(shè)計(jì)元素。

　　六，一二三四五六七，7654321

　　數(shù)字指向，順序的指向性。一般人都會(huì)有這樣的體驗(yàn)，當(dāng)看到數(shù)字1時(shí)，就要去尋找數(shù)字2。有些需求里，在需要用視覺牽引用戶眼睛時(shí)，把數(shù)字當(dāng)標(biāo)頭，使用戶視線在頁(yè)面中合理跳躍。

　　七，動(dòng)的太大顯得鬧，靜的太死顯得悶

　　動(dòng)靜，就是畫面的靜與動(dòng)。動(dòng)的元素在整體靜態(tài)的頁(yè)面中更能吸引用戶的眼球。當(dāng)然這其中包括頁(yè)面中有g(shù)if圖、視覺元素的動(dòng)感表現(xiàn)等。

　　八，文案設(shè)計(jì)想法多，緊扣主題有內(nèi)涵

　　文案，用文筆引導(dǎo)用戶產(chǎn)生畫面感。