立即注册 登录
 找回密码
 立即注册
搜索

剖析视觉跳跃!让平面设计更合理

2018-4-3 09:59| 发布者: cocoo| 查看: 240| 评论: 0|原作者: 文/张婧

摘要: 视觉跳跃原理就是一套视觉阅读流程,是对设计师和阅读者参与视觉过程中的生理及心理描述。
 

平面设计的过程就是关于图形、文字、色彩等各种视觉元素在平面空间编排的过程,因此在设计过程中,视觉元素编排的信息性、合理性、美感度成为设计师要解决的问题。


作为平面设计师,我们的工作就是要将信息通过一个合理的编排方式放到平面空间中,最终让观众在视觉享受中接受这些信息,这一过程需要科学合理的分析并创造出来。创造的过程需要对人的视觉阅读习惯进行分析,再加以利用。那么,所谓的视觉跳跃就是在了解人们的这种视觉习惯的基础上,进行再创造,创造出一套具有视觉跳跃感,使观众在阅读信息时无论信息量大小都能轻松阅读而不会感觉疲惫的视觉流程。 


人的视觉阅读习惯

①我们习惯于将视线从左到右、从上到下、由左上延弧线形向右下方移动。因而视域中的不同位置注目程度不同。如画面的上半部分让人轻松自在,下半部分则让人稳重和压抑,这种视觉上的感受和自然界中的万有引力相关。同样,平面的左半部分让人轻松和自在,右半部分让人感到稳重和压抑,这种感觉和现今人们习惯于自左向右阅读,起和止的反射结果相关。一般而言,一幅画面上的最佳视域区在左上位置。设计师把画面中最重要的信息放到这个位置应该是个不错的选择。 


②画面内文字每行的宽度不宜过宽,太宽容易使阅读者串行。人们在阅读时从左向右在回到左再向右周而复始,过宽的行距使阅读者在同一行停留时间过长,产生视觉惯性,可能转向下一行时就混乱了。关于此种情况,我想好多人都深有体会吧。解决这个问题很简单,分栏处理,缩短了行距阅读会更轻松。 


③对于版面中的文字,尤其要注意应呈现出易看易读的视觉效果,否则极容易产生视觉疲劳。例如,字号过小、行间距过密,易让人有难以辨认的疲劳感;而大篇幅极亮的文字设计在极暗的背景上,容易因视觉长时间过分紧张而产生疲劳;字号过大,长时间阅读同样会产生不适宜感,而且影响版面美感。这一点最重要的是要把文字的字号控制在能看清楚的一个范围内,然后尽量让文字组群形式出现。 


④如今快节奏的生活,人们没有太多的时间停留在一个画面上。我们在选择图形时就要以简洁、明确、醒目、易记为准则,让你想表达的信息瞬间深入观众内心,保证感兴趣的观众过目不忘,不感兴趣的观众也留有印象。推荐阅读:设计秘籍!如何营造视觉冲击力?


视觉跳跃原理

当我们分析了当下人们阅读习惯特征以后,我们就要想想,如何利用这些原理为我们的设计服务?能否在画面上创造一套视觉阅读流程,让观众不自觉的按照你创造的这一流程去阅读你想要表达的信息?答案是肯定的,因为我们可以通过改变关键位置字号大小、图形颜色、图形面积等很多方法吸引观众的注意力,让这一注意度在画面上排个队,让观者按照设计师的设定,如欣赏视觉大餐一般,在画面中跳跃式的依次阅读,这就是视觉跳跃原理。 


视觉跳跃原理在设计中可能是按照人们普遍的视觉阅读习惯去创造视觉流程,如先上后下、先左后右,也可能打破这种习惯,去重新创造视觉阅读流程,比如:我们想让观众先看画面的下方,那我们就可以把下方的视觉元素相对放大些、醒目些,根据设计师的安排设计出一套视觉阅读流程,阅读者的视觉顺序根据安排跳跃前行,最终得到所有信息。 


