来源:海口天琥设计培训
时间:2020/9/19 14:53:55
天琥教育培训有限公司(简称天琥教育)成立于2002年,是一所全国拥近80所校区的连锁教育培训机构,现成功打造天琥互联网设计管理学院2所(凌云学院和九州学院)、天琥设计公司、天琥云课堂和页问网等旗下子公司,成为设计培训行业颇具规模和品牌影响力的企业。并在2017年成功进入A股创业板上市公司体系。
一.视觉引导与排版设计
视觉引导就是给用户的眼睛”引路”,有意识地将要传达的主要信息根据人眼视线的移动规律,合理地把信息安排在页面的”热点区域”中,然后用户通过浏览获取信息。也可以说,有效地安排元素和信息是一种主动式的引导方式。
1.F形视觉
F形视觉通常用在电商类的平台网站中,开始时用户的眼睛会由左向右浏览,当用户找到了喜欢的信息,就开始仔细阅读,构成水平线。如果没有找到喜欢的信息,就继续垂直向下浏览,然后向右浏览,从每条视觉路径中寻找感兴趣的内容,如图1-1所示。
图1-1
2.Z形视觉
Z形浏览的形式主要用在一些产品介绍型的专题中,用户视线首先会从左到右,在页面顶部形成一条横线, 当视线到达右侧时,会向左下移动(这也是出于阅读习惯),在页面下方部分重复水平方向上的搜寻,如图1-2所示。
图1-2
上述介绍的是两种常见的视觉引导的基本规律。在实际设计过程中,通过色彩聚焦、人物视线指向等设计技巧,也能起到引导用户视线的作用。
3. 焦点视觉
图1-3所示是将设计元素摆在页面的中间,减少两侧的空间,可以让读者的视觉更集中。
图1-3
4. S形视觉
如图1-4所示,S形视觉使页面更具韵律感,画面的主体是用线条或者图形、元素摆出的具有S形或Z形的引导轨迹,设计时可以在关键位置上安排主要的信息,引导用户跟着线条的走向去阅读相关信息。设计时注意不要出现断断续续的不连贯性。
图1-4
5.斜线视觉
当想要在画面中表现出速度和不平衡感时,斜线的处理方式是网页设计师惯用的一招,如图1-5所示。
图1-5
二.下面绍几种利用设计元素引导用户视线的常用方法。
1.颜色引导
同一画面中可以利用色块间的大小对比、位置对比、色彩对比等,对用户的视线进行引导。可以将每个不同的色块看成设计中的点与线、线与面的视觉关系,当不同颜色、不同大小的点在画面中出现时,人眼的视线轨迹也会做出相应的移动,从而让整体画面更灵动、更时尚,这也是让页面变得不常规的处理方法之一,如图1-6所示。
图1-6
2.数字引导
如图1-7所示,数字具有指向性和敏感性,许多设计在需要进行视线牵引的时候,常会使用数字去充当设计中点的元素,指引用户在数字间阅读和查看,这也是种弓|导用户视线的常用设计方法。
图1-7
3.动作引导
如图1-8所示,人物的动作(包括手势、 眼神、肢体的)、元素所示的方向,都可以很好地暗示用户,朝所指的方向看过去。
图1-8
4.线条引导
如图1-9所示,线条具有明确的指向性,水平的直线容易使人联想到地平线。直线具有男性的特征,它有力度、相对稳定;曲线则具有女性化的特点,具有柔软、优雅的感觉。
图1-9
5. 眼神引导
如图1-10所示,眼神指向可以暗示用户朝着模特眼睛所注视的方向去寻找信息。
图1-10
以几种技巧是利用页面的设计元素对视线引导的处理方法,它强调的是细节的元素在整体页面中的不同作用。
无论采用何种引导形式,设计的基本点都不能出现错误,都是以传达信息为主。-幅画面中不能同时出现好几个不同方向的元素,否则,用户的视线会因为关注某一个点而忘 了接收其他重要内容。设计要有层次,引导要有规律,可以借助元素的动作、颜色的位置等合理构思,让设计更有条理。
版权所有:搜学搜课(www.soxsok.com)