定義
工具欄出現(xiàn)在應(yīng)用程序頁面的下方,其中的按鈕可以對(duì)現(xiàn)有頁面中的相關(guān)行為或內(nèi)容進(jìn)行操作。工具欄和底部導(dǎo)航欄一樣是半透明的近零,可能有背景色,通常當(dāng)用戶可能不需要時(shí)會(huì)被隱藏抄肖。例如在蘋果的?Safari?中久信,在用戶滑動(dòng)屏幕時(shí)工具欄將被隱藏,點(diǎn)擊屏幕下方則恢復(fù)顯示漓摩。在用戶使用鍵盤時(shí)其也會(huì)被隱藏裙士。
使用規(guī)范
請(qǐng)?zhí)峁┡c頁面相關(guān)的工具欄。工具欄應(yīng)當(dāng)包括有序而有用的指令幌甘,使其在現(xiàn)在的頁面上起到相關(guān)作用潮售。
Icon?或 相關(guān)文字要簡潔直觀。當(dāng)工具欄中包含三個(gè)以上的工具時(shí)锅风,圖標(biāo)是較為好的表達(dá)方式。三個(gè)或三個(gè)以下時(shí)鞍泉,文字表達(dá)則較為清晰皱埠。例如蘋果的「日歷」,icon?可能會(huì)讓人迷惑咖驮。
避免使用沒有關(guān)聯(lián)的?icon边器。不相關(guān)聯(lián)的?icon一般會(huì)用在頁面的切換上。如果你想提供頁面之間的切換托修,請(qǐng)使用底部導(dǎo)航欄忘巧。詳見底部導(dǎo)航欄。
給予文字?icon?足夠的間距睦刃。如果你的工具欄包括多個(gè)按鈕砚嘴,則這些按鈕的文本可能會(huì)顯示為一起運(yùn)行,從而使按鈕無法區(qū)分涩拙。通過在按鈕之間插入固定間距來添加分隔际长。
TIP
嚴(yán)格區(qū)分底部導(dǎo)航欄和工具欄。底部導(dǎo)航欄目的是讓用戶方便在一個(gè)應(yīng)用程序的不同功能之間快速切換兴泥;工具欄則是列出了在一個(gè)功能中進(jìn)行操控的一些工具工育。一般而言底部導(dǎo)航欄和工具欄不會(huì)同時(shí)出現(xiàn)在一個(gè)應(yīng)用程序中。
滿足個(gè)性化場(chǎng)景
可考慮將工具欄中的各個(gè)?icon?孤立搓彻,但保持它們對(duì)齊在工具欄的區(qū)域內(nèi)如绸。將?icon?分別單獨(dú)設(shè)計(jì)在相同大小的形狀中嘱朽,并隱藏工具欄原本的矩形背景,而完全露出后方的正文內(nèi)容以提高沉浸感怔接。例如?Zcool?的文章閱讀頁搪泳。
小結(jié)
在基礎(chǔ)的?ToolBar 的基礎(chǔ)上,目前的底部導(dǎo)航欄已經(jīng)逐漸在向「沉浸式」蜕提、「極簡」的方向發(fā)展森书。越來越增加圖形元素在語義符號(hào)中的比重。