公开大纲 / 基础到进阶

视觉产品的判断力

从‘看起来不错’,走向能解释、能比较、能迭代。建立信息层级、版式比例、视觉系统和截图验证的方法,让设计判断不再依赖模糊偏好。

课程形式
课程地图
课程体量
5 个单元 / 4 周
主题
视觉设计 / 界面 / 质量验证

设计不是形容词

“高级、简洁、科技感”都不是可以执行的设计要求。真正有效的设计判断,必须落到信息优先级、容器、行宽、字号、对比、留白和交互状态上。

学习路径

  1. 信息层级:先决定谁是主角,再决定它应该多大。
  2. 比例系统:用容器、网格与间距建立稳定节奏。
  3. 视觉变量:控制颜色、字体、边框、圆角与媒体预算。
  4. 组件状态:覆盖默认、悬停、聚焦、空状态和长内容。
  5. 截图验证:在真实尺寸中发现问题,完成结构、比例与身份修复。

最终练习

为一个真实内容主题完成首页、列表页和详情页,并用移动端与桌面端截图完成至少两轮可解释的修复。

订阅 Field Notes