LEARN BY DECONSTRUCTING

把“好在哪里”,说清楚。

4 个完整案例,从发现问题到说明取舍。每一次修改,都对应一个设计原则。

CASE 01 / 待办卡片 · Web / 移动端

把一张卡片的重点找回来

所有文字和按钮都一样醒目时,用户反而不知道先看哪里。

视觉层级操作层级排版
CASE 02 / 订阅表单 · Web

让填写表单不再像排雷

从只有占位符的输入框,到知道怎么填、错了怎么改的完整流程。

标签与校验错误恢复可访问性
CASE 03 / 个人记账 · Web / 手机

从花哨的数据,到清楚的一笔账

给个人账本设计一个能够回答实际问题的概览。

信息架构数据表达密度
CASE 04 / 笔记应用 · 手机 / 平板 / 桌面

同一个笔记,三种合适的布局

共享任务与内容,根据可用空间改变界面组织。

平台适配列表与详情内容连续性

A WAY TO PRACTICE

别只临摹外观,试着改变约束。

把案例换成自己的内容,加入一个长标题、一种失败状态、一个窄窗口。重新解释每一个决定,这时练习才开始属于你。

如何进行刻意练习