为什么你始终做不好视觉设计?

1,724 阅读13分钟
原文链接: mp.weixin.qq.com

在众多的设计领域和商业服务中,不管是观者亦或者是设计师本身,人们

越来越多的开始在意最为直观的视觉感受,同时视觉设计在越来越多的被

商业服务中也得到了一定的重视,而很多设计师对于视觉设计的认知还处

于模棱两可的状态,更不要说如何去做好视觉设计或者一个好作品了,其

因在于视觉设计的范畴比较广泛,涉及的内容和形式也比较多样化,对于

设计来说,所有的领域都存在一定的视觉设计;本期文章将从视觉设计的

范畴讲述一下,在设计领域中该如何做好视觉设计的把控;

视觉设计是针对眼睛功能的主观形式的表现手段和结果。简单的来说就是

对文字信息,版式编排,色彩搭配以及最终结果所呈现出的视觉形式,以

受众人群为出发点对画面中包含的元素信息人为进行合理有序的整合,使

其具有强烈目的性和主观性的感官结果呈现,也是服务于人的视觉感官,

也就是说一切可以用静态以及动态方式呈现的画面设计,均可以称之为视觉

设计,我们所见到的大部分作品都是视觉设计的服务结果;

通过两个相同内容的案例演示可以看出,左边的案例的形式,编排,色彩等信息并没有什么问题,但就整体而言画面的视觉效果并不是很有感觉,色彩太过于跳跃使得画面有种不伦不类的感觉;而右边的案例则是添加肌理,对文字信息的编排以及部分元素进行适当的调整之后可以看出,左边的案例虽然也具有一定的合理有序性,但就最终呈现的视觉效果而言右边的明显要比左边的好一些;而视觉设计就是对这看似不起眼的细节进行舒适美观的整合;

从两组案例中可以看出,在编排和色彩相同的情况下,左边的案例中图形是没

有经过任何处理的,而文字正常编排的情况下则会收到视觉的影响,右下角的

说明性文字也没有任何意义,导致整体的视觉效果稍弱,且影响阅读;而右边

案例中则是进行适当的形式处理,使得文字可以正常识别,同时右下角也换了

一种逗号的视觉符号表现形式,说明性文字可以识别的情况下也为整体画面的

视觉效果提供了很好的表现手段;

在信息爆炸的时代,人们对文字信息的接受程度远远小于图形的传播能力,在视觉设计中有效传达信息作为最根本的任务,尤其是画面中必要的文字信息则需要设计师通过一定的视觉表现手段来完成使信息有效传播的目的,对文字进行图形化的视觉符号表现则大大对此目的进行了很好的表达;

在突出目的保证有效的传递信息时,还要让观者如欣赏绝世美画般愉悦,尤其是在进行创意添加时一定要注意文字信息的识别度问题,同时在保证信息能够清楚的传达时则可以适当的弱化,尽量不要造成视觉障碍让观者反感;

视觉设计就是通过有目的的对画面中的信息简洁而优雅的传递出来,同时也是通过创意的表现手法,使要表达的信息让观者的视觉感知更加具有强烈感受;

在保证有效传递信息的同时,以突出视觉效果为目的,对画面使用不同设计方法的表行手段,使元素达到和谐统一,让整个画面的视觉感知更加愉悦;

很多设计师之所以做不好视觉设计或者是画面视觉效果比较差,大多数是

因为不善于使用几何图形亦或者把控不好几何图形,尤其是在对版面进行

形式化的表现时和文字编排时,适当的添加几何图形可以很好的增强画面

的视觉美感,打破呆板的印象;

左图:

案例中只是在文字的地方正常的加入斜线的几何图形,而这种斜线的方式也是大家熟悉的视觉符号,其他地方随没有太大的问题,而主视觉区域的文字使用错乱的编排形式,但整体看起来并不美观,且很容易造成观者阅读的障碍和阅读顺序问题,并没有起到视觉设计本质的作用,仅限于把版式常规的进行编排;

右图:

在此基础上对主视觉区域的文字通过线条的几何图形进行链接,同时又对文字进行切割的处理,使线条与文字自然融为一体,不仅起到阅读引导的作用,同时也让整个画面的视觉效果更加的美观,另外又对背景进行适当的变形几何图形的添加修饰,在营造一种氛围的同时,更加的突出视觉设计作用;

细节的处理一直是设计中老生常谈的问题,同时也是设计师时刻要注意的

问题,而这里我们所说的细节处理则是在常见的细节处理之外,如果为作

品添加相应的细节处理,使作品具有较高的品质感,同时也是视觉设计由

小见大设计手段表现;

左图:

画面整体按照正常的形式进行有序的摆放,画面整体看起来效果感觉还不错,但值得注意的就是在这种情况下大多数设计师会停留在此,而添加细节就是在不影响整体效果的同时不断的进行尝试,使其具有细节性的品质感,同时也需要对整体画面微妙变化具有一定的视觉感知和视觉把控能力;

右图:

对画面中的文字,主体等添加相应的细节,在保证整体视觉效果的同时使其更加具有一定的品质感,也是对画面多方面思考和心思的体现,而这种品质感则是通过设计的手段由小见大逐渐表现出的视觉感知,在使信息能够有效传递的同时让画面达到我们想要的目的也使观者感受到你的用心;

在视觉设计中很多设计师不知道该从哪个方向入手,即便有较好的创意也

不知道该像哪个方向延伸,这里列出了四个可以无限延伸的方向,在遵循

视觉设计目的的同时,可以根据画面想要传递的主体适当的对某一方面进

行着重延伸和突出,但其他的几个方面也要与其协调一致;

字体作为信息的重要载体,其对视觉设计的影响除了字库字体选择,字体的

