人靠衣装,机靠壳装

8招教你玩转[视觉引导]

2016-08-30 09:18 发布

发现 > 其他|

站酷 作者:马良重生
00
admin
湖南省 长沙市
  • 粉丝4

  • 关注1

  • 动态2

写在前面

在所有的设计需求中,可以利用一些具有指向性的设计元素,如:色彩、人物和动作、留白处理等,让用户的眼神跟着页面元素的引导,完成对信息的关注与吸收。

今天这篇文章,我将分享几个引导视觉的方法和技巧,一起来收。


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

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


比如:在整张页面中出现的大小对比关系,那么小的元素可以称之为点。大的元素也可称之为点。


它是一种相对而言的说法。其实,在页面中出现一点时,就 可以很快吸引住用户的眼球。当再出现一点时,此刻用户观察画面时的注意力就分散了。


当遇到大小不同的点同时出现时,用户首先会关注较大的那个点,再接着是 较小的点。




ad4657c41f830000018c1baf8548.jpg



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


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


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


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




在实际应用中又可分为


焦点

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


亮点

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


79d957c41fd20000012e7eb9c342.jpg


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


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



当你在设计时


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

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

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

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


1 2 3 4 5 6 7
0
猜你喜欢
更多发现
月排行榜Top