ai中导入sketch_在Sketch中营造深度感

ai中导入sketch

Creating a user interface with depth can seem daunting at first, but it only requires you to understand one fundamental rule — emulating a light source.

首先，创建具有深度的用户界面似乎很艰巨，但这仅要求您了解一个基本规则- 模拟光源 。

模拟光源 (Emulating a light source)

When emulating a light source, it’s important to keep in mind that, most likely, the light will come from above.

模拟光源时，请务必记住，很可能光线来自上方 。

Take for example the door below:

以下面的门为例：

Photo by Erik Mclean on Unsplash

Erik Mclean在 Unsplash上 拍摄的照片

Although you’re observing a flat raster, it’s still evident that the panels on the door are raised.

尽管您观察到的是平坦的栅格，但仍然很明显门上的面板是抬起的。

You’ll notice that each horizontal panel’s top edge is lighter while the bottom edge is darker. This is because the door is angled toward the light source. As a result, the top edge receives more light since it’s angled toward the source while the bottom edge receives less light since it’s angled away from the source.

您会注意到，每个水平面板的顶部边缘较亮，而底部边缘则较暗。 这是因为门朝向光源倾斜。 结果，由于顶部边缘朝向光源倾斜，因此顶部边缘接收的光线更多 ，而由于远离光源倾斜，底部边缘接收的光线较少 。

The only way that the panel’s edges could be oriented as such is if the panel were itself raised, which is exactly how our brains tend to perceive it.

可以这样定向面板边缘的唯一方法是，如果面板本身被抬起，这正是我们的大脑倾向于感知的方式。

Let’s take a look at another example:

让我们看另一个例子：

Photo by Diego González on Unsplash