标簽是(shì)我們最常用(yòng)的(de)設計(jì)組件(jλ≈$£iàn)之一(yī)，由于功能(néng)強₩•♥大(dà)，使用(yòng)場(chǎng)景多(duō)樣化(huà)深®σλ受喜愛(ài)。好(hǎo)的(de)标簽∞‍ 設計(jì)就(jiù)像一(yī)劑完美(měi)的 ≠(de)助攻，可(kě)以用(yòng)于±♦§λ信息的(de)傳昆山(shān)網站(zhàn)建設昆山(shān)網站(zhàn)建設。

标簽的(de)組成元素，标簽由顔色、文(wén)字、形狀等元素組成，每ש¥個(gè)元素相(xiàng)輔相(xiφπ↓àng)成，和(hé)諧統一(yī)。1. 顔色，顔色是(shì)标簽設計(jì)中的(de)一(yī)個(gè)重要↔&(yào)元素，可(kě)以幫助用(yòng)戶快(kuài)速識α₹↓≥别，提升信息轉化(huà)的(de)效率≥↔。标簽的(de)顔色應用(yòng)上(shàng)不(b₩✔ù)僅要(yào)清晰，精準，昆山(shān)網站(zhàn)建設高(gāo)效的(de)傳達信息，同時(shí)在多(duō)種顔色組合↑←♦×中也(yě)要(yào)兼顧著(zhe)品牌。所以建立一(yī)套顔色闆可(↕ kě)以更好(hǎo)的(de)方便标簽的(de)設計(≠£↕πjì)應用(yòng)，建立的(de)色闆的(de)原則是₽εΩ✘(shì)什(shén)麽？

色彩模式選擇色彩模式是(shì)數(shù)字世界中表示顔色的(de∑↔)一(yī)種算(suàn)法。在數(shù)字世界中，為(×☆±wèi)了(le)表示各昆山(shān)網站(zhàn)建設種顔色，人(rén)們通(tōng)常将顔色劃分(fēn)為(wèi)若幹分'< (fēn)量。由于成色原理(lǐ)的(de)不(bù)同，決定了(le)生(s↕÷©hēng)成顔色方式上(shàng)的(de)¶♦↕π區(qū)别。日(rì)常生(shēng)活中有(yǒu)哪些(ק♣xiē)常用(yòng)色彩模式？RGB 模式：以“加色混合”的π✘(de)方式，由紅(hóng)、綠(lǜ)、藍(‌δ≤₩lán)（三原色），三色混合，表現(xiàn)出各種的(de)顔昆山(shān)網站(zhàn)建設色，我們的(de)計(jì)算(suàn)機(jī)屏幕就(jiù)使₹δ用(yòng)這(zhè)種方式表現(xiàn£ ✔≥)顔色。這(zhè)種色彩表現(xiàn)方式，稱₩↔σ為(wèi) RGB 色彩。适用(yòng÷♦±↔)于顯示器(qì)、投影(yǐng)儀、掃描儀、數(sh☆ €ù)碼相(xiàng)機(jī)等。CMYK 模式：以“減法原則”成色，物(wù)體(tǐ)色彩的β∑λ(de)反射色，是(shì)用(yòng)畫(huà)具或染料、油墨等昆山(shān)網站(zhàn)建設“色材”來(lái)表現(xiàn)顔色，印刷品±✔‍基本是(shì)由青、洋紅(hóng)、黃(huáng)、黑(hε←≈★ēi)四種油墨相(xiàng)互組合而成，這(zhè)∑Ωα種方式稱為(wèi) CMYK 色彩。适用(yòng)于₽×打印機(jī)、印刷機(jī)等。

2. 形狀，昆山(shān)網站(zhàn)建設基本型：4px 圓角矩形，高(gāo)度以&nbΩ®≥sp;28px 為(wèi)主；

異型：高(gāo)度以 32px&n÷≤♥×bsp;為(wèi)主，具體(tǐ)根據業(yè)務場♣•(chǎng)景需要(yào)設計(jì)

