ARCHITECTURE / 01用统一的视觉语言建立第一印象。
把关键选择变成可以复用的规则。
让不同页面保持相同的设计气质。
全部作品品牌设计界面设计动效
新品年度设计系统盘点
从色彩到圆角，一套可复用的界面规范。
方法论界面气质的五种来源
方向、色彩、字体、形状与密度如何协同。
案例把 DNA 应用到新页面
保留规范，只调整内容结构。
体验版
¥0/月
- 3 套 DNA
- 基础预览
- 社区支持
工作室
¥68/月
- 无限 DNA
- 组件级预览
- 提示词导出
- 优先支持
企业
定制
- 私有部署
- 品牌规范接入
- 专属顾问
本月访问24.6k+12.4%
复用 DNA1,208+3.1%
转化率3.9%-0.6%
落地页 A克制 · 鼠尾草绿3.9%
定价页 B活力 · 暖珊瑚4.6%
导航 C编辑感 · 墨黑灰2.8%
设计方法论
林一设计2026 年 8 月 · 6 分钟阅读
一套 DNA 是如何生长的
林一设计2026 年 8 月 · 6 分钟阅读每个产品第一次打开画布时都要回答同样的问题：主色是什么、标题用什么气质、卡片有多圆。没有 DNA 时，这些答案散落在每一次临时决定里。
我们把答案压缩成五组变量——方向、颜色、字体、形状与密度。它们像基因一样进入每个新页面，决定气质，而不是规定布局。
「规范不是限制，而是让下一次创作有迹可循。」
从方向到变量
先选一个方向确定整体气质，密度与留白随之匹配；再把颜色、字体、圆角与间距固化成可复用的规则。
- 方向决定对比与留白的基调
- 颜色体系约束情绪与可用性
- 形状与密度控制阅读节奏
林一设计写下你身边的设计系统故事
★★★★★ 4.8(2,341)
日常护理精华 · 沙漠限定版
¥129 包邮
轻盈乳液质地，沙漠植萃系列包装，配套同色系礼盒。
颜色
尺寸
- 质地
- 轻盈乳液
- 容量
- 50ml
- 包装
- 可回收纸盒
通用设置
这些偏好会跟随你的 DNA 一起保存。
外观主题预览画布与示例页面一起变化
跟随系统切换设备主题时自动同步
新作品提醒关注的作者发布时通知我
每周摘要每周一发送上周的设计灵感
界面语言预览示例文案的显示语言
退出登录退出当前浏览器上的账户
14px 圆角平衡密度