基础瓷片

作用：

  • 做好流量分发
  • 功能板块入口
  • 运营活动促销

特点：

  • 视觉整齐
  • 布局灵活
  • 方便更换

image.png

排版

优劣对比：
image.png
左：

  • 配图大小占比不一致
  • 配图质量较低，间距不一致
  • 文字过多，内容太满
  • 配色黯淡，颜色偏脏

设计重点：

  • 文字
  • 配图
  • 背景

实例绘制

确定版式
image.png
文字排版
image.png
标签设计
image.png
image.png
配图
image.png
背景配色提取
image.png
image.png
实操
image.png

展台类瓷片

image.png
应用
image.png
前景与背景
image.png
展台类瓷片设计要点：

  • 柱状图
  • 商品配图
  • 前后景深

实例绘制

柱状图
image.png
配图
image.png
取色
image.png
空间
image.png
文案设计
image.png
配色注意事项：
image.png

趣味化瓷片区

image.png
image.png
image.png
插画类瓷片区的使用场景：

  • 纯文本
  • 文案内容抽象
  • 情感属性强烈

实例绘制

制作思路：

  1. 提取原生关键词
  2. 衍生关键词
  3. 双图库收集素材
  4. 上色
  5. 微立体效果
  6. 细节调整

示例：

  1. 原生关键词：签到、现金
  2. 衍生关键词：日历、打卡机、打勾、金币、钞票
  3. 图标图库：检索关键词，确定基础图形
  4. 现实图库：检索关键词，提取图片颜色
  5. 上色
    1. image.png
  6. 微立体
    1. image.png
  7. 细节调整

总结：
image.png

设计规范

通用排版样式

image.pngimage.png
image.pngimage.png

选择依据

  • 产品类型
  • 屏幕利用率

配图

image.png

视觉比例

image.png