#我是一個可愛的搬磚工系列# 嘗試對照英文翻譯學(xué)習(xí)MD的組件設(shè)計(jì)共耍,借此加深各種組件的應(yīng)用~
Material Design鏈接:Bottom navigation
在底部導(dǎo)航欄可以導(dǎo)航應(yīng)用的主要功能并進(jìn)行功能之間的轉(zhuǎn)換。
一纫谅、使用
底部導(dǎo)航欄在屏幕底部顯示三到五個主要功能株旷。每個功能都由一個圖標(biāo)和一個可選的文本標(biāo)簽表示再登。當(dāng)點(diǎn)擊底部導(dǎo)航圖標(biāo)時,就會轉(zhuǎn)換到與該圖標(biāo)相關(guān)聯(lián)的頂級導(dǎo)航功能晾剖。
△ 原則
· 人體工程學(xué)? 手持移動設(shè)備時候便于操作底部導(dǎo)航欄
· 持續(xù)性? 當(dāng)使用移動設(shè)備時候锉矢,底部導(dǎo)航欄出現(xiàn)在每個屏幕的底部
· 相關(guān)性? 相關(guān)的底部導(dǎo)航欄功能,應(yīng)該具有相同的重要性
△ 使用場景
底部導(dǎo)航欄應(yīng)該用于:
· 在應(yīng)用程序的任何地方都可以點(diǎn)擊底部導(dǎo)航欄觸發(fā)主要功能
· 設(shè)置3-5個主要功能
· 僅限于移動手機(jī)或者平板
底部導(dǎo)航欄不應(yīng)該用于:
· 單個任務(wù)齿尽,例如查看單個電子郵件用戶
· 用戶首選項(xiàng)或設(shè)置
二、分析
△ 當(dāng)前功能
展示主要功能的形式?jīng)Q定于涵蓋多少個主要功能:
· 三個主要功能:顯示所有功能的圖標(biāo)和文本標(biāo)簽
· 四個主要功能:處于當(dāng)前觸發(fā)功能界面時顯示一個圖標(biāo)和文本標(biāo)簽崩掘。建議未觸發(fā)功能時顯示圖標(biāo)和文本標(biāo)簽
· 五個主要功能:處于當(dāng)前觸發(fā)功能界面時顯示一個圖標(biāo)和文本標(biāo)簽。未觸發(fā)功能時使用圖標(biāo)少办,并謹(jǐn)慎使用文本標(biāo)簽(因?yàn)榭臻g可能不允許)
△ Icons
底部導(dǎo)航功能始終包括一個圖標(biāo)英妓。最好將圖標(biāo)與文本標(biāo)簽配對挽放,防止圖標(biāo)沒有明顯的含義不能讓人識別。
△ 文本標(biāo)簽
文本標(biāo)簽提供了對底部導(dǎo)航主要功能的簡短辑畦、有意義的描述。
三焕襟、行為
底部導(dǎo)航動作
點(diǎn)擊底部導(dǎo)航主要功能將產(chǎn)生以下結(jié)果之一:
· 它幫助用戶轉(zhuǎn)換到相關(guān)功能
· 若之前訪問過A功能,當(dāng)從B功能回到A功能時饭豹,會跳轉(zhuǎn)到當(dāng)前的瀏覽位置
·?若此刻在A功能的界面鸵赖,當(dāng)再次點(diǎn)擊A功能的圖標(biāo),會返回頂部拄衰,并且刷新該界面
點(diǎn)擊底部導(dǎo)航主要功能不會以下結(jié)果之一:
· 打開菜單或?qū)υ捒?/b>
·?在Android上它褪,后退按鈕不會設(shè)置在底部導(dǎo)航中
△ 角標(biāo)(Badges)
底部導(dǎo)航圖標(biāo)可以包括其右上角的角標(biāo)。這些角標(biāo)可以包含動態(tài)信息镐确,例如一些請求包吝。
△ 滾動(Scrolling)
在滾動時诗越,底部導(dǎo)航條可以出現(xiàn)或消失:
· 向下滾動隱藏
· 向上滾動的條形圖
△ 轉(zhuǎn)換(Transitions)
滑動手勢不能在底部導(dǎo)航視圖之間導(dǎo)航。
當(dāng)它們出現(xiàn)時振坚,這些項(xiàng)將顯示在底部導(dǎo)航欄的前面:
· Bottom sheets(底部表單)
· Navigation drawers(導(dǎo)航抽屜)
· Keyboards(鍵盤)
△ 顏色
當(dāng)?shù)撞繉?dǎo)航目標(biāo)處于觸發(fā)狀態(tài)時渡八,將圖標(biāo)和文本標(biāo)簽填充上應(yīng)用程序的主顏色啃洋。
如果底部導(dǎo)航欄是彩色的屎鳍,則將當(dāng)前操作的圖標(biāo)和文本標(biāo)簽設(shè)置為黑色或白色宏娄。
四孵坚、位置
△ 固定導(dǎo)航條
底部導(dǎo)航欄的目的地有固定的位置。它們不會水平滾動或移動窥淆。
△ 橫式視窗(Landscape view)
五作媚、規(guī)定
底部導(dǎo)航目的地可能是觸發(fā)的、未觸發(fā)的帅刊、聚焦的或按下的纸泡。
底部導(dǎo)航使用不透明度和文本來顯示目標(biāo)何時處于觸發(fā)狀態(tài)。
狀態(tài)用于顯示按下的赖瞒、聚焦的和未選擇的狀態(tài)女揭。
非活動的目標(biāo)狀態(tài)用減少的不透明表示蚤假;活動狀態(tài)具有完全的不透明度。
當(dāng)文本標(biāo)簽沒有持續(xù)使用(在任何時候)時磷仰,只有活動的目的地才會有文本標(biāo)簽。
END.THANKS FOR YOUR READING~
如有不當(dāng),還請多多指教~
- 文/潘曉璐 我一進(jìn)店門弦叶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來俊犯,“玉大人,你說我怎么就攤上這事伤哺⊙嘞溃” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵立莉,是天一觀的道長绢彤。 經(jīng)常有香客問我,道長蜓耻,這世上最難降的妖魔是什么茫舶? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮刹淌,結(jié)果婚禮上饶氏,老公的妹妹穿的比我還像新娘。我一直安慰自己有勾,他們只是感情好疹启,可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蔼卡,像睡著了一般喊崖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼眉踱!你這毒婦竟也來了挤忙?” 一聲冷哼從身側(cè)響起,我...
- 序言:老撾萬榮一對情侶失蹤谈喳,失蹤者是張志新(化名)和其女友劉穎册烈,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體婿禽,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡赏僧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了扭倾。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片淀零。...
- 正文 年R本政府宣布肩民,位于F島的核電站,受9級特大地震影響链方,放射性物質(zhì)發(fā)生泄漏持痰。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一祟蚀、第九天 我趴在偏房一處隱蔽的房頂上張望工窍。 院中可真熱鬧,春花似錦暂题、人聲如沸移剪。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽纵苛。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間攻人,已是汗流浹背取试。 一陣腳步聲響...
- 正文 我出身青樓,卻偏偏與公主長得像蓬坡,于是被迫代替她去往敵國和親猿棉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- Pi Day之后看到MD官方文檔更新了就爬上去瞅了瞅萨赁。 主要更新了兩個 The March 2016 releas...