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