为什么你的设计看起来很乱？用这3个方法搞定！

什么的设看起很乱？此之我们先了解一概念，我们怎样看这世界？

我们通过眼睛看世界，眼（又称眼睛，目）一可以感知光线的器官。那么结论了，我们看到这世界，其实本质就看到了光。举例子，晴空万里时我们可以看到很远很远的距离，反之漆黑的屋子里，我们什么都看不见。

我们再来了解第个问题，眼睛是怎样成像？眼睛过调节晶状体弯曲程度（屈）来改变晶状体焦距获倒立、缩小实像。简单来说，成像原理是晶状体来改变焦距，简单解释决定成像要素是焦距。

你的计起来乱，往往在这个方面出了问题：

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

明暗

明暗指画中体受光、背光反光部分的明暗度变化以及对这种变化的表方法。明暗分亮面，灰面，暗面，以及明暗交界线，反光五调子。单体明暗关系，暗部（反光，投影）＞灰面＞亮面。整体关系，靠近光源暗部＞远离光源……画画核画的光，遵循光照的自然规律即可。

色检查画面明暗系

从上至张图依次是色之后的黑白图；色相和饱和给画面赋予一个颜色的单色图；原图。

从下图可以粗略得出结论，明暗（光源色）+固色=色彩。调色之先处理明暗，画面颜色处理起就非常简单了。

近火爆的产硬核科幻片海报，即使去掉颜色，黑白关系依旧明确清楚。好的设即使任何颜色，依旧一副好的素描画。我所理解的明暗关系与色彩的关系相当于人体与衣服妆的关系，对于一女否漂亮，衣服妆的搭配能达到漂亮的限，然的脸型，身高，气质，皮肤能达到的惊天人的基础。

视觉焦点

视焦点究其概念，是让我们的视停留几秒的视元素，我们在画面中一眼就能看到的元素，画面中的「主角」。

对画面的视觉漏斗进行分类：

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

高斯模糊法看视焦点

眯着眼睛形，睁着眼睛细节。把画面模糊调一定程度，然后画面，如果画面仍然能清楚「主角」，那画面的视觉中心就是可以的。下图画面即使模糊了，依然能清「男主角」沈腾以及飞驰人生四个大字，虽然图背景复杂以及其装饰物多，依然不响画面的整体协调，素多且杂而不乱。

这上面的两个例子看，即使画面模糊了，还是清晰看到画面表达的题。那么模糊多合适呢，一般调整到上面说的视觉漏斗中重要元素看起来好模糊到看清就可了。

色彩

色彩是附着在物上由于光的照射产漫反射的颜色，可粗略按色彩元素分为光源色，固有色和漫反射产生的环境色。按照长期的实践经验来看，通较和谐的配色方式是除了产的固有色之外，尽量把光源色和环境色统一在种颜色（黑白灰算颜色）之，颜色例尽量类光源色的色调占据画面百分之八十的面积，他环境色作为补充。

色彩插件检查配色

谷歌插件 palette.site 分析画面颜色的状态及画面中几种要的颜色，借助这个插件很轻松检查画面是否超过了3种颜色（黑白灰算颜色），如果超过种颜色，那么页面就需要做减法，或者将颜色统一在一个色系里，明及饱和区分。

插件的使用方法：可以直接使用浏览器下载，然后也可以浏览器中选择一张图片，右键「新标签中打图片」，然后再「点击右角的插件按钮」分析颜色状态。

从上面的两个案例中可看，两个 banner 的颜色分析基本都在种颜色，特别是面的看起来较复杂的颜色，总共分析的颜色就红蓝，中蓝色还是点缀色的存在。

今天的内就到这里了，我们回顾一下重点内，解决画面看起很乱可以以下方法：

• 色检查画面明暗系
• 高斯模糊法看视觉焦点
• 色插件检查配色

设虽近，但可以少走弯。

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