Date 2026-04-20 14:59:51
为什么你的设计看起来很乱？在此之前，让我们先了解一个概念，我们如何看待这个世界？
我们通过眼睛看世界，眼睛（也被称为眼睛，眼睛）是一个能感知光的器官。所以结论来了，我们看到了这个世界，事实上，本质是看到光。例如，当晴朗的天空数千英里时，我们可以看到很长的距离，相反，在黑暗的房间里，我们什么也看不见。
让我们了解第二个问题，眼睛是如何成像的？眼睛通过调整晶状体的弯曲程度（屈光）来改变晶状体的焦距，以获得倒立和缩小的图像。简单地说，成像的原理是晶状体来改变焦距，而决定成像的重要因素是焦距。
你的设计看起来很乱，在这些方面经常出现问题：
明暗关系紊乱；视觉焦点不明确，画面没有焦点；颜色杂乱无章。
明暗是指图片中物体受光、背光和反射部分的明暗变化以及这种变化的表现方法。明暗分为五个调子：明亮表面、灰色表面、暗表面、明暗交界线和反射。单个物体的明暗关系，暗部分（反射、投影）＞灰面＞亮脸。整体关系，靠近光源暗部＞远离光源...绘画的核心是光，遵循光的自然规律。
去色检查画面明暗关系
从上到下的三张图片是去色后的黑白图片；用色相和饱和度给画面一个颜色的单色图片；原图。
从下图可以粗略得出结论，明暗(光源色)+固有色=色。调色前先处理明暗，画面颜色处理非常简单。
最近流行的国内核心科幻电影海报，即使颜色被删除，黑白关系仍然很清楚。一个好的设计，即使没有任何颜色，仍然是一幅很好的素描画。我所理解的明暗关系和颜色的关系相当于人体和衣服化妆之间的关系。对于一个美丽的女人来说，衣服和化妆的搭配是你可以达到美丽的上限，但你的脸、身高、气质、皮肤是你可以达到惊人的基础。
视觉焦点的概念是让我们的视线停留几秒钟的视觉元素。我们可以在图片中第一眼看到的元素，以及图片中的元素「主角」。
分类图片的视觉漏斗：
视觉焦点：很难看到，表现突出；重要元素：无意中可以看到；辅助元素：仔细观察（类似于购买金融产品右下角的小标签，「投资有风险，理财需要谨慎」）高斯模糊法看视觉焦点
眯着眼睛看形状，睁着眼睛看细节。将图片模糊到一定程度，然后查看图片。如果图片仍然清晰可见，「主角」，那么图片的视觉中心就可以了。即使下图模糊，我们仍然可以看到它「男主角」沈腾和飞驰人生四大字，虽然原画背景复杂等装饰品多，但仍不影响画面的整体协调感，元素多，杂而不乱。
从以上两个例子可以看出，即使画面模糊，画面表达的主题也能清晰地看到。那么模糊度有多合适呢？一般来说，调整到上述视觉漏斗中的重要元素，看起来模糊到看不清楚。
颜色是附着在物体上的环境颜色，因为光照射产品的漫反射颜色可以根据颜色元素大致分为光源颜色、固有颜色和漫反射。根据长期的实践经验，通常更和谐的配色方法是除了产品的固有颜色外，尽量将光源颜色和环境颜色统一在三种颜色（黑、白、灰不是颜色）内，光源颜色的主色调占图片面积的80%，其他环境颜色作为补充。
检查彩色插件的配色
谷歌插件 palette.site 它可以分析图片颜色的状态和图片中的几种主要颜色。在此插件的帮助下，可以很容易地检查图片是否超过3种颜色（黑、白、灰不是颜色）。如果超过3种颜色，则需要对页面进行减法，或将颜色统一在一个颜色系统中，以区分亮度和饱和度。
使用插件的方法:可以直接用浏览器下载，然后在浏览器中选择图片，右键「打开新标签中的图片」，然后再「点击右上角的插件按钮」分析颜色状态。
从以上两个案例可以看出，两个 banner 颜色分析基本上在三种颜色之内，特别是下面看起来更复杂的颜色，总分析的颜色是红色、黄色和蓝色，其中蓝色或装饰颜色的存在。
今天的内容到此为止。让我们回顾一下关键内容。有以下方法可以解决图片看起来混乱的问题：
去色检查图片明暗关系高斯模糊法视觉焦点色插件检查配色虽然设计没有近路，但可以少走弯路。
欢迎关注作者微信微信官方账号:「闲扯设计」
