按钮、卡片、表单、图标，每一个组件背后都有可拆解的细节逻辑。把界面的每个像素都讲清楚，从原理到落地。
无论组件如何变化，这四条原则是判断一个界面是否"做得对"的底层标准。
同类组件保持视觉与交互统一，颜色、圆角、间距都遵循同一套规范，降低用户的学习与认知成本。
每一次操作都应有即时的视觉回应，hover、点击、加载、成功各阶段都不让用户陷入"不知道发生了什么"的等待。
通过尺寸、颜色、字重与阴影建立明确的视觉优先级，让用户在三秒内分清主次，知道该先看哪里、先点哪里。
组件需兼顾键盘操作、读屏与色彩对比，焦点可见、对比达标、语义正确，让界面服务每一位用户。
从最常被用到的按钮、卡片，到容易被忽略的间距与阴影，逐个拆解组件背后的设计逻辑。
组件
01
按钮是界面最小的完整交互单元，五种状态、三种变体、可访问性一个都不能少。
组件
02
卡片是信息的容器，结构、阴影、hover 动效与内容优先级共同决定它是否耐看。
组件
03
表单是用户与产品的对话，label 位置、校验时机、错误反馈每一步都在影响转化。
排印
04
字号阶、行高、字距与中英文混排，决定内容的声音与阅读的舒适度。
组件
05
图标系统要保持描边粗细、圆角、视觉重量统一，让一套图标像出自一人之手。
规范
06
间距不是留白越多越好，建立基准单位与节奏感，页面才会呼吸均匀。
规范
07
阴影是卡片的浮起感来源，光源方向、层级递进、柔度控制三者缺一不可。
动效
08
动效要克制，时长、缓动、幅度都有讲究，目的是回应而非表演。