编排还包含字体设计,可以说是细节比较多的一个方向,同时也是容易被忽

略的因素之一,很多情况下不是字体本身的问题,而是作为设计师没有能够

很好的把字体的气质与画面的气质很好的结合起来,即使是细微的差别也会

对最终的视觉感知造成非常大的影响;

新建一个画布,把找到的素材置入到画面当中,在这种情况下我们要事先

对人物的气质进行分析,尽量在这个时候去捕捉一下整体的气质为后面的

字体选择,文字编排以及效果处理等情况有一个大致的方向;

左图:

首先对人物素材进行适当的刻画处理,这里调整了一下人物的明暗对比度使其看起来更加的具有质感,同时凸显人物高光的部分,这一步也是大多数设计师容易忽略的问题,处理好之后接着就是字体等相关问题的处理;

右图:

文字的编排整体按照杂志的风格进行编排,同时把人物向下移动,以保证脸部能够不被遮挡,大标题使用黑体类型的字体,而小文字则使用宋体类型的字体,使两种不同类型的字体形成鲜明的对比,中文标题中间加入一个小英文凸显创意性;

在确定基本效果图之后,把文字选择大家人为最适合女性的字体进行展示,通过两个效果图可以很明显的看出差别;左边虽然文字比较适合女性,但就整体的视觉效果来说,则会显得单薄;

在视觉设计中版式编排对于视觉的影响也是至关重要的,不管是网页也好,

电商也好,ui设计也好,好的编排版式编排不仅可以促进信息的有效传递

同时也可以为观者营造舒适的用户体验;在对版面进行划分时尽量使用便

于阅读的编排方式;

新建一个画布然后把找到的素材置入到画布当中,之后先对素材进行适当的处理以达到我们所需要的效果,素材自身的形态跟我们留下了很好的版式编排空间,但也需要对其进行适当的位置调整以达到最佳理想化;

左图:

先把人物去色,整体向左移动让脚紧贴左边边缘,然后调整整体的明暗对比,同时再为其添加杂色,使其更加的具有质感,也是为了去掉色彩过渡留下的痕迹,整体的画面视觉基本上已经形成而后考虑版面整体的划分以方便文字的置入;

右图:

以黄金分割对版面进行划分使主体文字信息放置上角的位置,占据相应的比例,并对文字自身进行适当的编排以协调画面的气质,小文字的添加则是为了平衡画面并对称摆放,让文字达到最合理舒适的阅读,颜色的选择则是为了更好的强调视觉;

色彩是最有力的视觉表现,也是最直观的视觉感知,而在视觉设计当中色

彩则通常用于强调要突出的主体,能够更加快速的博得眼球,但需要注意

的就是色彩是通过相互搭配而形成的视觉感知,并不是色彩越多越好或者

越亮越好,同时也要注意画面整体的视觉效果,而这一点主要体现在背景

色与背景上面的 颜色;

新建一个画布,然后在网上找到了一个素材,把素材置入到画面当中,通常情况下大多数设计师对于单色比较容易掌握,而对于色彩较为丰富的画面却不知道该如何去搭配合适的颜色,在这种情况下第一是捕捉画面给我们的第一感觉,第二就是把想要的风格确定一个大致范围,之后对素材进行适当的处理;

左图:

把素材进行变色处理,并调整素材的摆放位置使其对版面进行对称分割,同时在边缘留出些许边距,值得注意就是整体背景的颜色只是简单的选择了一个浅灰色,而对于画面的视觉效果来说过于单调,也没有形成呼应的关系;

右图:

先对背景色进行选择,这里选择主要是根据画面中的紫色进行提取,淡淡的紫色与画面气质相呼应,同时加入文字的编排,文字的颜色也是提取途中的绿色,但需要注意的就是文字颜色饱和度不易过高,否则会影响图片的视觉;

设计中大多数都是基于形式的创新,表现形式也是创意的最佳载体,对于

视觉设计而言,表现形式是促进视觉效果的最有力的手段之一,简单的来

说就是换一种样式以满足最佳的视觉体验;

选择以文字为主的海报,新建一个画布,然后把事先设计好的字体置入到画面当中,整体的色彩则是根据文字的字意进行选择的,如果在画面中单独以字体设计有时候很难撑起一个画面,而这种情况下则需要通过形式的处理来增强视觉;

左图:

把主体调整到合适的位置,然后画一些线条在文字图层上添加蒙板使线条与文字进行融合,同时在文字的后面又画一些波浪型的线条以表达柳絮的随风摇摆,在密麻的线条形势下,让文字视觉效果瞬间增强,同时也创意的体现;

右图:

在进行形式化处理之后,把其他的文字也置入到画面当中,同时并对形式所传递的情景化的视觉感知,适当的添加一些水纹和叶子之类的修饰元素用以增强情景化的视觉表达,以形式为主的视觉延伸设计,整体效果可以很好的传递信息;

视觉设计虽然变化多端,但归结起来也就是文章中四个方向的不断延伸与

变化,可以结合起来使用,同时也可以以单个方向为主进行夸张的延伸设

计以重点突出视觉效果;具体的应用则需要根据实际的案例选择适当方向

即可,同时四个方向也可以作为检验视觉设计的基础原则;

【往期内容推荐】

版面里乱中有序隐藏的网格

版面里隐藏的网格绘制与版式创新

【野蛮生长】设计中三种构图的视角

【野蛮生长】五招提升画面中的设计感

两招让你掌握设计中的风格

【野蛮生长】字效一层流的使用法则

【野蛮生长】三种技巧搞定背景

版式和字体设计中的视错觉

【字言字语】全系列字体包下载


扫描二维码

关注【16创艺】微信订阅号

(每周五19:00更新)

我们下周见