模式 - 加载图像

优质
小牛编辑
124浏览
2023-12-01

加载图片

加载图片

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

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

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

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

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

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

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

加载图像 - 图2
低透明度以及低对比度

加载图像 - 图3
完全透明和曝光

加载图像 - 图4
颜色饱和度

逐渐增强过程

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

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

加载图像 - 图5

(上图)可取

加载图像 - 图6

(上图)不可取

持续时间

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

加载和过渡动画

大一点的屏幕

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

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

添加动画

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

显示添加移动的视频。