在平面設(shè)計(jì)中，可以利用一些具有指向性的設(shè)計(jì)元素，如：色彩、人物和動(dòng)作、留白處理等，讓用戶(hù)的眼神跟著頁(yè)面元素的引導(dǎo)，完成對(duì)信息的關(guān)注與吸收。今天這篇文章，我將分享幾個(gè)引導(dǎo)視覺(jué)的方法和技巧，一起來(lái)收。

一，先要有個(gè)視覺(jué)點(diǎn)，靠這些點(diǎn)指引或者聚集視線(xiàn)

點(diǎn)的形狀并非都是圓，或者是某種具象的元素。

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

當(dāng)你在設(shè)計(jì)時(shí)

1?   畫(huà)面元素的對(duì)比不明顯，整體視覺(jué)很平均時(shí)：

你可以根據(jù)設(shè)計(jì)需要和活動(dòng)目的，對(duì)設(shè)計(jì)元素調(diào)整大小、或者顏色等形式，使要突出的點(diǎn)對(duì)比更為突出。

2?   當(dāng)版式中的文字太多時(shí)，用戶(hù)不知道先看什么？

這時(shí)你可以嘗試把主要文案的字形、顏色等進(jìn)行處理，使用戶(hù)視線(xiàn)有個(gè)聚焦點(diǎn)。亦或者你可以嘗試對(duì)文字的層次進(jìn)行調(diào)整，使該突出的突出，該弱化的弱化。

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

動(dòng)作舉止的指向性。

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

實(shí)際應(yīng)用中：

如在表現(xiàn)一些運(yùn)動(dòng)活動(dòng)專(zhuān)題時(shí)：動(dòng)感、活力是這類(lèi)需求的主要切入點(diǎn)。在人物動(dòng)作的挑選上，就盡量找一些動(dòng)作幅度較大、夸張的模特，來(lái)完成對(duì)于“動(dòng)”起來(lái)的基本訴求。

當(dāng)你在設(shè)計(jì)時(shí)

1? 選擇大片模特時(shí)，首先要考慮到使用模特做為主視覺(jué)元素時(shí)，模特的動(dòng)作是否要去結(jié)合文案需要、構(gòu)圖需要等需求。然后再去挑選或者去拍攝適合活動(dòng)目的并帶有指向的動(dòng)作素材；

2? 在使用模特素材時(shí)，充分利用好模特的動(dòng)作、表情和眼神的視覺(jué)指向，按著瀏覽軌跡安排合適的販內(nèi)容到正確的位置上。

3、眼神

眼神的作用，暗示出模特所指的具體內(nèi)容中，它有著明確的方向指向。

當(dāng)你看我、當(dāng)我看你，當(dāng)你看它時(shí)，隨著人們注意視線(xiàn)的移動(dòng)，人們關(guān)注的焦點(diǎn)也會(huì)做出相應(yīng)的調(diào)整。

當(dāng)你在設(shè)計(jì)時(shí)

1?   跟著模特臉的方向、眼神所指的方向，安排重要、次要信息到相應(yīng)的位置上。這會(huì)暗示用戶(hù)的眼球朝所示的方向看過(guò)去。

2?   不要忽略模特的表情哦，它其實(shí)也很重要哦。試想一下，一個(gè)要表達(dá)天真無(wú)邪，充滿(mǎn)童趣的畫(huà)面時(shí)，你選的模特表情僵硬、目光呆滯，像欠了500工資一樣，是不是顯得傻了一些呢？

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

方向，用于提示某種位置。

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

在一些場(chǎng)景中，指示方向最多的元素當(dāng)屬各式方向的箭頭了。它是提示用戶(hù)、并暗示行動(dòng)的一種設(shè)計(jì)元素。

當(dāng)你在設(shè)計(jì)時(shí)

1?   在做時(shí)尚類(lèi)、服裝類(lèi)的設(shè)計(jì)需求中，靈活運(yùn)用小短線(xiàn)元素可以幫你加強(qiáng)文字層次，修飾畫(huà)面細(xì)節(jié)，和提示標(biāo)重的地方中。不同的線(xiàn)，有著不同的視覺(jué)感覺(jué)。例如：粗線(xiàn)給人男人、有力的印象；曲線(xiàn)給人柔美、飄逸的感受；

2?   在使用線(xiàn)、短線(xiàn)、箭頭元素時(shí)，一定要加在要進(jìn)行明確指向的目的上。不要為了加，而加。

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

萬(wàn)柳叢中一點(diǎn)紅，從這句話(huà)中折射出了色彩所具有的指向性。

它的優(yōu)點(diǎn)是直接讓主體從萬(wàn)千元素干擾中，非常突出并且馬上抓住用戶(hù)視覺(jué)。

