视觉设计五大原则

光影是在平面视觉里常用的一种技法方式，在说光影的创意之前，我们先说一下光影的作用。让大家对光有所了解。

我们为了直观一些，直接用几个图片说明。

现在这张图，这是一个瓶子的图形：

我们给瓶子加入光影：

瓶子就变得立体了！

我们给背景加入光影：

空间变得有纵深了，画面层次也丰富了起来！

所以光在画面中最基础的有两个作用：

1.让物体变得立体，更加真实！

2.增加空间纵深，丰富画面层次！

那我们应该如何利用光影，去做更有创意性的设计呢？

逆光就是主体在正前方，光源与主体重叠的一种使用方式，可以说是我们最常用的光影塑造方法之一了：

它的特点是光源与主体重合，形成很强的对比，在画面可以可以非常好地聚焦视线，强化主体。

侧光是光从主体侧面打过来的光，一般不会太强。

主要是起到一个丰富画面层次，营造氛围的作用。

从主体顶部打下来的光：

这种光，可以有效引导视觉，把需要的部分亮起，不需要的部分暗下去，由上至下，吸引人的视线范围和顺序。

从前方照射过来的灯光：

聚焦视线，不要的地方全部暗下去，是一种最能收拢视线的打光方式了。有些细节比较丰富的聚光画面，暗部也会保留一定的细节，不会是一个纯黑色。

给光赋予一个造型，可以达到一种形式创意上的突破，比如这种：

把光塑造成一个人物的造型，下面放置对应的人物锤丧的状态，形成很强的人物情绪反差，可以说是非常有创意了。

还可以把光塑造成物体，比如这种：

把透过来的光塑造成与主体相关的某个物品造型，中间放置一个小的人物，同样也是一种很棒的创意方式。

除了打光方向，造型之外，其实还可以用光来风格画面，也可以起到一些非常亮眼的视觉效果，比如这样：

光影的玩法多种多样，利用好了可以让画面非常具有创意性。

我们先看下这张图：

两个元素， 如果一样大，平铺在画面中，就会显得普普通通的，没有任何亮点。

如果我们把其中一个放大，另一个缩小，再来看：

画面是不是有特点了很多，并且有了节奏感， 就连文案排版也有更多的方式。

所以对比就是让画面的两个组成部分/元素，以夸张的手法，布局构图，以让画面产生强烈的反差。以提升画面冲击力，画面纵深，内容丰富层度。是非常有效提升画面品质的方法之一。

那大小对比如何玩的精通，玩得高级呢？

我们先来看下人物与人物的对比：

这种半身人物和小人物的对比，或者头部表情眼神与小人物的对比主要可以展示人物细节，后面的人物放大表情传递情绪，前面的人物展示全身，传递状态，可以很好地传递内容，常常用在各类视觉海报中。

这种对比有强烈的大小反差，并且可以很大程度地拉伸画面纵深，表现出很强的空间感！

并且还有一个细节：这两张都是三角形构图，非常稳定。

所以我们在设计的时候要也要注意画面的构图方式，夸张对比同时，要保证画面的稳定和饱满！

全身的人物对比很小的人物，让画面有更多的空间可以利用， 可以留白想象，也可以打造场景氛围，展示更多场景氛围。

接下来看下人物与场景的对比：

夸张化的对比，让本该小巧的人物矗立在场景里，很容易就营造除了一种巍峨磅礴的视觉感受。

一般需要很高的设计成本，工时不小。简单点的做法我们可以直接在人物下面拼接一些小场景，比如这样：

一些日常小需求中，没有那么多的时间去打磨细节，就可以这样做，既能保证按时完成需求，也能有一定的创意性。

这种方法也非常具有创意性，把一些很小的物体放大，人物缩小， 反差表现两个主体的大小对比。往往也能有出人意料的效果，需要更多的灵感和想法。

创意本身就是打破常规，把不可能变成可能，达到出人意料的效果就是创意。大小对比在画面中的各种玩法就是可以很好达成这种目的的方法之一，大家可以多去尝试和练习，单这一种方法用好了就很牛逼了。

