荟萃馆

位置:首页 > 设计 > 平面设计

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

以下是YJBYS小编搜索整理的关于平面设计中引导受众视觉关注的八个方法,供参考阅读,希望对大家有所帮助!想了解更多相关信息请持续关注我们应届毕业生培训网!

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

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

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

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

左上1:视线会首先集中在右侧鲜红的草莓上,1是因为颜色的对比,2是因为面积的对比。点在这里是相对的关系,你可以把整体出现的元素都可以看做点。但是首先会有一个焦点去吸引用户的视线;

左上2:点的焦中设计,居中的位置使用户直接关注到正中的内容;

左下3:这里的点,甚至说是页面中的亮点。就是右侧冲出画面的骑行者,这种表现打破画面的平稳,使用户最先关注到破格出画面的人物,同时也体现出户外骑行的自然和冒险;

左下4:点的集中设计,中间的圆为点,二边的餐具为线,属于典型的居中构图;

在实际应用中又可分为:

  焦点

第一时间吸引人眼球的那个元素。画面中的点有着明显的大小、颜色、形状的对比。

  亮点

是指画面中点的形状或者细节区别于其他元素,成为画面中的主视觉。

左图1:以手绘的黑白线条为主,用原色的食品形成画面的视觉点,引导用户跳跃式的浏览;

右图1:居中的点设计,视觉会焦聚在此。大面积的留白,使得画面很干净,除了主体产品外,没有任何其他的元素干扰视线。以3种地殊场景下为主,向用户推荐了不同的产品;

  当你在设计时

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

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

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

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

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

动作举止的指向性。

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

  实际应用中:

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

左图1:模特人物展开双臂运动的动作中,其中拿球的左手位置正好置于文字上,加之文字颜色为白色,使得用户第一时间去关注那部分内容。其中右手所示的位置,有一个扶地的动作,而这个动作也正好巧妙的结合于推荐的商品上,使用户的视觉顺着向下进行浏览关注。

右图2:第一屏,图像中模特的动作有“秀一下”的暗示,向用户展示出他的8块腹肌(嘻嘻)。二是人物所展示的拳头指向,也使用户的视觉焦点向画面左侧的文字靠拢。第二屏,模特眼神所示的方向正好指向了右侧内容。

  当你在设计时

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

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

3、眼神

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

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

  在实际应用中:

当你用不同的眼神观察事物时,其实你的眼神中,就带有了指向目的的作用。人们会随着你的眼神所指,朝你眼神所示的方向关注过去。它会暗示用户的眼睛,跟随模特或者元素的指引方向,关注到指定的信息。这是一种利用模特眼神,引起用户关注的一个方法。

左图1:人物向上的眼神引导用户先将视线聚焦在人物上身,然后再跟随人物眼神向上移动,关注人物顶端的四块信息。

左图2:人物正面、向上、向右的眼神,都把用户的眼神引导到相应的信息上。

  当你在设计时

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

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

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

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

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

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

  在实际应用中:

如果要给用户点明要关注的内容,最好的方法就是利用线、箭头元素的指向,可以很方便的对用户眼睛,进行方向上的引导。

左图1:线条具有明确的指向性、节奏感。直线具有男性的特征,它有力度、相对稳定。曲线具有柔美、流畅的印象;

左图2:垂直的线,有着明确的上下指向作用。

  当你在设计时

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

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

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

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

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

左上1:人物向上慢慢撕开的红色内容,成为用户关注的第一焦点,面无表情人物给画面营造出一种诡异、恐怖的感觉。

左上2:科比的湖人黄色首先成为视觉焦点,引导用户关注其经典的扣蓝动作中。

左下3:红色的线条运用提示用户向下继续浏览,分散的纤细短红色线条自由无序的摆放在页面的主要内容上,使用户的视觉焦点,集中在这些线条所指示的内容上。

左下4:红黑的对比,使得人物左侧的红色更为明显。