THE DESIGN LAB

设计，动手就懂。

改变一个变量，观察一个结果。把看过的原则，变成自己的直觉。

EXPERIMENT 01 / HIERARCHY

同一张卡片，你会先看见什么？

CHANGE ONE THING

清晰层级标题、正文、辅助信息分开

试着只看一秒钟：你首先注意到标题，还是花了时间逐行阅读？

01大小形成顺序

02字重强调角色

03留白连接关系

LIVE PREVIEW 实时示例

个人项目今天

从标题、间距和一个主要操作开始。
让界面更清楚，也更好用。

预计 25 分钟

观察一下

现在标题最先被看见，辅助信息仍然清楚。主要操作有稳定的位置与强调。

IMPLEMENTATION NOTE

.title { font-size: 24px; font-weight: 650; }
.description { font-size: 16px; line-height: 1.7; }
.meta { font-size: 14px; color: #63685e; }

接下来，看看完整界面如何运用这些原则。