公开大纲 / 基础到进阶
视觉产品的判断力
从‘看起来不错’,走向能解释、能比较、能迭代。建立信息层级、版式比例、视觉系统和截图验证的方法,让设计判断不再依赖模糊偏好。
设计不是形容词
“高级、简洁、科技感”都不是可以执行的设计要求。真正有效的设计判断,必须落到信息优先级、容器、行宽、字号、对比、留白和交互状态上。
学习路径
- 信息层级:先决定谁是主角,再决定它应该多大。
- 比例系统:用容器、网格与间距建立稳定节奏。
- 视觉变量:控制颜色、字体、边框、圆角与媒体预算。
- 组件状态:覆盖默认、悬停、聚焦、空状态和长内容。
- 截图验证:在真实尺寸中发现问题,完成结构、比例与身份修复。
最终练习
为一个真实内容主题完成首页、列表页和详情页,并用移动端与桌面端截图完成至少两轮可解释的修复。