鍍金池/ 教程/ Android/ 啟動(dòng)屏幕
Snackbars 與 Toasts
選擇器
網(wǎng)格
紙片
色彩
手勢(shì)
內(nèi)容選取
準(zhǔn)則
導(dǎo)航過渡
進(jìn)度和動(dòng)態(tài)
概述
數(shù)據(jù)格式
搜索(Search)
Roboto 字體
副標(biāo)題
Material 屬性
書寫
空狀態(tài)
按鈕
提示框(Dialogs)
開關(guān)
導(dǎo)航
單位和度量
列表
度量與邊框
真實(shí)的動(dòng)作
改進(jìn)的操作
底部動(dòng)作條
加載圖片
卡片
工具提示(Tooltips)
菜單
設(shè)備
可達(dá)性
分隔線(Dividers)
高度和陰影
環(huán)境
抽屜式導(dǎo)航
響應(yīng)式交互
Tabs
圖標(biāo)
滾動(dòng)時(shí)的技巧
更新記錄
錯(cuò)誤
影像處理
設(shè)置
滑塊控件(Sliders)
列表控制
圖像
文本框
布局模板
雙向性
選擇控制器
調(diào)色板
自適應(yīng) UI
貼片集
數(shù)據(jù)表
滑動(dòng)刷新
啟動(dòng)屏幕
按鈕:浮動(dòng)操作按鈕
打動(dòng)用戶的細(xì)節(jié)
應(yīng)用結(jié)構(gòu)
有意義的轉(zhuǎn)場(chǎng)動(dòng)畫
字體排版(Typography)
結(jié)構(gòu)

啟動(dòng)屏幕

啟動(dòng)屏幕是一個(gè)用戶對(duì)你應(yīng)用的第一體驗(yàn)。

啟動(dòng)頁面類型

占位 UI

品牌啟動(dòng)頁面

啟動(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

占位 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)頁面

品牌啟動(dòng)頁面是加載一個(gè)應(yīng)用時(shí)塑造品牌的好方法。利用加載時(shí)間來顯示你的商標(biāo)或者其他提升品牌認(rèn)知度的元素。避免在頁面上使用商標(biāo)之外的文本,如果可用的話,標(biāo)語。

品牌啟動(dòng)頁面

啟動(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="" />

上一篇:卡片下一篇:滑塊控件(Sliders)