空间感：空间感( sense of space)是指艺术形象通过一定手法引起的类似现实空间的审美感受。艺术家通过特定的瞬间造型和空间深度的追求，使人联想到其活动、生活的环境空间。在绘画、摄摄影艺术中，形象存在于二维平面中，但通过构图、透视、线条走向、光影和色彩处理，使人感受到空间的整体性、立体性。

而在我理解总结，空间感其实就是运用各种手法，打造出画面的空间纵深感，让二维的画面变成三维，从而提升画面的品质、细节、冲击力。

我们以人物海报为例对比几张图，直观感受一下。

无空间感：

有空间感：

我们直观的可以看到，都是人物海报，下面的两张明显更有品质感。有空间感的图，画面会更高级。

那是因为空间感会让你的画面更有层次，更灵动和富有场景感。这就是空间感的优点。

空间感，其实就是打造画面纵深，让元素之间形成前后关系，那有哪些方法可以打造画面纵深呢？我们总结了5个方法来分享给大家：

富有极强透视线的构图能很直观地表现出空间感。比如：

这类拥有很强透视的构图，不用做别的，光构图就能体现出很强的空间感了。

实际运用中，我们还可以利用标题文案排列出这种透视构图来打造空间感：

虚实分为轮廓虚实和颜色虚实。

轮廓虚实：两个相同的元素，轮廓模糊的在空间上会感觉处于轮廓实的元素后方。

这是两个元素，放到一起就会感觉上是在同一个平面上的。没有虚实关系。

如果把其中一个圆的轮廓虚化：

是不是就会感觉出右边的会在左边的前面，拉出了前后的空间感。这就是我们的轮廓虚实了。

颜色虚实：越贴近背景色的颜色，在空间上会感觉处于后方。

还是这两个元素，如果把其中的一个颜色调成和背景贴近：

两相比较，颜色更实的飞碟，会处于颜色较浅的飞碟前面。

越大元素会感觉越近，越小的元素感觉越远。

在实际操作中我们一般可以利用不同元素来制作这个效果。

比如这是一堆元素，如果大小都差不多，就会感觉是平铺在一起的，没有空间关系。

如果调整它们的大小， 重新摆放，通过近大远小的原理，就可以很轻易地打造出元素之间的前后关系，从而营造出空间感了。

除了虚实、大小之外，明暗也能对比出前后关系，从而营造空间感。

通过纹理层次的明暗对比，一明一暗的对比，也能拉出前后关系。从而营造空间感。

利用元素相互穿插产生的前后关系，也能营造出空间感。

这是1个元素和两个圆的平铺，没有交集。

如果我给他们穿插重叠在一起：

就能产生元素叠压的前后关系，从而也能营造空间感。

利用在海报中：

以上这5种方式就是我们今天分享给大家的方法啦。

在视觉海报的打造中，基本都不是只靠其中一种方法去打造空间感，而是3种，甚至5种一起运用，可以让塑造的空间感的更有层次细节和冲击力。

比如：轮廓虚实+颜色虚实+大小，或者：穿插+大小+明暗。

大家一定要灵活运用，自由组合，以画面最优效果为目标去做，不要局限在某一个框架里。

字体也有字体的性格，不同的字体会呈现出不同的字体性格特征，比如高矮胖瘦、敏捷、邪恶、可爱、优雅文艺等等等等。通过精准地对字体的结构，笔画粗细，细节调整，字体效果等的处理表现字体的差异化，使字体的性格调性，与画面内容相匹配。

力量感、沉稳

特点：横细竖粗/留白少/重心偏下/转折笔直

可爱

特点：圆润/不规则/扩张

优雅

弧度/纤细/重心偏高

活力

特点：倾斜/笔画延伸/笔画干脆，转折弯曲很少

字体还有各种各样的性格，比如魔幻、哥特、血腥、恐怖等等。

我们在做项目的时候，字体的感觉就一定要抓得准，符合整个画面的调性：

比如这种欧式哥特的画风， 字体就可以加一下哥特元素，点缀点玫瑰、藤条。

刚硬科技的画风，字体笔画就可以粗一些，添加点科技感和几何图形，营造超前科技的感觉：

