2023-06-30標(biāo)簽欄設(shè)計(jì)規(guī)范

1、標(biāo)簽數(shù)量:數(shù)量控制在3~5個(gè),低于3個(gè)會(huì)造成底部空間浪費(fèi),多于5個(gè)會(huì)使結(jié)構(gòu)復(fù)雜,容易誤觸,超過5個(gè)時(shí),建議使用隱藏替換成“更多”入口,具體的標(biāo)簽數(shù)量有產(chǎn)品的框架來確定

2、標(biāo)簽間隔:A:屏幕均勻分布,比如5個(gè)標(biāo)簽,750設(shè)計(jì)稿,每個(gè)標(biāo)簽在150內(nèi)左右居中? ? ? ? ? ? ? ? ? ? ?B:同等間距:一般在有3個(gè)標(biāo)簽時(shí)使用,3個(gè)標(biāo)簽,每個(gè)標(biāo)簽之間的距離相等

3、視覺分割:標(biāo)簽欄與頁面之前有區(qū)分,一般使用:陰影、分割線、背景色、毛玻璃效果

4、組合方式——圖標(biāo)文字:圖標(biāo)能引人注目快速理解,且不受地域、文化 影響,幫助用戶快速觸達(dá)目標(biāo),即便存在歧義,但配合文字說明能使其更加標(biāo)準(zhǔn)化,,這種方式最穩(wěn)妥,不容易出錯(cuò)

5、組合方式——純文字:(小紅書、高德、抖音)純文字標(biāo)簽遵循簡單易用的原則,方便直觀的進(jìn)行操作,對(duì)用戶的影響力較小,讓用戶專注于內(nèi)容本身,但這種標(biāo)簽樣式單一,對(duì)于信息延展有一定局限性,適用于年齡跨度較大的產(chǎn)品

6、組合方式——純圖標(biāo):(花瓣、夸克)適用于較為小眾的品牌。用戶群體年齡跨度小,純圖標(biāo)樣式簡介,在一定程度上能提升產(chǎn)品的氣質(zhì),雖然在識(shí)別度上有所降低,但此類產(chǎn)品的用戶心智模型已經(jīng)建立的相對(duì)完善,所以用戶不依賴于文字理解標(biāo)簽含義,更可能利用位置記憶、圖形化等知識(shí)喚醒固有認(rèn)知來快速定位

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容