为什么你加了阴影反而更丑？如何有效添加阴影？

Sponsor

在辅导大家进行作品集排版或界面设计时，我注意到很多同学会为了“装饰”而添加阴影效果，但对何时使用、为何使用却概念模糊。

结果不仅没有提升美感，还让版面看起来土土的、没有质感。

今天，我们就来深入聊聊阴影的使用。

1、「原则先行:非必要，不增加」

奥卡姆剃刀原则启示我们，应竭力避免不必要的复杂性，以减轻用户/观众的认知负荷。
应用于阴影的使用上，核心便是“克制”。阴影不是“增强效果”的万能工具，任何多余的、无目的的阴影，都非装饰，而是视觉的噪音。
如果画面本身层级关系已经明确，留白与布局足以区分内容，就不需要额外的阴影。

02「阴影为何存在?」

明确目的，才能精准运用。
1.阴影的第一个作用:模拟自然光影，营造真实感

当我们需要在二维平面上模拟三维世界的实物时例如制作便利贴、撕纸、胶带等效果时，阴影是营造真实感的关键。其目的是帮助观众建立“这是一个真实物体”的视觉感受。
此时，阴影必须遵循真实世界光影的规律。

一个简单的观察练习:
找一面白墙，把你的手贴在墙上，用手机手电筒照射。

你会看到:

光线的强度，决定了阴影的深浅、阴影边缘的清晰度(光线越强，阴影越深，边缘越清晰
光线的方向，决定了阴影的方向(光线越偏侧,阴影会朝一侧拉长)

这些规律，都是设置阴影时可以直接借鉴的。设计不要只靠感觉，而要靠“观察”
当你明白阴影是怎样在物理世界里形成，作品自然会更真实。

2. 阴影的第二个作用:区分层级，让主体跳出背景

在UI设计中，浮层、弹窗、悬浮按钮等元素，经常依赖阴影来拉开“前景元素与背景”之间的空间距离，从而形成清晰的层级关系，引导用户视线。此时，阴影不是为了表现“真实物体”，而是为了表现“界面层级”。
同样可以做个小观察，还是拿手电筒照墙面的手，你会看到，物体和背景之间的距离是如何影响阴影范围的：

手贴着墙时:阴影范围小、边缘锐利、颜色重。
手离墙较远时:阴影范围大、边缘模糊、颜色浅。

UI中的浮层，通常对应的是“离背景有一段距离”的状态。因此:

阴影应适当扩大范围;
边缘更柔和;
阴影透明度更高一些。

在做UI或排版时，想想你希望这个元素“离背景多远”，再去设置阴影的模糊度、范围、透明度，阴影就会自然很多。

💡为什么做这个系列？

市面上有很多设计教学，教你如何掌握某个软件操作和技法——怎么调参数、怎么用插件、怎么做效果。但很少有人教你“为什么这样好看”。

我教了上百个学生后，发现真正拉开设计能力差距的，从来不是技法，而是审美。

审美，恰恰来自于对“美的原因”的理解。

传统的审美提升依赖于经年累月的案例积累和感受培养，周期长、效果慢。对于转专业、跨行业的同学们来说，更是无从下手。

我希望能探索一条更具结构化的路径：将“美”的原因进行拆解，提炼为可供理解与执行的基本原则。

这不仅关乎“如何做”，更关乎“为何如此”。我希望即便是没有深厚美学积累的同学，也能借此搭建起审美判断的底层框架，知其然，并知其所以然。

希望每一次分享，都能帮你离“好设计”更近一点。

分享者：小童老师的小黑板（小红薯）

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。