加載圖片
插圖和照片可以在排列時以三種相位進行加載和轉(zhuǎn)換,而不僅僅依賴于透明度轉(zhuǎn)換。結(jié)合透明度、曝光度以及飽和度變化來滿足你的需求。
曝光度為低對比度以及低飽和度進行調(diào)整。一旦透明度達到 100%,會達到全色飽和度。
低對比效果結(jié)合 gamma 和 black output(專為黑色圖片)的轉(zhuǎn)換。
http://wiki.jikexueyuan.com/project/material-design/images/14_1.png" alt="" /> 加載圖片時的透明度、曝光度以及飽和度建議
透明度:0% 開始,100% 結(jié)束
曝光度:Gamma,Black output(專為黑色圖片)
飽和度: 0 或者 20% 開始, 100% 結(jié)束
http://wiki.jikexueyuan.com/project/material-design/images/14_2.png" alt="" /> 低透明度以及低對比度
http://wiki.jikexueyuan.com/project/material-design/images/14_3.png" alt="" /> 完全透明和曝光
http://wiki.jikexueyuan.com/project/material-design/images/14_4.png" alt="" /> 顏色飽和度
目睹圖片逐漸增強,就像照片的沖洗過程一樣。
注意不要讓圖片過度曝光。
http://wiki.jikexueyuan.com/project/material-design/images/14_5.png" alt="" />
(上圖)可取
http://wiki.jikexueyuan.com/project/material-design/images/14_6.png" alt="" />
(上圖)不可取
加載圖片時推薦長一點的持續(xù)時間,過渡時推薦短一點的持續(xù)時間。
加載和過渡動畫
這個過程對于大一點的屏幕比較理想,例如加載 Chrome OS 的墻紙。
動畫顯示了在大一點的屏幕上加載 Chrome OS 墻紙。
給正在加載的圖片一個小的位移。這里賬戶切換中的背景圖片水平移動。
顯示添加移動的視頻。