12
Local Product Lab / 本地离线产品

纸张与液态玻璃设计系统

在克制的纸张基底上使用圆角、半透明和低饱和强调色,兼顾质感与可读性。

视觉高级感来自层级、留白与材质逻辑,不来自堆叠模糊和渐变。
01

先问清楚

  • 材质是否服务信息层级?
  • 对比度是否足够?
  • 动效是否帮助理解状态?
02

实践框架

  1. 1定义纸张基色
  2. 2建立字号与网格
  3. 3限制强调色
  4. 4统一圆角与边线
  5. 5检查移动端可读性
03

验收证据

  • 设计令牌
  • 组件样张
  • 对比度检查
  • 前后版本对比
  • 响应式截图
04

常见失误

  • 纹理压过正文
  • 玻璃效果降低对比度
  • 装饰取代信息
  • 每页使用不同视觉语法