标签的作用：吸引用户，提升用户点击率；

基础标签

标签分类：

  • 矩形标签（含圆角矩形）
  • 单边倾斜标签
  • 双边倾斜标签
  • 拟物标签

image.pngimage.png
image.pngimage.png

使用场景：

  • 金刚区（卖点提炼）
  • 商品列表
  • 标题栏目

标签设计没有统一的规范，形状在同一套设计里面形成统一的风格即可，不比拘泥于某一类形状。

图标标签

图标标签有别于常见的文字标签，更加直观形象

image.pngimage.png

实例绘制

image.png
image.png

微写实图标

image.png

拟物标签

随着扁平化的普及，入行门槛直线降低。

拟物标签的掌握能力其实是对于设计师更深层次的考验：

  • 造型复杂、没有固定的规则
  • 光影关系明确，需要仔细推敲打磨
  • 质感要求更加真实，细节需要深入

    实例绘制

    image.png
    钢笔并不是获得最终形状的唯一工具，优先使用布尔运算来获取基础形状。
    image.png
    通过马赛克工具提取图片颜色。
    image.png
    上色填充：
    image.png
    引入光影效果：
    image.png
    使用场景：
    image.png