啟動屏幕是一個用戶對你應(yīng)用的第一體驗。
啟動頁面類型
占位 UI
品牌啟動頁面
啟動頁面是用戶對你應(yīng)用的第一體驗。
啟動應(yīng)用時,如果顯示一個空白面板,會增加用戶觀察到的加載時間,考慮使用占位符 UI 或者一個品牌加載頁面。
占位 UI 是最無縫的加載轉(zhuǎn)換——適用于應(yīng)用加載和應(yīng)用內(nèi)活動切換兩者。
品牌啟動頁面提供了短暫的品牌曝光,讓 UI 聚焦于內(nèi)容上面。
http://wiki.jikexueyuan.com/project/material-design/images/13_1.png" alt="" />
品牌啟動頁面
http://wiki.jikexueyuan.com/project/material-design/images/13_2.png" alt="" />
占位 UI
對于擁有非常短的加載時間的應(yīng)用,或者沒有太強的品牌需求,占位 UI 擁有最少可能的轉(zhuǎn)換以及最好的視覺效果。
啟動時,核心結(jié)構(gòu)元素例如狀態(tài)條,應(yīng)用條,以及底部頁不帶內(nèi)容顯示,直到應(yīng)用加載。
http://wiki.jikexueyuan.com/project/material-design/images/13_3.png" alt="" />
品牌啟動頁面是加載一個應(yīng)用時塑造品牌的好方法。利用加載時間來顯示你的商標或者其他提升品牌認知度的元素。避免在頁面上使用商標之外的文本,如果可用的話,標語。
啟動頁面應(yīng)該被用做從主頁面觸發(fā)的初始化冷啟動,并且不應(yīng)該出現(xiàn)于應(yīng)用運行中,或者從其他應(yīng)用切換過來。
http://wiki.jikexueyuan.com/project/material-design/images/13_4.png" alt="" />
http://wiki.jikexueyuan.com/project/material-design/images/13_5.png" alt="" />
http://wiki.jikexueyuan.com/project/material-design/images/13_6.png" alt="" />
http://wiki.jikexueyuan.com/project/material-design/images/13_7.png" alt="" />