標(biāo)簽是所有設(shè)計(jì)師都會使用到的一種組件，但是我們用了這么久的標(biāo)簽，你真的了解“它”嗎？

大家有沒有這樣一種感覺，同一個頁面的標(biāo)簽由不同的設(shè)計(jì)師來設(shè)計(jì)，它會有千千萬萬種變化。

當(dāng)你發(fā)現(xiàn)一種新的標(biāo)簽樣式時候，你會恍然大悟：“噢，原來標(biāo)簽還有這種樣式，為什么我沒想到呢？”

但是真的是你沒想到嗎？

——————————————————————————————————————————

接下來，就讓我們來全面認(rèn)識一下標(biāo)簽這個組件吧。

在工作中相信大家一定遇到過，當(dāng)我們在設(shè)計(jì)某一個頁面的時候，需要給這個頁面提取賣點(diǎn)增加標(biāo)簽，那標(biāo)簽到底怎么做呢？相信大家一定是這樣做的：

這樣不對嗎？我認(rèn)為以上任何一種類型的設(shè)計(jì)沒有錯，但是真的適合愛學(xué)習(xí)的你嗎？一個小小的標(biāo)簽里可以映射出設(shè)計(jì)領(lǐng)域里面的很多門道。那想要做好標(biāo)簽，我們就要從正式認(rèn)識標(biāo)簽開始。

在視覺層面上標(biāo)簽常用于傳達(dá)產(chǎn)品基本信息、優(yōu)惠信息、產(chǎn)品賣點(diǎn)等。

對產(chǎn)品而言，它能優(yōu)化信息層級，又能簡單明確的傳達(dá)產(chǎn)品特點(diǎn)；

對用戶而言，可以第一時間獲取關(guān)鍵信息，降低用戶閱讀門檻。

此外標(biāo)簽也用于建立用戶操作預(yù)知，例如音頻標(biāo)簽、視頻標(biāo)簽等，讓用戶在點(diǎn)擊前預(yù)知點(diǎn)擊后的效果。

標(biāo)簽廣泛用于用戶區(qū)分產(chǎn)品內(nèi)容，進(jìn)行分類，進(jìn)而確定關(guān)鍵詞，優(yōu)化搜索。

為用戶打上不同的標(biāo)簽，用于區(qū)分不同用戶群體，分類精準(zhǔn)定向推送產(chǎn)品，例如：考拉的搜索發(fā)現(xiàn)。

標(biāo)簽還可用于吸引用戶注意，建立好感，直擊對應(yīng)痛點(diǎn)，提升用戶購買欲，提高點(diǎn)擊率與轉(zhuǎn)化率，最終促使用戶下單。例如電商類型的限時搶購、京東自營、美團(tuán)專送等。

標(biāo)簽也可作為搜索和關(guān)鍵字的存在，方便用戶跳轉(zhuǎn)到下級頁面，進(jìn)行流量分發(fā)，也方便用戶快速、直接的找到自己想要的相關(guān)產(chǎn)

品，做到交互減步長。

美團(tuán)外賣是我們經(jīng)常使用的一款促銷型APP，在美團(tuán)外賣Feed流頁面，美團(tuán)用不同樣式的標(biāo)簽將文字層級清晰的分級，讓用戶能立刻得到自己想看到的信息，從而達(dá)到首頁的分流，促使下單。

當(dāng)然，標(biāo)簽樣式不僅僅是簡單的色塊、描邊的疊加，還有樣式的疊加。比如為了更應(yīng)景，在旅游類APP、購票類APP中。我們是否可以將標(biāo)簽樣式設(shè)計(jì)成實(shí)體票務(wù)的樣式，讓用戶有更有代入感，更能理解呢。

生活是多元的，設(shè)計(jì)是也多元的，它不會朝著一個方向持續(xù)發(fā)展，它會發(fā)展成各種各樣的樣式。

但是設(shè)計(jì)來源于生活，且豐富生活多彩的一面。

如何讓你的設(shè)計(jì)更為出彩，是要看設(shè)計(jì)師站在什么角度去審視自己的設(shè)計(jì)。