对于学习平面设计的同学来说,所谓“好作品”如果有什么共同标准,尤其在当下流行元素和商业性接合越来越紧密,“视觉冲击力”就成为说出来大家都懂,但具体操作又含糊不清的标准了。对于初学者来说,你只要记住一点:视觉冲击=印象深刻,沈阳平面设计培训,到禾风信宇教育。
那么今天这篇文章负责讲解“视觉冲击力”,让没有平面基础,甚至没有绘画基础的小伙伴,也可以理解如何使借助视觉冲击力为你的作品集吸睛。
对比 Contrast
对比就是利用对某一对元素有某些共性同时又具有强烈的对立性的不同来突出某一要素。这个对比可以是逻辑上的,比如常见的整形医院里“整容前”“整容后”的对比,并排两张脸,还能能看出是同一个人(共性),但整容后的脸明显漂亮了(差异),来突出医生的技艺高超。有时也不一定要用两个元素,可以是同一个对象,比如很多护肤品化妆品,会给同一张脸化一半的妆或者涂一半的护肤品,目的也是突出变化,变化即是产品的功效。
化妆品脸部对比图
在平面中针对视觉效果的对比方法是多样的,比如颜色、大小、质感、肌理、风格等等。对两个元素分别使用互补的颜色常常用于来对比出空间、时间或情绪和心理的变化,有时也会构成正负形,以表达更深层次的依存关系等。大小、质感和肌理常常组合使用以营造出一种力量感或重量感的悬殊。平面设计中也常常对同一元素同时使用复合对比,比如位置的、颜色的、大小的、材质的来营造特殊的需要。反过来也是同理,你选择统一对象,或者将某种意义上对立又统一的元素并置排列,即使不用任何文字和标示,甚至不做任何设计,读者自动会对比,且乐于选找不同,并思考背后变化的意义。
平面设计中的对比元素
另外,对比在版式中还有一层意义,就是区分层级,也就是定义视觉的次序,你希望观众先看到哪里,再看到哪里。可以用对比的形式,突出并强调你希望被第一眼看到的内容。强调的方式一般是把它放得更大、更前、更亮、更鲜艳等。弱层级的东西通过这种强对比,在视觉上自然会起到后退的效果。
对比在版式中的层级优先性
我们来举一个接地气的例子。
这个是之前引起过争议的一张舒淇的杂志封面,很适合作为讲视觉冲击力的案例:
首先它着重利用了色彩上的强对比,偏蓝的紫色,和很跳的橘黄,这两个几乎在色环上形成补色的颜色撞在一起,想不冲击都难。然后字体上,后面杂志名用的是硬朗的衬线字体,而最前方搭上了柔软的纤细手写字,又形成了一层对比。
你看这张去掉颜色信息是不是变得“平”了很多?并且当这张照片去掉颜色之后,它的视觉顺序也产生了变化。很多时候利用颜色的明度、纯度和色相变化也是规整画面视觉次序的有力手段。
重复Repetition
我们知道写记叙文的时候,往往要抓住某一个线索去写,但读者看到这个线索出现,就会知道结下来的剧情要有起承转合了。版式设计中也是同理,尤其在多个页面的排版中,重复原则有点像这个线索,是一开始设计好的,某一个元素、颜色或者形式贯穿在整个设计里,引领人找到阅读的重点,同时也起到统领、规整版面的作用。反过来也是一样,比如当你选择第一页的副标题用字体A,正文用字体B时,第二页请乖乖沿用下去,读者一看自然了解上一页看到了哪,这一页该怎么读下去。
重复再版式中的应用
人在视觉上会倾向于寻找熟悉的东西,像某种记号一样,找到了后再放松下来去关注内容。这个时候如果随意改变记号,就会给读者制造混乱,视觉上也是另起一页的感觉,不利于读者产生记忆点,且难以唤起对之前的内容有联系性。
重复在平面设计中的应用
重复在打造视觉冲击力的主要作用是利用重复的元素给画面搭出某种骨架,增添了画面的细节的同时并不会导致凌乱(画面会舒服)。因为人眼会自动把近似的东西划进同一层级。所以说重复在视觉次序中更能强调出差异,把变化了的部分直接往前“推”出来。打造视觉冲击力时,重复配合对比使用往往达到1+1大于2的效果。
重复在平面设计中的应用
排列Alignment
对比和重复主要针对的是元素,而接下来要讲的排列和接近是针对整个版面的。
首先排列原则是强迫症患者的福音。网格系统的建立就是排列原则的最具体体现。功能上,排列和重复的作用类似,也是在搭建骨架,为元素编组并建立规则。听起来还是抽象?那就先把排列当作对齐、居中、空格这种具象的操作来理解。比如说对齐是设计师在工作中一直在做的事,可能自己都没意识到你挪鼠标的手时时刻刻都在做着对齐的工作。有些对齐是软件或系统自动在做的。有时还要到做辅助线作为参考。利用排列在版式设计中起的最主要的是使页面统一、控制节奏的作用。
我们最常用的办公软件自身就已经为我们做好对齐功能
说到排列再串一下版式,有利于塑造视觉冲击力的版式主要是平铺型和分割型两种。
1.平铺型的版式设计有点像画册的排法,大开大合,清新飘逸,非常适合插画、纯艺、摄影等重视画面展示效果的项目类型。在这种版式里图像无疑是绝对的主角,占据大面积的版面,由于面积大,图像里的细节也暴露的多,图片的质量一定要高。
平铺型的版式中文字的使用一定要精简,可以只保留主标题和副标题部分,尽量避免出现大面积的正文(块状文字),因为图像里的细节已经占据了主要的注意力了,这时候如果文字还密密麻麻会给人喘不过气的沉重感,看着很累,挑战考官的耐心。而且一般图像是作为一个矩形的形状出现的,而块状的文字又是一个矩形,会让版面看起来过于“方”而显得匠气。如果不得不用很多文字描述的时候,建议在页面中加入点状或者条状的有流动感的元素来破一破沉闷的气氛。
版式中的文字设计
分割性的版式主要是和文字的二分式排版,一般分为上下分割和左右分割两种,偶尔也有根据黄金分割率进行斜切的版式。文字和图片的配比大概是2:1。
可以用于文字多于图片的阐述型的内容(即文字2图片1),也可以用于图片多于文字的内容(图片2文字1)但区别于平铺型,分割型的版式中是需要正文作为构成元素出现在版面中的。分割型的版式注重两块内容之间的节奏感,最好避免连续排列图文比例过于平均而呆板沉闷的页面。
接近 Proximity
接近是用关于使用视觉化的空间来展示你的内容之间的关系,是不是听起来有点复杂,其实用图形解释一下就很容易理解了。记得一个口诀“近亲远疏”。把相关的内容永远打包在一起,距离的远近取决于内容之间的逻辑关系。
接近的图形解释
比如说。。。请有感情的熟读并唱出全文。怕你国语不熟,左上给你列遍歌词。在排版时请选择有益于读者阅读和理解内容的排列方式呢。不止文字,图像等所有元素都是一样。同理,把内容有某种格式的排放在一起会默认让读者认为它存在某种逻辑关系,并且阅读的顺序是根据内容之间的距离。人的视觉会主动判定距离相近的内容之间的关联性大于距离远的。这么看就很好理解所谓内容的相关性了吧?
接近的文本演示
现在,我们已经具备了基础的版式知识,到了理论指导实践的时候了。在排版的过程中,这四项原则常常是组合使用的。塑造视觉冲击力最简单粗暴的原则就是让你的画面“动”起来。静止的画面和运动的画面对比起来,显然是运动的画面更快的引起人的注意,这是人类自古以来刻在基因上的视觉本能。
版式应用
进阶篇我们就来学习一下如何组合应用版式基本原则来为我们的画面增色。
视错觉(Optical Illusion)
一副画面之所以让你觉得有冲击力,常常是丰富的视觉层次所造成的错觉。
平面设计大师们已经研究出一套完整的视错觉系统了。视错觉可以用颜色、光线、图案来创造可以用眼睛欺骗你大脑的“不真实存在的/矛盾的空间”。视觉错主要有生理和心理上两种主要形式。来自于生理上的视觉适应现象是利用了人的感官在接受过久的刺激之后会出现暂缓的现象,因而导致了补色和视觉暂留错觉。(比如盯一块高明度的纯红色物体,再去看白墙,会短暂地看到绿色的光斑)视觉暂留现象也是形成如今的动画的基本原理。
视错觉技术
而心理上的视错觉则来自于人心理认知的错觉。联想下刚讲的接近原则,品出来点什么没?
经典的认知视错觉——鸭兔错觉
比如我们所熟悉的超现实主义代表大师达利就很青睐视错觉的表现手法。
达利 妄想的人
这张《妄想出的人》就是达利的作品。当你近距离观察这幅画的时候,你看到的是一个非洲的部屋前面坐着一排背向观者的小人。而当你退远来看,这是一张侧倒的人脸。
在现代的平面作品中,视觉错也是表现视觉冲击力的利器。再比如下面这幅海报,借用了立体主义的手法,将侧面和正面的视图巧妙地融合在同一个画面里,所塑造出的矛盾空间自然具有非常强的视觉冲击力。同时观看者在转换视角时已经与画面产生了一层交互,也会让观者享受那种延迟一秒后的恍然大悟的趣味,以留下更深刻的印象。
正侧面混用的视错觉设计
除了平面设计,在空间、工业甚至建筑设计里,视错觉的手法也是增强作品视觉冲击力的重要手法。
设计中的视错觉
通感 Synesthesia
打造视觉冲击力的实用技第二式——通感。通感这个词本来是个语文课上的修辞手法,又称为“移觉”,是在描述客观事物时,用形象的语言使感觉转移,将人的听觉、视觉、嗅觉、味觉、触觉等不同感觉互相沟通、交错,彼此挪移转换。
通感在设计中的应用
比如这个海报。不用多解释了吧,没吃过章鱼的人也能想象到吸盘粘在舌头的感觉了,视觉+触觉/味觉,多重感官刺激下的冲击力自然大于单一感官。
透视 perspective
第三个打造视觉冲击力的秘密武器就是透视了。这一条是最常用,也最基础的一项实用技。在不改变主题,视觉元素,表现手法,甚至连结构、配色都不动的情况下,增强冲击力最快最实际的办法,就是重新拉一波透视。所谓缺乏空间感,画面没张力,很多时候就是换一个构图就解决的事情。更具体的说,你把透视重新拉大一点再试试看?
透视法图示
动势 Momentum
前面也说了,让画面动起来,冲击力自然会加强。这时就需要把握住动势了,动势简单来说就是捕捉“运动的感觉”。显然你所能展示的画面只是二维的,而运动是需要时间轴的变化的,所以你的画面如果能抓住静止转向流动的那一刻瞬间,让人通过视觉的惯性,塑造出那种千钧一发的紧张感,自然能抓住观者的眼球。
动势应用
表达动势经常要借助可以表现出时间流动的意象,常见的比如说飞溅的水/液体,爆炸的烟云、粉尘,放射的光线,飘舞的裙摆等等。
舞动的裙摆
戏剧张力Dramatic tension
以上都是一些视觉上的小技巧,而真正给人心里能留下深刻印象的事物一定是经过了精巧的安排,体现出“意料之外情理之中”的戏剧感的画面。
请你想象这样的画面,你置身于熙熙攘攘的大街上,马路两边都是正常行驶的人流/车流,路的尽头处却停了下来,挤着一群人交头接耳的谈论着什么的样子。这种画面下,任谁都知道,前面一定是发生了什么。
比如梵高的夜的咖啡馆
它的冲击力不仅来自于颜色的高纯度/补色或是构图和透视。它的妙处在于反差感,蔚蓝的天空,满天星光,暖色的灯光,三两交谈的人群,这些任谁联想都是温馨、温暖的意象,在这个画面里却表达出一种深刻的孤独的氛围。这种走心的视觉冲击力就自带高级的光环了。
沈阳平面设计培训,沈阳平面设计速成班,沈阳学习室内设计?来沈阳禾风信宇教育。沈阳禾风信宇教育,始于2014年,创立五年培养了2000名优秀设计师,培训设计室内、平面、园林景观等。禾风信宇与辽宁200+企业保持良好的合作关系,为企业代培代训设计师,毕业100%保证就业。让你在学习之后有个稳定的工作保障。
学设计,不仅仅是学习软件,更重要的是工作中的实战训练以及创意思维。对接企业需求与项目实战,大量岗位项目实训课程,让学员从中学会遇到项目后如何着手、如何思考、如何去和客户沟通、如何策划、如何用视觉语言去表现客户的诉求,将理论和实际结合。有兴趣,可以搜索“禾风信宇教育”了解更多详情。