個性定制

默認(rèn)樣式

圖標(biāo)為開發(fā)者自定義上傳，請注意區(qū)分明確其選中態(tài)和非選中態(tài)樣式，方便用戶定位當(dāng)前所在位置。

正確

圖標(biāo)的顏色和線面表達(dá)，在選中態(tài)和非選中態(tài)有明確區(qū)分，便于識別。

錯誤

所有標(biāo)簽圖標(biāo)都一樣強(qiáng)，只能通過文字顏色判斷當(dāng)前位置。

自定義樣式

定義標(biāo)簽欄樣式時，請務(wù)必關(guān)注并保證其的可讀性和可用性。
標(biāo)簽選項的圖標(biāo)和名稱在選中態(tài)和非選中態(tài)時，有響應(yīng)顏色呼應(yīng)能使其整體一致性更好。選擇合適的容器顏色，保證內(nèi)容顯示清晰。

正確

底部導(dǎo)航欄整體頁面均可定制，使用品牌主色或輔助色可以強(qiáng)調(diào)體現(xiàn)品牌，但整體需保證內(nèi)容清晰顯示。

錯誤

圖標(biāo)和選項顏色差別過大，容器與內(nèi)容樣式搭配不當(dāng)，過多使用高飽和度顏色均會降低閱讀舒適度。

除了關(guān)注底部標(biāo)簽欄本身的內(nèi)容顯示清晰，也應(yīng)該關(guān)注其整體頁面效果。

正確

在標(biāo)簽欄適當(dāng)?shù)攸c綴品牌色，能在強(qiáng)調(diào)標(biāo)簽選中態(tài)的同時，體現(xiàn)品牌。

錯誤

底部標(biāo)簽欄閱讀清晰度尚可，但過份搶占注意力，頁面頭輕腳重。

閱讀本文的人還可以閱讀：

百度小程序入口有哪些？哪里可以進(jìn)入百度小程序？

百度小程序開源聯(lián)盟是什么

百度小程序的流量為什么那么高，小程序如何引流？

怎樣做好百度小程序體驗設(shè)計（1）