设计语言

B3 长影

光从左上来,影子落向右下。

光

只有一个方向。

同一个画面里,所有影子都朝右下 35°。

试着移动光源,松开后回到 35°。

长度

影子要长。

主视觉里至少是物体高度的 2.5 倍,伸出画面。

实心

不模糊,不渐变。

影子只用一种颜色,边缘清清楚楚。

模糊的影子
B3 的影子

色彩

白天与夜晚。

白天是金盏与影紫,夜里换成夜蓝与深蓝的影子。1

图标

一个 App,一个物体。

金盏底、奶油色物体、影紫长影。

动效

影子用 320 毫秒长出来。

物体只淡入,影子从下方伸长。

320ms · cubic-bezier(.3, .7, .2, 1)

应用

天空是主角。

在 Atmo天气里,14 种天气 × 4 个时段,天空各有颜色。2