<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 如何打造一套屬于自己的標簽體系?

          2020-4-24    濤濤

          每個平臺都會存在標簽,我們可以根據自身平臺屬性,打造一套屬于自己的標簽體系,幾個思路點分享給大家(今天我們僅討論不可點擊標簽,也就是展示型標簽)。

          理解標簽作用

          咱也沒整那么多官方定義了,我個人認為標簽就是為了讓用戶快速看到關鍵信息,找到感興趣的內容。

          比如,我喜歡看玄幻類漫畫,如果看到有「玄幻」的標簽:

          就會多關注一下。

          再比如,我去網上買硬盤,希望質量能有所保證,那「自營」標簽,對我來說吸引力就很大:

          這就是標簽最核心的作用。

          整理標簽分類

          其實分類的方法有很多,產品、交互、視覺都有不同的分類方式,而且每個平臺的屬性又各不相同。所以這么復雜的情況下,我們必須保持清晰的原則,避免思路混亂。

          根據自身平臺內容,我嘗試了一種分類方式,推薦給大家參考,按照場景與優先級來進行標簽分類。

          場景分為:

          • 封面上的標簽
          • 文字后的標簽

          優先級分為:

          • 特殊化
          • 強調型
          • 普通型
          • 弱化型

          有了這樣的劃分,我們就可以根據需求進行自由匹配了:

          根據平臺目前的需求(以后根據需求可以拓展或者合并),我們可以分為6種型式:

          1. 封面上的標簽(強調型)

          我們采用品牌色來強調標簽,一般用在首頁頻道,這種標簽不能同時出現太多,否則會太花哨太亂:

          2. 封面上的標簽(普通型)

          多個封面同時有標簽的情況也是存在,比如分類頁,封面上都有評分,這時候我們就需要采用普通型(非強調)的標簽,也就是黑色降低透明度:

          封面上的標簽暫時就這兩種,以后也可以根據需求進行擴展。

          3. 文字后的標簽(特殊型)

          特殊型在視覺上是最重的,因為除了顏色是填充色外,形狀也是異形的:

          4. 文字后的標簽(強調型)

          強調型形狀上不做異形,但顏色上使用品牌色進行填充:

          5. 文字后的標簽(普通型)

          普通型的標簽,標簽顏色會用有色相的彩色,文字使用品偏色或者其他輔助色:

          6. 文字后的標簽(弱化型)

          弱化型會對標簽的視覺重量再次減弱,采用灰色標簽:

          我們可以再看下這六種標簽的整體視覺策略:

          • 封面上的標簽(強調型)
          • 封面上的標簽(普通型)
          • 文字后的標簽(特殊型)
          • 文字后的標簽(強調型)
          • 文字后的標簽(普通型)
          • 文字后的標簽(弱化型)

          我用圖片給大家概括一下

          兩種封面上的標簽:

          四種文字后的標簽:

          這種方式可以參考,但還是要根據自身內容來進行實際分類,只要能分得清楚、透徹,那就是好的分類。

          細化標簽規范

          其實整個標簽部分,最重要的還是上一步,想清楚如何分類。

          有了分類之后,再進行規范的細化,相對來說就沒那么復雜了,注意以下幾個點即可。

          標簽的高度,很簡單,不解釋:

          標簽的寬度,因為字數不同,所以寬度是不固定的,但我們可以規定文字的左右安全邊距:

          標簽的文字顏色、大小、粗細、極限值,其中極限值就是規定下標簽最大字數,一個標簽整幾十個字,快成作文了,也不太合適,是吧:

          標簽的背景色,不同類型的標簽顏色不同,但需要符合整體視覺策略和設計規范:

          這些屬性規范好,基本就夠用了

          文章來源:優設    作者:

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          久久久久国产精品嫩草影院| 久久91精品久久91综合| 996久久国产精品线观看| 久久精品国产亚洲av麻豆色欲| 亚洲av伊人久久综合密臀性色 | 激情综合色综合久久综合| 色综合久久久久网| 久久婷婷色综合一区二区| 久久精品中文无码资源站| 伊人丁香狠狠色综合久久| 少妇久久久久久久久久| 久久国产乱子精品免费女| 久久这里的只有是精品23| 久久亚洲高清观看| 久久午夜福利无码1000合集| 国产91久久综合| 久久国产高清字幕中文| 久久久久久精品成人免费图片 | 国产免费福利体检区久久| 久久亚洲AV成人无码软件| 久久99热这里只有精品国产| 久久久久人妻一区精品色| 久久亚洲国产精品成人AV秋霞| 国产精品va久久久久久久| 麻豆亚洲AV永久无码精品久久| 久久天天躁夜夜躁狠狠躁2022| 欧美亚洲另类久久综合| 久久精品夜夜夜夜夜久久| 亚洲中文字幕无码久久精品1 | 777久久精品一区二区三区无码| 综合网日日天干夜夜久久| 国产—久久香蕉国产线看观看| 久久国产精品久久| 国产日产久久高清欧美一区| 97久久久久人妻精品专区| 久久ZYZ资源站无码中文动漫| 亚洲伊人久久大香线蕉综合图片 | 人妻无码中文久久久久专区| 狠狠综合久久AV一区二区三区| 久久亚洲精品国产精品婷婷| 久久精品国产第一区二区|