實(shí)例分析：「8招」教你玩轉(zhuǎn)視覺引導(dǎo)

　

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

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

好比：在整張頁(yè)面中出現(xiàn)的大小對(duì)比關(guān)系，那么小的元素可以稱之為點(diǎn)。大的元素也可稱之為點(diǎn)。

它是一種相對(duì)而言的說(shuō)法。其實(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)注較大的阿誰(shuí)點(diǎn)，再接著是 較小的點(diǎn)。

左上1：視線會(huì)首先集中在右側(cè)鮮紅的草莓上，1是因?yàn)轭伾膶?duì)比，2是因?yàn)槊娣e的對(duì)比。點(diǎn)在這里是相對(duì)的關(guān)系，你可以把整體出現(xiàn)的元素都可以看做點(diǎn)。但是首先會(huì)有一個(gè)焦點(diǎn)去吸引用戶的視線；

左上2：點(diǎn)的焦中設(shè)計(jì)，居中的位置使用戶直接關(guān)注到正中的內(nèi)容；

左下3：這里的點(diǎn)，甚至說(shuō)是頁(yè)面中的亮點(diǎn)。就是右側(cè)沖出畫面的騎行者，這種表示打破畫面的平穩(wěn)，使用戶最先關(guān)注到破格出畫面的人物，同時(shí)也表現(xiàn)出戶外騎行的自然和冒險(xiǎn)；

左下4：點(diǎn)的集中設(shè)計(jì)，中間的圓為點(diǎn)，二邊的餐具為線，屬于典型的居中構(gòu)圖；

在實(shí)際應(yīng)用中又可分為

焦點(diǎn)

第一時(shí)間吸引人眼球的阿誰(shuí)元素。畫面中的點(diǎn)有著明顯的大小、顏色、形狀的對(duì)比。

亮點(diǎn)

是指畫面中點(diǎn)的形狀或者細(xì)節(jié)區(qū)別于其他元素，成為畫面中的主視覺。

左圖1：以手繪的黑白線條為主，用原色的食品形成畫面的視覺點(diǎn)，引導(dǎo)用戶跳躍式的瀏覽；

右圖1：居中的點(diǎn)設(shè)計(jì)，視覺會(huì)焦聚在此。大面積的留白，，使得畫面很干凈，除了主體產(chǎn)品外，沒有任何其他的元素干擾視線。以3種地殊場(chǎng)景下為主，向用戶保舉了差別的產(chǎn)品；

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

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

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

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

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

02、人物動(dòng)作設(shè)計(jì)多，手眼身腳都要使！動(dòng)作，舉止的指向性。

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

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

如在表示一些運(yùn)動(dòng)活動(dòng)專題時(shí)：動(dòng)感、活力是這類需求的主要切入點(diǎn)。

在人物動(dòng)作的挑選上，就盡量找一些動(dòng)作幅度較大、夸張的模特，來(lái)完成對(duì)于“動(dòng)”起來(lái)的基本訴求。

左圖1：模特人物展開雙臂運(yùn)動(dòng)的動(dòng)作中，其中拿球的左手位置正好置于文字上，加之文字顏色為白色，使得用戶第一時(shí)間去關(guān)注那部分內(nèi)容。其中右手所示的位置，有一個(gè)扶地的動(dòng)作，而這個(gè)動(dòng)作也正好巧妙的結(jié)合于保舉的商品上，使用戶的視覺順著向下進(jìn)行瀏覽關(guān)注。

右圖2：第一屏，圖像中模特的動(dòng)作有“秀一下”的暗示，向用戶展示出他的8塊腹?。ㄎ?。二是人物所展示的拳頭指向，也使用戶的視覺焦點(diǎn)向畫面左側(cè)的文字挨近。第二屏，模特眼神所示的標(biāo)的目的正好指向了右側(cè)內(nèi)容。

當(dāng)你在設(shè)計(jì)時(shí)選擇大片模特時(shí)，首先要考慮到使用模特做為主視覺元素時(shí)，模特的動(dòng)作是否要去結(jié)合案牘需要、構(gòu)圖需要等需求。然后再去挑選或者去拍攝適合活動(dòng)目的并帶有指向的動(dòng)作素材；在使用模特素材時(shí)，充分利用好模特的動(dòng)作、心情和眼神的視覺指向，按著瀏覽軌跡擺設(shè)合適的販內(nèi)容到正確的位置上。

眼神

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

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

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

當(dāng)你用差別的眼神不雅觀察事物時(shí)，其實(shí)你的眼神中，就帶有了指向目的的作用。

標(biāo)簽：東營(yíng) 九江 鹽城 林芝 烏魯木齊