特殊字体的价值


突出重点，层次分明**

改版前后对比

image.png
首页 banner 对比：
image.png
瓷片区对比：
image.png

特殊字体常见的使用场景：瓷片区、大促广告位

瓷片区字体详解

image.png
image.png
image.png
参考参数：斜体角度在 6° - 7° 左右
image.png

设计细节

image.png
副文案：苹方（常规体）22px，与主文案的字号差在6-8 px
文案颜色：与背景图片相联系

大促广告位字体详解

image.png
image.png

促销类常用字体汇总

image.png

设计细节

image.png
颜色搭配：

  • 浅色背景用同色系
  • 深色背景用白色

特殊字体只是点缀，应该避免大规模使用。

特殊数字字体

常见的数字字体

  • 基础类
    • 系统字体
    • Din
    • Dosis
    • Lato
  • Helvetica
    • 与苹方风格类似，更粗一些
  • Futura
    • 适用于评分类场景
  • Roboto
    • 高挑细腻，适用于价格展示场景
  • Avenir
    • 刚劲有力，适用于大屏可视化数据展示
  • Impact
    • 粗细结合，适用于运营设计场景（banner 类）

效果预览（从左至右对应字体）
image.png

改版前后对比

image.png

应用实例

image.png
image.png

品牌字体

image.png

加工前后对比

image.png

应用场景

image.png
image.png

制作思路

加工步骤

  1. 梳理需求
    1. 确定文案主题
    2. 观察字体确定变形部位
  2. 确定字体
    1. 明确主题气质
    2. 寻找符合变形的基础字体
  3. 字体变形
    1. 收集变形灵感
    2. 绘制

      实例

文案：“生鲜狂欢节”

分解分案：“生鲜” + “狂欢节”

文案气质：食材、新鲜、欢呼、促销、打折

字体属性：常规体、粗体、粗细结合、细体、圆体

确定字体：圆体 - 简

变形思考：
image.png
绘制

商业赋能

image.png