今天来分享一个插画视觉的需求，大概的要求如下：
我们来看看整个制作优化的过程。
01 草图阶段
因为要展示校园场景，为了更多了展示更多的内容，所以我们采用了俯视2.5d的手法，尽量更大面积的展示校园场景，草图如下：
虽然草图确实很草，但是大感觉是ok的，但有几个小点是需要优化的。
比如上半部分的“热点”用文字显得太笨重了，可以换成一些图标：
再比如左下角的地方有点太密集，太琐碎了，可以尝试变得整体一点，于是我们换成了氢气球和英文字母：
这样就好多了，有了草图，我们再把草图优化成线稿：
这样就可以上色了！
02 上色阶段
颜色阶段出现了比较严重的问题，因为这个画面设计到的元素、层次太多，插画师改了非常非常多的版本，但始终是没有改出及格的效果，选一些给大家看看：
最后，只能让热哥亲自动手了，优化后的效果如下
这里需要和大家分享一些关于配色的小技巧。首先，我们一定要控制画面饱和度
看过我之前文章的同学应该知道，饱和度越高的颜色，越吸引眼球，看下图就知道了
我们的画面不能全都是高饱和，不然很容易导致画面太刺眼睛。比如像下面这张图：
主体应该是画面中心的黄色，但是旁边的蓝色饱和度比主体还要高，而且这个高饱和度的蓝色面积还不小呢，这就导致我们没办法把视觉聚焦在画面中心。
其次，我们一定要学会不要让暗部太脏
很多同学在加颜色暗部的时候，容易弄的比较脏，像下面这种：
直接往黄色里加黑色，就显得比较脏。
其实我们可以适当改变暗部色相，比如固有色是黄色，那我们暗部的颜色可以往橙色偏一偏：
这样就不会那么脏了！
你看下面这个里面的黄色的暗部，就比较脏：
而下面这个画面里的黄色暗部就好很多，不脏：
大家明白了吧！
03 其他感悟
剩下就是一些调整的细节阶段了，和大家分享一些小感悟。
一个画面，我们不能让所有维度的内容都是普通的，比如构图、颜色、元素、质感，如果没有一个内容跳出来，那就基本完蛋了。
怎么让画面来点亮点呢，其中比较好用的一个方式，就是给某个元素加点生命力，比如之前的房子过于普通，我们可以给她加点迷人化的表情：
但是感觉表情不用那么生气，不太好，还是平和一点：
其次可以在画面中穿插一些修饰元素，像这种：
会让你的画面更加富有层次，也会更加灵动。
最后再把一些空的地方加一些细节，比如像这个地方，桌面上空荡荡的：
加上一些书本，丰富一下
这样就好一些了。
总结
以上就是这个小画面的过程感悟了，主要从构图、配色、细节这个三个方面进行了优化：
其中最主要的还是配色这一块，一定要注意整个页面的饱和度比例，明暗比例，一旦比例不协调，最后就会导致画面不够和谐！
内容经授权转载自公众号“菜心设计铺”
精选文章：
非特殊说明，本文版权归原作者所有，转载请注明出处:大作网