标簽是我們最常用(yòng)的(de)設計組件之一，由于功能強大(dà)，使用(yòng)場(chǎng)景多(duō)樣化(huà)深受喜愛(ài)。好的(de)标簽設計就像一劑完美(měi)的(de)助攻，可(kě)以用(yòng)于信息的(de)傳昆山網站建設昆山網站建設。

标簽的(de)組成元素，标簽由顔色、文字、形狀等元素組成，每個(gè)元素相輔相成，和(hé)諧統一。1. 顔色，顔色是标簽設計中的(de)一個(gè)重要元素，可(kě)以幫助用(yòng)戶快(kuài)速識别，提升信息轉化(huà)的(de)效率。标簽的(de)顔色應用(yòng)上不僅要清晰，精準，昆山網站建設高(gāo)效的(de)傳達信息，同時(shí)在多(duō)種顔色組合中也(yě)要兼顧著(zhe)品牌。所以建立一套顔色闆可(kě)以更好的(de)方便标簽的(de)設計應用(yòng)，建立的(de)色闆的(de)原則是什(shén)麽？

色彩模式選擇色彩模式是數字世界中表示顔色的(de)一種算(suàn)法。在數字世界中，爲了(le)表示各昆山網站建設種顔色，人(rén)們通(tōng)常将顔色劃分(fēn)爲若幹分(fēn)量。由于成色原理(lǐ)的(de)不同，決定了(le)生成顔色方式上的(de)區(qū)别。日常生活中有哪些常用(yòng)色彩模式？RGB 模式：以“加色混合”的(de)方式，由紅、綠(lǜ)、藍（三原色），三色混合，表現出各種的(de)顔昆山網站建設色，我們的(de)計算(suàn)機屏幕就使用(yòng)這(zhè)種方式表現顔色。這(zhè)種色彩表現方式，稱爲 RGB 色彩。适用(yòng)于顯示器、投影(yǐng)儀、掃描儀、數碼相機等。CMYK 模式：以“減法原則”成色，物(wù)體色彩的(de)反射色，是用(yòng)畫(huà)具或染料、油墨等昆山網站建設“色材”來(lái)表現顔色，印刷品基本是由青、洋紅、黃(huáng)、黑(hēi)四種油墨相互組合而成，這(zhè)種方式稱爲 CMYK 色彩。适用(yòng)于打印機、印刷機等。

2. 形狀，昆山網站建設基本型：4px 圓角矩形，高(gāo)度以 28px 爲主；

異型：高(gāo)度以 32px 爲主，具體根據業務場(chǎng)景需要設計

标簽信息層級定義，日常項目需求中昆山網站建設，最棘手的(de)莫過于，産品業務側在功能模塊裏堆加一大(dà)堆标簽，并且都強調是最重要的(de)，在這(zhè)種情況下(xià)對(duì)于設計側而言就不隻是設計好看的(de)問題了(le)，這(zhè)需要對(duì)标簽的(de)優先級作出分(fēn)類，有序的(de)設計表達。對(duì)用(yòng)戶而言我們的(de)标簽不能昆山網站建設既是療效又是腳鐐。

從用(yòng)戶層面與産品層面分(fēn)别去分(fēn)析需求對(duì)用(yòng)戶與産品的(de)重要程度，配合著(zhe) KANO 模型對(duì)需求分(fēn)析，确定标簽的(de)優先層級排序：  産品的(de)角度：産品需要用(yòng)戶能快(kuài)速篩選信息，促使用(yòng)戶快(kuài)速抉擇轉化(huà) 昆山網站建設。用(yòng)戶的(de)角度：用(yòng)戶需要目标信息與自身相匹配，能快(kuài)速找到需要的(de)信息。

标簽類型/規範定義

1. 常規标簽主要适用(yòng)于貨源列表、訂單列表，小黑(hēi)闆，詳情頁…等業務功能場(chǎng)景，是産品中最高(gāo)頻(pín)使用(yòng)的(de)類型，按重要層級可(kě)分(fēn)昆山網站建設爲：首要标簽 > 中等标簽 > 一般标簽 > 次要标簽。

2. 異形标簽适用(yòng)于強調業務模塊中最重要層級的(de)的(de)功能信息标識，采用(yòng)非标造型，重要層級：異形标簽>常規标簽，展示位置多(duō)采用(yòng)全貼邊樣式（左上>右上…昆山網站建設），根據内容重要層級而定。

3. 會員(yuán)/等級标簽主要用(yòng)于會員(yuán)業務的(de)身份及等級标識，多(duō)适用(yòng)于人(rén)/姓名後展示，多(duō)以圖形或者圖形+文本的(de)樣式展示。

4. 營銷引流标簽主要用(yòng)于描述業務目标對(duì)象的(de)特色及等級，置于角昆山網站建設落（左上，右上…）±45°展示要适用(yòng)于業務功能營銷轉化(huà)引導，展示樣式主要有：文字後加标簽、信息功能上部加标簽，對(duì)比鮮明(míng)，在某些場(chǎng)景使用(yòng)上和(hé)徽标類似，除了(le)對(duì)其識别造型統一外，還(hái)應對(duì)其使用(yòng)場(chǎng)景加以明(míng)确：居昆山網站建設右側展示：與按鈕組合使用(yòng)時(shí)，标簽字段數量不能大(dà)于标簽 1/2 寬度，末端與按鈕右對(duì)齊；居左側展示：按鈕高(gāo)度大(dà)于單行标準按鈕高(gāo)度且重要層級高(gāo)，或右側有選擇項占用(yòng)時(shí)；

5. 角标主要用(yòng)于描述業務目标對(duì)象的(de)特昆山網站建設色及等級，置于角落（左上，右上…）±45°展示。

6. 印章(zhāng)标簽主要用(yòng)于描述功能任務（如協議(yì)簽訂，流程權益…..)的(de)完成狀态。