返回首页
设计与体验Visual System

视觉系统

产品的颜色、字体、间距、图标、按钮长啥样——一整套视觉规矩。

做什么会用到

  • 01做多页面 / 多产品线的品牌:视觉系统统一才认得出是你家的
  • 02做独立开发者小产品:直接套 Tailwind UI / shadcn 模板就行,别自建
  • 03产品长到 20+ 页面后颜色乱了:是时候抽一套视觉系统
  • 04做 B 端后台:用 Ant Design / Arco 等现成设计语言,省几个月

想用它怎么问 AI

我做的【XXX 产品】需要建一套视觉系统。请帮我定义最小套件:主色 / 辅助色 / 字号层级 / 间距 / 按钮样式,直接输出能贴进 Tailwind config 的代码。

打个比方

像品牌的制服和门头,不管你走到哪家分店都一眼认得出。