植物自然的风格笔画就可以柔和一些，带有弧度，把一些画面元素图形化点缀在上面：

接下来我们来说下关于颜色情绪的问题！

配色感觉不对？颜色脏？配色不高级？

这些问题一直困扰着我们。应该怎么配色呢？其实颜色也是有规律可循的，希望在这里能带给大家一些颜色方面的启发，让你了解配色的底层逻辑，从而更明确快捷地配出想要的颜色。

因为不同的配色会带给观者不同的情绪感受，只有在先了解不同颜色特性的基础上才能为我们的配色指明方向。我们做出的画面想要传递什么感觉，这种感觉对应什么颜色？

只有搞懂了逻辑，在之后的工作中，才能为我们的配色方案指明方向，而不会一开始就被难住。

如果我想配一个积极热闹活泼的画面，颜色怎么配呢？ 如果想配一个温柔恬静小清新的画面颜色又该如何选择呢？他们都有什么特点，为什么会这样？往下看。

我们先来看几组图片：

用吸管工具提取一下它们的颜色观察。

我们可以看到这类海报视觉上都能给人一种热闹、动感、活力的feel。

通过颜色提取，再观察它们选色的位置，可以发现它们的的配色的纯度和饱和度都非常高。

这是为什么呢？接下来我们降低饱和度看看会发生什么：

可以很明显的感受到画面中已经失去了那种动感、热闹和活力的感觉了，整体更趋于平稳和安静。

所以，高饱和度的配色会带给观者活力，动感，热闹的情绪。常常应用于一些电商、运动品牌的视觉项目中，用来渲染or打造年轻、活力、热闹、动感等氛围。

我们再来看一组：

这一类图片就会给人一种文艺小清新的feel，这类配色和热闹、运动的感觉完全不同。

都是低饱和度高明度的颜色。所以，低饱和度的颜色会给人传达平和、放松、舒适的心情。

这一类的图片就给人以中正休闲的感觉。饱和度都趋于中性，不过高，也不会过低。

其实原理就是在取色器里：

我们看同一张图片，给我们的感觉：

高饱和度配色给人感觉冲击力很强，具有活力，对比非常强烈。

中饱和度画面就弱了一级，视觉冲击力没那么强。画面会放松一些，适合传递休闲的感觉。

使用低饱和度的颜色时，我们看到画面更冷静了，有些高级灰的感觉。

在以往的实际工作当中，我也是先用饱和度来定画面的大情绪基调，只有大的感觉对了，后面才不会出大问题。比如像一些战斗、pk、热血类的banner，都用高饱和颜色:

我们可以来吸取他们的颜色看看：

基本都是靠右边的颜色。

而像我在做下面这种类型的banner时，就会使用到中饱和度的颜色，给人一种轻松休闲的感觉：

我们再看下他们的色域：

都是趋于中间的位置。

最后一种低饱和的颜色，像下面这种作品，就有一种文艺、清新的感觉：

再来看看他们的颜色色域：

都是比较靠左的颜色。

用饱和度来定画面的大基调，还是非常好用的，可以说是屡试不爽，大家可以好好理解并且用起来！

高纯度，高饱和度的颜色，会让人感觉激动、积极、动感、醒目、记忆深刻等特点感官，常常应用于一些电商、运动品牌的视觉项目中，用来衬托年轻、活力、热闹、动感等氛围。

中饱和度的颜色饱和度和纯度都适中，显得中正平和，又不会有低饱和度那样的“平缓“，想要视觉年轻一些，但又不想饱和度那么的强烈，可以尝试选择中度的颜色。

低饱和度的颜色，会给人平和，舒适的感受，常常会结合大量无彩色一起使用，让画面传递出简约，自然，小清新文艺的感觉。

配色的方法有很多，搭配在一起千变万化，但都离不开一个点。你想给别人传递什么感觉？是要年轻、活跃，还是安静、唯美？只有明确方向，在想想这个方向上的颜色有什么规律可循？搞清楚目的，我们再去做配色是不是就会轻松很多？

以上就是今天和大家分享的内容，希望对大家有所帮助和启发！

顺便看下往期同学们的作品吧！