视觉跳跃原理就是一套视觉阅读流程,而这一流程不同的设计师设计出来的内容不同,不同的画面同一设计师来设计视觉阅读流程也各有差异。视觉跳跃原理是对设计师和阅读者参与视觉过程中的生理及心理描述。 


视觉跳跃的运用技巧

当我们知道了视觉跳跃原理就是设计师设计视觉阅读顺序,阅读者按照顺序不自觉阅读时,我们能够得出,阅读者是否能够按照设计师的安排依次阅读是成败的关键。所以运用合理的技巧,让视觉注意度分成层次是相当重要的。 


①最先想让观众看到的,也就是视觉注意度排第一位的,应该是画面中最醒目的。这个醒目有很多方法,我们把视觉注意度排第一位的假定为A,比如:其他视觉元素面积大小与A不同,A则醒目;其他视觉元素色彩与A差异明显,A则醒目;其他视觉元素造型与A差异有别,A则醒目;总体来说有差异就会有对比,有对比就会有醒目的一方出现。这就像是两个人比美一样,没有对比怎么判断哪个美? 


②按照上边的方法依次调整醒目程度不同的视觉元素,但切忌杂乱,为了找差异而出现“形态各异”,反而影响阅读与画面美感。视觉跳跃是设计师与阅读者由视觉而引起的心理感受,视觉跳跃设计过程应该是一种统一之中寻求变化的过程,保证总体色彩、风格、构图、形式等统一,在细节处突显差异,在差异中产生视觉阅读的跳跃感,在跳跃感中完成阅读的过程进而得到应有的信息。 


③视觉跳跃设计过程中要注意元素之间的呼应,否则就不像是同一画面中的视觉元素了。以色彩为例,在画面中我们首先设计好了视觉阅读流程,同一色彩应该在保证面积不同的前提下,多次使用,让阅读者在视觉跳跃时能感受到元素间的呼应关系,不同的视觉注意层次都可能会用到同一色彩,否则会产生视觉疲劳,画面也显得“花里胡哨”。 


④视觉跳跃中各个层次要注意主次得当,主要信息的视觉元素要能够最先、最快、最准被阅读,最不重要的信息对应视觉元素可做到低调、甚至不易察觉,做到这些还是使用找差异的方法。推荐阅读:论视觉信息的准确表达!


⑤特别注意的是,视觉跳跃的观众有“阅读挑选权”。我们还是把一个画面上的信息对应视觉元素按注意度分成A、B、C、D、E、F,可能这里边A作为最重要,B最为其次重要的,C和D处于同一层次它们排在B之后,其后是E,最后是F。这样的情况是经常出现的,对于阅读者,由于年龄、学历、经历、生活习惯等不同,各自的兴趣点也不同,可能他看到A觉得没兴趣就不会再往下看了,也可能看到C而绕过D,或者对E和F根本不予理睬。这都是最正常不过的,只要我们做到把最重要的信息传达给对的观众就可以了。 


视觉跳跃原理是总结了人的视觉阅读习惯之后,重新运用到设计中一种尝试,之所以叫做视觉跳跃是希望阅读能够带来更多乐趣,使阅读者轻松阅读享受阅读。而能够将视觉跳跃原理巧妙的运用到设计中需要设计师更多的努力,作为平面设计师需要把自己的设计体会更多的表达出来,也许得到的是肯定,也许得到的是批评,但都是对设计提升有帮助的。

注:本文为 设计智造编辑整理,转载请注明 来源:设计智造 http://cocoo.top

    本文版权归原作者所有,如有侵权请来信告知(cocootop@163.com),可合作,我们愿意支付稿费。

相关阅读

  • 色彩的情感规律与应用原则!
  • 色彩的视觉特性!让色彩"说话"
  • 色彩如何搭配?才能让设计更受瞩目
  • 色彩设计的心理作用!你造吗?
  • 有形有色!色彩情感规律与色彩组合

免责声明|小黑屋|COCOO.TOP 设计智造 ( 冀ICP备16009769号 )

GMT+8, 2018-12-11 21:11 , Processed in 0.036249 second(s), 17 queries .

Powered by CO2! X3.2

© 998866 Comsenz Inc.

返回顶部