设计实例分析：简单8招教你玩转视觉引导.docVIP

设计实例分析：简单8招教你玩转视觉引导 　　在所有的设计需求中，可以利用一些具有指向性的设计元素，如：色彩、人物和动作、留白处理等，让用户的眼神跟着页面元素的引导，完成对信息的关注与吸收。今天这篇文章，我将分享几个引导视觉的方法和技巧，一起来收。 　　 　　01.先要有个视觉点，靠这些点指引或者聚集视线 　　点的形状并非都是圆，或者是某种具象的元素。 　　比如：在整张页面中出现的大小对比关系，那么小的元素可以称之为点。大的元素也可称之为点。 　　它是一种相对而言的说法。其实，在页面中出现一点时，就 可以很快吸引住用户的眼球。当再出现一点时，此刻用户观察画面时的注意力就分散了。 　　当遇到大小不同的点同时出现时，用户首先会关注较大的那个点，再接着是 较小的点。 　　 　　左上1：视线会首先集中在右侧鲜红的草莓上，1是因为颜色的对比，2是因为面积的对比。点在这里是相对的关系，你可以把整体出现的元素都可以看做点。但是首先会有一个焦点去吸引用户的视线； 　　左上2：点的焦中设计，居中的位置使用户直接关注到正中的内容； 　　左下3：这里的点，甚至说是页面中的亮点。就是右侧冲出画面的骑行者，这种表现打破画面的平稳，使用户最先关注到破格出画面的人物，同时也体现出户外骑行的自然和冒险； 　　左下4：点的集中设计，中间的圆为点，二边的餐具为线，属于典型的居中构图； 　　在实际应用中又可分为 　　焦点 　　第一时间吸引人眼球的那个元素。画面中的点有着明显的大小、颜色、形状的对比。 　　亮点 　　是指画面中点的形状或者细节区别于其他元素，成为画面中的主视觉。 　　 　　左图1：以手绘的黑白线条为主，用原色的食品形成画面的视觉点，引导用户跳跃式的浏览； 　　右图1：居中的点设计，视觉会焦聚在此。大面积的留白，使得画面很干净，除了主体产品外，没有任何其他的元素干扰视线。以3种地殊场景下为主，向用户推荐了不同的产品； 　　当你在设计时 　　1、画面元素的对比不明显，整体视觉很平均时： 　　你可以根据设计需要和活动目的，对设计元素调整大小、或者颜色等形式，使要突出的点对比更为突出。 　　2、当版式中的文字太多时，用户不知道先看什么？ 　　这时你可以尝试把主要文案的字形、颜色等进行处理，使用户视线有个聚焦点。亦或者你可以尝试对文字的层次进行调整，使该突出的突出，该弱化的弱化。 　　02、人物动作设计多，手眼身脚都要使！ 　　动作，举止的指向性。 　　这种指向可以通过模特摆出的各种姿势去体现，也可以通过调整模特元素的方向、位置、和排版共同完成对指定内容的指向。在做一些以模特类为主要元素的设计时，可以好好利用下模特的一举一动。 　　 　　实际应用中 　　如在表现一些运动活动专题时：动感、活力是这类需求的主要切入点。 　　在人物动作的挑选上，就尽量找一些动作幅度较大、夸张的模特，来完成对于“动”起来的基本诉求。 　　 　　左图1：模特人物展开双臂运动的动作中，其中拿球的左手位置正好置于文字上，加之文字颜色为白色，使得用户第一时间去关注那部分内容。其中右手所示的位置，有一个扶地的动作，而这个动作也正好巧妙的结合于推荐的商品上，使用户的视觉顺着向下进行浏览关注。 　　右图2：第一屏，图像中模特的动作有“秀一下”的暗示，向用户展示出他的8块腹肌（嘻嘻）。二是人物所展示的拳头指向，也使用户的视觉焦点向画面左侧的文字靠拢。第二屏，模特眼神所示的方向正好指向了右侧内容。 　　当你在设计时 　　选择大片模特时，首先要考虑到使用模特做为主视觉元素时，模特的动作是否要去结合文案需要、构图需要等需求。然后再去挑选或者去拍摄适合活动目的并带有指向的动作素材； 　　在使用模特素材时，充分利用好模特的动作、表情和眼神的视觉指向，按着浏览轨迹安排合适的贩内容到正确的位置上。 　　眼神 　　眼神的作用，暗示出模特所指的具体内容中，它有着明确的方向指向。 　　当你看我、当我看你，当你看它时，随着人们注意视线的移动，人们关注的焦点也会做出相应的调整。 　　 　　在实际应用中 　　当你用不同的眼神观察事物时，其实你的眼神中，就带有了指向目的的作用。 　　人们会随着你的眼神所指，朝你眼神所示的方向关注过去。它会暗示用户的眼睛，跟随模特或者元素的指引方向，关注到指定的信息。这是一种利用模特眼神，引起用户关注的一个方法。 　　 　　左图1：人物向上的眼神引导用户先将视线聚焦在人物上身，然后再跟随人物眼神向上移动，关注人物顶端的四块信息。 　　左图2：人物正面、向上、向右的眼神，都把用户的眼神引导到相应的信息上。 　　当你在设计时 　　跟着模特脸的方向、眼神所指的方向，安排重要、次要信息到相应的位置上。这会暗示用户的眼球朝所示的方向看过去。 　　不要忽略模特的表情哦，它其实也很重要哦。试想一下，一个要表达天