为什么你的设计看起来很乱？在此之前，我们先来理解一个概念。我们如何看待这个世界？

我们通过眼睛看世界，眼睛是一个可以感知光线的器官。那么结论来了。我们看世界，本质是看光。比如千里晴空空的时候，我们能看到很远的地方，而在黑暗的房间里，我们什么也看不见。

我们来看看第二个问题，眼睛是如何成像的？眼睛通过调节透镜的弯曲度(折射)来改变透镜的焦距，以获得倒置和缩小的真实图像。简单来说，成像原理就是通过镜头改变焦距。简单解释一下，决定成像的重要因素是焦距。

你的设计看起来很乱，在这些方面经常会出现问题:

明暗关系紊乱；视觉焦点不明确，画面没有重点；颜色杂乱，毫无章法。

明暗对比

明暗是指一幅画中物体的受光、背光和反光部分的明暗变化以及这种变化的表现方法。明暗可以分为明面、灰面和暗面，以及明暗和反射的分界线。单个物体的明暗关系，暗部(反射、投影) >灰色面>明亮面。整体关系，靠近光源的黑暗部分>远离光源...绘画的核心是光，遵循光照的自然规律就够了。

除色检查图片的明暗关系

自上而下的三张图是去色后的黑白图；使用色调和饱和度给图片一个颜色的单色图片；原图。

从下图可以大致得出，明暗的固有颜色(光源颜色)=颜色。调色前处理明暗，画面色彩处理很简单。

即使去掉颜色，黑白的关系依然清晰。一个好的设计，即使没有色彩，仍然是一个好的素描。我理解的明暗和色彩的关系，相当于人体和服装化妆的关系。至于美女美不美，服装妆容的搭配是你能达到美的上限。但是，你的脸型、身高、气质、皮肤是你能达到惊艳的基础。

视觉焦点

视觉焦点的概念是让我们的眼睛多停留几秒钟的视觉元素，是我们在画面中一眼就能看到的元素，是画面中的“主角”。

对图片的视觉漏斗进行分类:

视觉焦点：想看不见都很难，表现突出；重要元素：不经意就能看见；辅助元素：仔细看看也能看见（类似买理财产品的最右下角的小标注，「投资有风险，理财需谨慎」）

用高斯模糊方法观察视觉焦点

眯着眼睛看形状，睁开眼睛看细节。把画面的模糊调整到一定程度，再看画面。如果“主角”还能看清楚，那么画面的视觉中心就可以了。即使下图模糊不清，我们仍然可以清晰地看到“英雄”沈腾和《飞天人生》四个大字。原图虽然背景复杂，还有很多其他的装饰，但仍然不影响画面整体的协调感，元素繁多杂而不乱。

以上两个例子说明，即使画面模糊，画面所表达的主题也是可以看得很清楚的。那么，多少暧昧才合适呢？一般来说，将上面提到的视觉漏斗中的重要元素调整到模糊到看不清就足够了。

颜色

颜色是产品因光线照射而附着在物品上的漫反射颜色，根据颜色要素大致可分为光源色、固有色和漫反射产生的环境色。根据长期的实践经验，和谐配色法是在产品固有颜色之外，将光源颜色和环境颜色统一在三种颜色(黑、白、灰不算颜色)之内，颜色比例尽可能多。像光源色这样的主色占屏幕面积的80%，其他环境色作为补充。

颜色插件检查颜色匹配

Google插件调色板。网站可以分析图片的颜色状态和图片中的几种主要颜色。有了这个插件，很容易检查图片是否超过三种颜色(黑、白、灰不是颜色)。如果超过三种颜色，那么需要减去页面，或者将颜色统一在一个颜色系统中，用明度和饱和度来区分。

插件使用方法:可以直接从浏览器下载，也可以在浏览器中选择一张图片，右键“在新标签页打开图片”，然后点击右上角的插件按钮，分析颜色状态。

从以上两个案例可以看出，两个横幅的色彩分析基本在三种颜色以内，尤其是下面看似复杂的色彩，分析出来的总色彩有红、黄、蓝，其中蓝色是点缀色。

今天的内容到此为止。我们来复习重点内容，解决画面看起来乱七八糟的问题。有以下几种方法:

去色检查画面明暗关系高斯模糊法看视觉焦点色彩插件检查配色

设计上虽然没有捷径，但是可以少走弯路。

欢迎关注作者的微信公众号：「闲扯设计」