01
DESIGN THINKING
先想清楚，再画界面
从用户的任务出发，找到真正值得解决的问题。
A FIELD GUIDE TO DIGITAL DESIGN
让设计，
有据可循.
从“感觉不对”，到“知道怎么改”。
写给程序员的设计课，
让每一个视觉决定，都有清晰的理由。
VISUAL / INTERACTION / SYSTEMS网页与各平台软件
STUDY 01 — HIERARCHY
用更少的变化，表达更清晰的重点。Less,
Less,
but better.
少一点噪声，
多一点重点。
01 / 有层级
标题先被看见，说明随后被理解。
60篇系统课程
15知识模块
06交互实验
10平台指南
读懂一个原则。
亲手验证一次。
01 / THE CURRICULUM
循序渐进，也可以随时深入。
从认知到视觉，从界面到系统。
选择一个章节，开始建立自己的判断。
01/ 05
FOUNDATIONS
建立设计认知
先理解人，再理解界面。
8 LESSONS02
STRUCTURE & FLOW
信息架构与用户流程
把复杂功能整理成用户能理解的路径。
02/ 05
VISUAL LANGUAGE
掌握视觉语言
建立看得见的秩序。
12 LESSONS03
VISUAL HIERARCHY
视觉层级与构图
用对比、分组和留白，决定用户先看到什么。
04
TYPOGRAPHY
排版与文字
大部分界面都是文字，先把文字设计好。
05
COLOR & SURFACE
色彩、图形与表面
建立颜色的含义，让每一个视觉元素有理由。
03/ 05
INTERFACE & INTERACTION
组织界面与交互
让每个操作自然发生。
12 LESSONS06
LAYOUT SYSTEMS
布局、网格与响应式
从一个容器到整张页面，建立可伸缩的结构。
07
COMPONENTS
组件与常用界面模式
选对控件，并把正常之外的状态设计完整。
08
INTERACTION
状态、反馈与动效
界面不只有一张截图，还包含时间和变化。
04/ 05
PLATFORM THINKING
适配不同平台
同一任务，不同表达。
12 LESSONS09
DESIGN FOR THE WEB
网页与 Web 应用
尊重浏览器的能力，覆盖阅读、任务与复杂工具。
10
MOBILE & TABLET
手机、平板与移动生态
理解平台习惯、单手操作与自适应窗口。
11
DESKTOP & BEYOND
桌面与更多形态
面向精确输入、长时间使用与不同观看距离。
05/ 05
SYSTEMS & PRACTICE
走向真实交付
把判断变成可复用的方法。
16 LESSONS12
ACCESSIBILITY
可访问性与包容性
让更多人能看懂、能操作、能完成任务。
13
DATA & CONTENT
数据、内容与复杂信息
帮助用户看懂事实，而不是只看到漂亮图形。
14
DESIGN SYSTEMS
设计系统与工程实现
把好的单页设计，变成可维护的一套规则。
15
DESIGN TO DELIVERY
实践、验证与持续学习
用一个完整项目，把知识变成自己的判断力。
LEARNING BY DOING
把原则，变成手感。
6 个交互实验，改一个参数，看见一个变化。