在實(shí)際應(yīng)用可分為二種情況：

誘導(dǎo)

在面對(duì)大幅面文字、元素、圖像信息時(shí)，人的眼睛是需要引導(dǎo)的，而色彩是最為直白的形式之一。

通過(guò)對(duì)色彩的合理運(yùn)用著重突出最主要的信息，把色彩的反差大化。如果在色彩的引導(dǎo)上，加配以元素的指向、動(dòng)作的指向，那么色彩指向?qū)?huì)更加的具有沖擊力。

聚集

當(dāng)畫(huà)面出現(xiàn)多二種顏色時(shí)，用戶(hù)的眼神首先會(huì)聚焦在那些對(duì)比性強(qiáng)、面積大的突出的顏色上，然后再找另外一種顏色，然后全部瀏覽完成。

當(dāng)你在設(shè)計(jì)時(shí)

1? 用反差比較強(qiáng)烈的互補(bǔ)色去突出主要內(nèi)容時(shí)，這種聚焦的處理方法更有效；

2? 如果畫(huà)面中的顏色較多時(shí)，可以利用色彩的面積大小，去給頁(yè)面出現(xiàn)的所有信息進(jìn)行重要層次的分級(jí)。

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

留白，常見(jiàn)的逼格神器，突出主角的必備招數(shù)。

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

當(dāng)你在設(shè)計(jì)時(shí)

1、有效的留白可以提升畫(huà)面的逼格，而且可以使要突出的主角更突出；

2、敢留白：大量留白會(huì)使頁(yè)面有空間感，不會(huì)因?yàn)轫?yè)面內(nèi)容密密麻麻而產(chǎn)生厭惡。

3、使用最精簡(jiǎn)的元素：不添加無(wú)謂的設(shè)計(jì)元素，給用戶(hù)帶去視覺(jué)干擾，只保留核心和必要的關(guān)鍵關(guān)素，并且對(duì)關(guān)鍵元素進(jìn)行細(xì)節(jié)的刻畫(huà)。

六，一二三四五六七，7654321

數(shù)字指向，順序的指向性。

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

當(dāng)你在設(shè)計(jì)時(shí)

1、做時(shí)尚搭配的需求時(shí)，可以用數(shù)字去引導(dǎo)產(chǎn)品的順序；

2、以用運(yùn)數(shù)字為元素時(shí)，對(duì)數(shù)字的大小和字形要進(jìn)行整體的把控。切不可讓數(shù)字影響主體內(nèi)容，當(dāng)然如果是以數(shù)字為主的，就要盡量突出數(shù)字的視覺(jué)性。

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

動(dòng)靜，就是畫(huà)面的靜與動(dòng)。

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

當(dāng)你在設(shè)計(jì)時(shí)

1?   瞬間讓元素有動(dòng)感的處理方法：給元素增加動(dòng)感模糊；給畫(huà)面增加飛著的元素如：五彩紙屑、紅包、傾斜著的線(xiàn)等。

2?   動(dòng)的頁(yè)面還可以通過(guò)用現(xiàn)在較流行的h5、視差滾動(dòng)等技術(shù)讓頁(yè)面中的不同元素根據(jù)用戶(hù)的鼠標(biāo)滾動(dòng)相應(yīng)的出現(xiàn)；

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

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

當(dāng)你在設(shè)計(jì)時(shí)

1?好文案往往會(huì)聯(lián)想到一些元素的、色彩的、風(fēng)格的關(guān)鍵字，這樣的好文案往往和圖像的貼合度更高。

2?文案的視覺(jué)設(shè)計(jì)，往往通過(guò)對(duì)文案意思具象的、抽象型的表達(dá)引起用戶(hù)的共鳴。

以上的8點(diǎn)就是我對(duì)視覺(jué)元素引導(dǎo)的八個(gè)方法：

總結(jié)

先要有個(gè)視覺(jué)點(diǎn)，引導(dǎo)眼神靠這些。
人物動(dòng)作設(shè)計(jì)多，手眼身腳都要使。
上下左右和中間，前面后面和側(cè)面。
萬(wàn)柳叢中一點(diǎn)紅，誘導(dǎo)聚焦和突出。
留白設(shè)計(jì)空白多，主角旁邊面積大。
一二三四五六七，7654321。
動(dòng)的太大顯得鬧，靜的太死顯得悶。

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

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

分享標(biāo)題：在設(shè)計(jì)中，引導(dǎo)受眾視覺(jué)關(guān)注的八個(gè)方法
路徑分享：http://aaarwkj.com/news15/317715.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、品牌網(wǎng)站建設(shè)、電子商務(wù)、Google、網(wǎng)站設(shè)計(jì)公司、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)