Part 03
为什么系统
比风格重要
SYSTEM > STYLE
01
对抗熵增
FIGHTING ENTROPY
产品的发展是一个自然熵增的过程。每多一个页面、每多一次迭代,混乱就会自然累积:
同一个功能出现了三种按钮样式
间距在不同页面毫无规律地变化
半年前的页面和今天的页面像两个产品
没有人刻意制造混乱。混乱是缺乏系统时的自然结果。
设计系统是抵抗熵增的唯一武器——
它用规则对抗随机,用约束对抗漂移。
02 预决策
预决策
释放认知能量
没有系统时,你每天都在做大量微观决策:
Q
"这个间距用 12px 还是 16px?"
Q
"这里的文字用灰色还是黑色?"
Q
"这个按钮圆角多少?"
这些决策看上去微不足道,但它们消耗的是同一种资源——认知能量。
花在这些重复问题上的精力,本可以用来思考信息架构、用户路径、交互逻辑。
Without System
每次重新想
With System
查规则就行
本质:预决策
把这些可以标准化的决定一次性做完,固化为规则,然后再也不用想。
你的精力应该花在"这个信息怎么组织才对用户最有价值"上,
而不是花在"这里用 14px 还是 15px"上。
03
从手感到逻辑
很多设计师习惯"凭感觉调"——拖拖看、试试看、差不多就行。这种方式在短期内效率很高,但它有一个致命问题:不可复现。
今天凭感觉调出的间距是 18px
三个月后凭感觉调出的是 22px
两个都"差不多",但产品的视觉就是在这些"差不多"中一点点瓦解的。
设计系统的进阶意义是:
把设计从依赖个人手感的手工业,
变成依赖逻辑与规则的工程体系。
04 从工匠
从工匠
到建筑师
Without System
工匠模式
用工匠的方式砌砖墙——每一块砖都精雕细琢,但整面墙的结构全凭手感。
With System
建筑师模式
用建筑师的方式盖楼——先算承重、先定结构、先造标准构件,然后精密组装。
5工匠做 5 个页面很美
50做 50 个页面时它就崩了