不堆特效，也能做出高级感：界面的留白与层次

让重要的信息先被看见

一个界面的高级感，往往来自明确的优先级。主标题、辅助说明和操作按钮不应该争夺同等的注意力。

先建立间距规则

使用少量重复的间距值，可以让页面的节奏稳定。例如从 4、8、16、24、32 像素中选择。相互关联的内容靠近，不同内容之间拉开距离。

给颜色分工

正文使用清晰的深色；辅助信息降低对比但仍保持可读；强调色集中用于主要操作与当前状态。不要让所有按钮都成为主角。

设计状态，而不仅是默认画面

空列表、提交中、错误提示和窄屏布局，同样是界面的一部分。一个漂亮的表单，应该能告诉用户如何从错误中恢复。

.card {
  padding: 24px;
  border: 1px solid #eaecef;
  border-radius: 12px;
}

用真实内容检查设计

把长标题、很长的用户名和多行正文放进去。只有这些内容也能自然呈现，布局才经得起真实使用。