首页客户案例高端网站建设SEO优化小程序APP开发抖音 X 获客网络营销关于动态联系咨询

在设计中,引导受众视觉关注的八个方法

在平面设计中,可以利用一些具有指向性的设计元素,如:色彩、人物和动作、留白处理等,让用户的眼神跟着页面元素的引导,完成对信息的关注与吸收。今天这篇文章,我将分享几个引导视觉的方法和技巧,一起来收。

一,先要有个视觉点,靠这些点指引或者聚集视线

点的形状并非都是圆,或者是某种具象的元素。

比如:在整张页面中出现的大小对比关系,那么小的元素可以称之为点。大的元素也可称之为点。它是一种相对而言的说法。其实,在页面中出现一点时,就可以很快吸引住用户的眼球。当再出现一点时,此刻用户观察画面时的注意力就分散了。当遇到大小不同的点同时出现时,用户首先会关注较大的那个点,再接着是较小的点。

当你在设计时

1、   画面元素的对比不明显,整体视觉很平均时:

你可以根据设计需要和活动目的,对设计元素调整大小、或者颜色等形式,使要突出的点对比更为突出。

2、   当版式中的文字太多时,用户不知道先看什么?

这时你可以尝试把主要文案的字形、颜色等进行处理,使用户视线有个聚焦点。亦或者你可以尝试对文字的层次进行调整,使该突出的突出,该弱化的弱化。

二,人物动作设计多,手眼身脚都要使!

动作举止的指向性。

这种指向可以通过模特摆出的各种姿势去体现,也可以通过调整模特元素的方向、位置、和排版共同完成对指定内容的指向。在做一些以模特类为主要元素的设计时,可以好好利用下模特的一举一动。

实际应用中:

如在表现一些运动活动专题时:动感、活力是这类需求的主要切入点。在人物动作的挑选上,就尽量找一些动作幅度较大、夸张的模特,来完成对于“动”起来的基本诉求。

当你在设计时

1、 选择大片模特时,首先要考虑到使用模特做为主视觉元素时,模特的动作是否要去结合文案需要、构图需要等需求。然后再去挑选或者去拍摄适合活动目的并带有指向的动作素材;

2、 在使用模特素材时,充分利用好模特的动作、表情和眼神的视觉指向,按着浏览轨迹安排合适的贩内容到正确的位置上。

3、眼神

眼神的作用,暗示出模特所指的具体内容中,它有着明确的方向指向。

当你看我、当我看你,当你看它时,随着人们注意视线的移动,人们关注的焦点也会做出相应的调整。

当你在设计时

1、   跟着模特脸的方向、眼神所指的方向,安排重要、次要信息到相应的位置上。这会暗示用户的眼球朝所示的方向看过去。

2、   不要忽略模特的表情哦,它其实也很重要哦。试想一下,一个要表达天真无邪,充满童趣的画面时,你选的模特表情僵硬、目光呆滞,像欠了500工资一样,是不是显得傻了一些呢?

三,上下左右和中间,前面后面和侧面!

方向,用于提示某种位置。

箭头、直线、斜线都具有明确的指向性,它们是引导用户视线的好元素。它不仅有着明确的指向性,而且还可以对画面进行分隔,对信息进行层次的间隔。

在一些场景中,指示方向最多的元素当属各式方向的箭头了。它是提示用户、并暗示行动的一种设计元素。

当你在设计时

1、   在做时尚类、服装类的设计需求中,灵活运用小短线元素可以帮你加强文字层次,修饰画面细节,和提示标重的地方中。不同的线,有着不同的视觉感觉。例如:粗线给人男人、有力的印象;曲线给人柔美、飘逸的感受;

2、   在使用线、短线、箭头元素时,一定要加在要进行明确指向的目的上。不要为了加,而加。

四,万柳丛中一点红,诱导聚焦和突出

万柳丛中一点红,从这句话中折射出了色彩所具有的指向性。

它的优点是直接让主体从万千元素干扰中,非常突出并且马上抓住用户视觉。

在实际应用可分为二种情况:

诱导

在面对大幅面文字、元素、图像信息时,人的眼睛是需要引导的,而色彩是最为直白的形式之一。

通过对色彩的合理运用着重突出最主要的信息,把色彩的反差最大化。如果在色彩的引导上,加配以元素的指向、动作的指向,那么色彩指向将会更加的具有冲击力。

聚集

当画面出现多二种颜色时,用户的眼神首先会聚焦在那些对比性强、面积大的突出的颜色上,然后再找另外一种颜色,然后全部浏览完成。

当你在设计时

1、 用反差比较强烈的互补色去突出主要内容时,这种聚焦的处理方法更有效;

2、 如果画面中的颜色较多时,可以利用色彩的面积大小,去给页面出现的所有信息进行重要层次的分级。

五,留白设计空白多,主角旁边面积大

留白,常见的逼格神器,突出主角的必备招数。

如果说上述的几种方法是在做加法的设计,那么留白其实是在做减法的设计。当主角元素四周的留白很多时,人眼的视线首先会从整页复杂的环境中,优先发现那个没有任何障碍物的设计元素。

当你在设计时

1、有效的留白可以提升画面的逼格,而且可以使要突出的主角更突出;

2、敢留白:大量留白会使页面有空间感,不会因为页面内容密密麻麻而产生厌恶。

3、使用最精简的元素:不添加无谓的设计元素,给用户带去视觉干扰,只保留核心和必要的关键关素,并且对关键元素进行细节的刻画。

六,一二三四五六七,7654321

数字指向,顺序的指向性。

一般人都会有这样的体验,当看到数字1时,就要去寻找数字2。有些需求里,在需要用视觉牵引用户眼睛时,把数字当标头,使用户视线在页面中合理跳跃。

当你在设计时

1、做时尚搭配的需求时,可以用数字去引导产品的顺序;

2、以用运数字为元素时,对数字的大小和字形要进行整体的把控。切不可让数字影响主体内容,当然如果是以数字为主的,就要尽量突出数字的视觉性。

七,动的太大显得闹,静的太死显得闷

动静,就是画面的静与动。

动的元素在整体静态的页面中更能吸引用户的眼球。当然这其中包括页面中有gif图、视觉元素的动感表现等。

当你在设计时

1、   瞬间让元素有动感的处理方法:给元素增加动感模糊;给画面增加飞着的元素如:五彩纸屑、红包、倾斜着的线等。

2、   动的页面还可以通过用现在较流行的h5、视差滚动等技术让页面中的不同元素根据用户的鼠标滚动相应的出现;

八,文案设计想法多,紧扣主题有内涵

文案,用文笔引导用户产生画面感。

当你在设计时

1、好文案往往会联想到一些元素的、色彩的、风格的关键字,这样的好文案往往和图像的贴合度更高。

2、文案的视觉设计,往往通过对文案意思具象的、抽象型的表达引起用户的共鸣。

以上的8点就是我对视觉元素引导的八个方法:

总结

先要有个视觉点,引导眼神靠这些。
人物动作设计多,手眼身脚都要使。
上下左右和中间,前面后面和侧面。
万柳丛中一点红,诱导聚焦和突出。
留白设计空白多,主角旁边面积大。
一二三四五六七,7654321。
动的太大显得闹,静的太死显得闷。

文案设计想法多,紧扣主题有内涵。


本文来源于广州网站建设公司与广州网站设计制作公司-广帆互动广州公司!

日期:2016年08月29日

标签: 广帆互动 、 广州网站设计公司 、 广州网站设计 、 广州网站建设公司 、 广州网站建设

获取您的项目定制及优化报价。

* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。
微信二维码15876521776免费获取诊断报告