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