提交需求
賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
底部標(biāo)簽欄的設(shè)計(jì)細(xì)節(jié)
底部標(biāo)簽欄的默認(rèn)狀態(tài):線、面、面+線
底部標(biāo)簽欄的選中狀態(tài):線性、面性、線性+ 面性 、微交互效果
線性高亮
在原來(lái)的灰色圖標(biāo)增加品牌色,線性差異,表現(xiàn)力,識(shí)別度,粗直接線條給人穩(wěn)重的感覺(jué),線條給人活潑的感覺(jué),一般為2-4px線條
優(yōu)點(diǎn):制作成本低
缺點(diǎn):表現(xiàn)力差和識(shí)別性弱
面型高亮
線性和面型的差異較大,識(shí)別度更高,用戶(hù)明確當(dāng)前所在的位置,默認(rèn)圖可以是線性和面型,選中效果可以純色或是漸變,采用品牌的顏色和適用于行業(yè)的顏色
優(yōu)點(diǎn):表現(xiàn)力豐富,用戶(hù)清晰當(dāng)前位置
線性+面型高亮
線性+面型高亮的圖標(biāo),往往是黑黃搭配的顏色,由于黃色比較高亮,單獨(dú)使用視覺(jué)不突出,加上黑色描邊給人活潑的感覺(jué),加上點(diǎn)綴的小短線更顯得有獨(dú)特的風(fēng)格,多用于活潑的APP中
優(yōu)點(diǎn):識(shí)別性高,品牌感強(qiáng),年輕活潑
缺點(diǎn):僅適用于年輕的APP
微交互效果
加微交互使標(biāo)簽欄更有趣,給用戶(hù)眼前一亮的感覺(jué),同時(shí)增加品牌感
一般為三個(gè)以上標(biāo)簽,加入有趣的動(dòng)效
優(yōu)點(diǎn):提升用戶(hù)體驗(yàn),識(shí)別性高
缺點(diǎn):時(shí)間成本高
總結(jié)
細(xì)節(jié):精致要把控細(xì)節(jié),增加細(xì)節(jié)處理
識(shí)別性:默認(rèn)顏色一般為淺灰色,默認(rèn)顏色和選中顏色不要過(guò)于接近;盡量畫(huà)出能表達(dá)出含義的圖標(biāo),不要讓用戶(hù)產(chǎn)生迷惑。
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)