标簽信息層級定義，日(rì)常項目需求中昆山(shān)網站(zhàn)建設，最棘手的(de)莫過于，産品業(yè)務側在功能(néng)模塊裡(l&φǐ)堆加一(yī)大(dà)堆标簽，并且都(dōu)強調是(shì)最重♥α要(yào)的(de)，在這(zhè)種情況下(xià)對(duì)于₹±€設計(jì)側而言就(jiù)不(bù)隻是(shì)設計(jì)好(hǎo♥€₽≤)看(kàn)的(de)問(wèn)題了(le)，×≥×✔這(zhè)需要(yào)對(duì)标簽的(de)優先級作÷≥(zuò)出分(fēn)類，有(yǒu)序的(de)設計(jì)表達。對(du"π ≈ì)用(yòng)戶而言我們的(de)标簽不(bù)能(néng)α&♦昆山(shān)網站(zhàn)建設既是(shì)療效又(yòu)是(shì)×'©腳鐐。

從(cóng)用(yòng)戶層面與産品層面分(fēn)别去 →εφ(qù)分(fēn)析需求對(duì)用(yòng)戶₹≈∑♣與産品的(de)重要(yào)程度，配合著(zhe)≤¶ KANO 模型對(duì)需求分(fēn)析，确定€→§标簽的(de)優先層級排序：  産品≤↑的(de)角度：産品需要(yào)用(yòng)戶能(nα✔©éng)快(kuài)速篩選信息，促使用(λΩ←yòng)戶快(kuài)速抉擇轉化(huà) 昆山(shān)網站(zhàn)建設。用(yòng)戶的(de)角度：用(yòng)戶需 ₽要(yào)目标信息與自(zì)身(shēn)相( ✘xiàng)匹配，能(néng)快(kuài)速找到(dào)需要(♥>♠≤yào)的(de)信息。

标簽類型/規範定義

1. 常規标簽主要(yào)适用(yòng)于貨源列表、訂單列表，小(x↔↔iǎo)黑(hēi)闆，詳情頁…等業(yè)務功能(néng)場(chǎng)‌↕>景，是(shì)産品中最高(gāo)頻(pín)使 •≠用(yòng)的(de)類型，按重要(yào)層級可(kσ≈≤™ě)分(fēn)昆山(shān)網站(zhàn)建設為(wèi)：首要(yào)标簽 >↑✘γ∞; 中等标簽 > 一(yī)般∑​→€标簽 > 次要(yào)标簽®↔¥。

2. 異形标簽适用(yòng)于強調業(yè)務模塊中最重要(yào)層級的(deφε)的(de)功能(néng)信息标識，采用(yòng)非标造型，重 ∑‌要(yào)層級：異形标簽>常規标簽，‌↑展示位置多(duō)采用(yòng)全貼邊樣式（φφ>左上(shàng)>右上(shàngδ<©)…昆山(shān)網站(zhàn)建設），根據內(nèi)容重要(yào)層級而定。

3. 會(huì)員(yuán)/等級标簽主要(yào)用(yòng)于會(huì)員↑§§λ(yuán)業(yè)務的(de)身(shēn)↓÷"份及等級标識，多(duō)适用(yòng)于人(rén)/姓名後展示，多(d≥♥uō)以圖形或者圖形+文(wén)本的(de)樣式展示∞♥♦'。

4. 營銷引流标簽主要(yào)用(yòng)于描述業(yè)務目标​®¶對(duì)象的(de)特色及等級，置于角昆山(shān)網站(zhàn)建設落（左上(shàng)，右上(shàng)…™β'）±45°展示要(yào)适用(yòng)于業(yè)務功能(néng)營銷轉化✔≤₽ε(huà)引導，展示樣式主要(yào)有(yǒu)：文(wén)字後加标簽、信λ®ε息功能(néng)上(shàng)部加标簽↓‍¶•，對(duì)比鮮明(míng)，在某些(xiē)場(chǎn£‌£≤g)景使用(yòng)上(shàng)和(hé)徽标類似，除了(le)對("ε≤¥duì)其識别造型統一(yī)外(wài)，還(hái)←÷¥β應對(duì)其使用(yòng)場(chǎng)景加以明(míng)确：÷∏$λ居昆山(shān)網站(zhàn)建設右側展示：與按鈕組合使用(yòng)時(shí)，标簽字段數&₹"(shù)量不(bù)能(néng)大(dà)于标簽 1/2&n÷∞♠βbsp;寬度，末端與按鈕右對(duì)齊；居左側展示：按鈕高(gāo)度大(dà)于單行(x♦φ£íng)标準按鈕高(gāo)度且重要(yào)層級高(gāo)，或右側有(yǒ<£‌u)選擇項占用(yòng)時(shí)；

5. 角标主要(yào)用(yòng)于描述業(yè)務目标對(d±≈β♦uì)象的(de)特昆山(shān)網站(zhàn)建設色及等級，置于角落（左上(shàng)，&₩↔↔右上(shàng)…）±45°展示。

6. 印章(zhāng)标簽主要(yào)用(yòng)于描述功能(néng)任務​↓γ&（如(rú)協議(yì)簽訂，流程權益…..)的(de)↕→ 完成狀态。