这样设计光影轻拟物，想不脱颖而出都难！

2022-02-18 点击量：

还记得2019年4月上映的复仇者联盟4么，漫威电影宇宙的第三阶段结束了，电影很精彩，但最令人震撼的是先导版的电影海报！就是那个「五彩斑斓」的黑～

从设计上看，海报的设计师是把光运用到极限了，通过逆光和环境塑造出了酷+神秘的视觉感受。光是一切视觉表现的基础，是构图和传递调性的关键，也是视觉表现重要的组成部分。所以今天就和大家聊聊啥样的光是一个牛X的光以及如何塑造一个合格的光影？

光影的基本原理

常见形式1-聚光

△ 图片来源：小米米家台灯1S

聚光是最常见光，也是在设计中用到最多的光，通常在塑造一个物体的时候就会用的到。

因为聚光的原因，场景更像个舞台，凸显「主角」的存在。具体的原理可以根据下图去理解。

常见形式2-自然光

自然光其实就是阳光，理论上讲其实光源是太阳也是聚光，但由于光源太过于庞大，无法真正的聚焦，所以就把这种光当成一种泛光源就好。在产品设计中也会经常看到类似的光源出现，比如行为召唤按钮：

因为不需要强有力的表现和氛围的营造，所以通常产品设计中更需要自然光来作为核心光源，通过泛光源去统一控制产品的光影体系就好（最新发布的 Mac OS – big Sur 的整体光源同样是自然光，下文会讲到）。

常见形式3-逆光

坦诚的讲逆光也是聚光的一种，嘉瑞广告，只不过由于角度特殊，呈现的视觉效果也非常不一样，所以就单独把逆光拿出来说一说。当画面需要逆光来营造氛围的时候，只需要在固有色上加上黑色蒙板和边缘的高光就可以大概塑造出一个处于逆光的物体了。

小米是典型的逆光氛围营造高手，但万变不离其宗，依旧可以从海报里看到相同的方法。

△ 图片来源：小米传播物料 光影的塑造（光影层级）

通常现实中的光源并非那么理想，光线的复杂超出肉眼所见。所以我们在绘制的过程需要注意到，可以适当的抽象。举个例子，自然光是普照的，所以我们抽象为四个小光源平均分布，依次打到物体上：

在他们叠加的部分可以清晰的看到，1是最重的，2其次，3再次。按照这个办法就可以获得光影的层级关系，在绘制轻拟态的图标或者运营活动中更加细腻。

体积塑造+色彩对光影的影响（反光/对比光）

△ 图片来源：09UI设计工作室-陌陌直播礼物设计

所有的光影其实都是帮助主体塑造体积感，一个合格的立体图形必须具备：高光/过度色/明暗交界线和反光这四个基本属性。

然后需要一点超现实主义的手法，把太阳光过滤下，从「赤橙黄绿青蓝紫」的色调里提取跟主体和谐的颜色（通常是补色），营造出介于真实与玄幻之间的美妙效果hiahia～