返回首页 Material Design 中文版

Material Design

什么是 Material

动画

样式

布局

组件

模式

可用性

资源

What’s New

加载图片

加载图片

加载图片

插图和照片可以在排列时以三种相位进行加载和转换,而不仅仅依赖于透明度转换。结合透明度、曝光度以及饱和度变化来满足你的需求。

曝光度为低对比度以及低饱和度进行调整。一旦透明度达到 100%,会达到全色饱和度。

低对比效果结合 gamma 和 black output(专为黑色图片)的转换。

加载图片时的透明度、曝光度以及饱和度建议

透明度:0% 开始,100% 结束

曝光度:Gamma,Black output(专为黑色图片)

饱和度: 0 或者 20% 开始, 100% 结束

低透明度以及低对比度

完全透明和曝光

颜色饱和度

逐渐增强过程

目睹图片逐渐增强,就像照片的冲洗过程一样。

注意不要让图片过度曝光。

(上图)可取

(上图)不可取

持续时间

加载图片时推荐长一点的持续时间,过渡时推荐短一点的持续时间。

加载和过渡动画

大一点的屏幕

这个过程对于大一点的屏幕比较理想,例如加载 Chrome OS 的墙纸。

动画显示了在大一点的屏幕上加载 Chrome OS 墙纸。

添加动画

给正在加载的图片一个小的位移。这里账户切换中的背景图片水平移动。

显示添加移动的视频。

上一篇: 启动屏幕 下一篇: 抽屉式导航