個性定制
默認樣式
圖標為開發(fā)者自定義上傳,請注意區(qū)分明確其選中態(tài)和非選中態(tài)樣式,方便用戶定位當前所在位置。
正確
圖標的顏色和線面表達,在選中態(tài)和非選中態(tài)有明確區(qū)分,便于識別。
錯誤
所有標簽圖標都一樣強,只能通過文字顏色判斷當前位置。
自定義樣式
定義標簽欄樣式時,請務必關注并保證其的可讀性和可用性。
標簽選項的圖標和名稱在選中態(tài)和非選中態(tài)時,有響應顏色呼應能使其整體一致性更好。選擇合適的容器顏色,保證內(nèi)容顯示清晰。
正確
底部導航欄整體頁面均可定制,使用品牌主色或輔助色可以強調(diào)體現(xiàn)品牌,但整體需保證內(nèi)容清晰顯示。
錯誤
圖標和選項顏色差別過大,容器與內(nèi)容樣式搭配不當,過多使用高飽和度顏色均會降低閱讀舒適度。
除了關注底部標簽欄本身的內(nèi)容顯示清晰,也應該關注其整體頁面效果。
正確
在標簽欄適當?shù)攸c綴品牌色,能在強調(diào)標簽選中態(tài)的同時,體現(xiàn)品牌。
錯誤
底部標簽欄閱讀清晰度尚可,但過份搶占注意力,頁面頭輕腳重。
閱讀本文的人還可以閱讀: