我是材料设计的新手,我想以这种风格开始新的设计。我的问题是我不知道如何重现高程(z 轴)。在下图中,我看到了 12 个高程级别,但是如何在Photoshop中创建这个级别?
顺便说一句:我知道我必须 在Photoshop中使用Drop Shadow,但是我为每个Elevation级别设置了哪些值。
(链接到网站)
我是材料设计的新手,我想以这种风格开始新的设计。我的问题是我不知道如何重现高程(z 轴)。在下图中,我看到了 12 个高程级别,但是如何在Photoshop中创建这个级别?
顺便说一句:我知道我必须 在Photoshop中使用Drop Shadow,但是我为每个Elevation级别设置了哪些值。
(链接到网站)
我现在在 Google 设计文档上找不到任何关于 Android 阴影的信息,但显然曾经有一个 Adobe Illustrator 的值列表,但他们似乎已将其删除。
有很多资源列出了 5 个不同的阴影级别。Google 设计文档链接到 Polymer 文档,上面写着:
注意:材料设计规范将 z 高度描述为在显示独立像素 (DIP) 中指定。在这方面,当前的实现
<paper-shadow>
不符合规范。z 值是范围从 0(无高程)到 5(最大高程)的任意值,不对应于 DIP。
但是,这适用于 Web 开发,因此不适用于 Android 应用程序。
据我所知,在 Android 中,阴影是根据您在元素上设置的高度自动创建的。
因此,我能想到的唯一选择是:
使用 z-depth 1 和 z-depth 5 作为底部和顶部高程的值,并外推两者之间的值。
如果您正在开发应用程序,或者可以让您的开发人员为您执行此操作。在 Android 中快速创建一个屏幕,将所需数量的对象设置为不同的高度,截取屏幕截图并在 Photoshop 中通过反复试验复制阴影,并记下每个高度的值。
注意:我不是 Android 开发人员,之前从未使用过或阅读过很多关于 Material Design 的内容,这正是我在阅读各种文档和搜索 Google 时所能找到的。