按顺序来，不用一次学完
这不是考试。学到哪儿算哪儿，进度存在你自己的浏览器里。
0 / 63
你已经认识 0 个 UI Pattern
进度保存在本机浏览器（LocalStorage），不会上传任何数据。
你每天都会看到的 UI
0 / 10这几个词你在任何 App 里都见过，只是不知道名字。认全它们，你就能描述 80% 的界面了。
开始真正设计一个 App
0 / 14从「能看」到「会选」。这一层的价值在于让你在多个可行方案里挑出对的那个。
开始理解 UX Pattern
0 / 12这些不是组件，是「一套做事的习惯」。学会它们，你的界面会从「能用」变成「舒服」。
学习路径之外
「它们到底有什么区别」是独立开发者最高频的需求 —— 下面这 8 组值得单独看。
Toast vs Snackbar
操作做完了，想告诉用户一声，用哪个？
Dialog vs Bottom Sheet
我需要在当前页面上弹出一层界面，用哪个？
Tabs vs Segmented Control
我有一组选项要切换，用 Tabs 还是 Segmented Control？
Switch vs Checkbox
我需要让用户做一个选择，用哪个？
Skeleton vs Spinner
数据在加载，我该怎么表示？
Tooltip vs Popover
我需要一个从某处浮出来的小浮层，用哪个？
Pagination vs Infinite Scroll
我的列表很长，该分页还是无限滚动？
Button vs CTA
我要加一个按钮，用普通 Button 还是 CTA？
这条路径覆盖了什么
- 你每天都会看到的 UI —— 这几个词你在任何 App 里都见过，只是不知道名字。认全它们，你就能描述 80% 的界面了。
- 开始真正设计一个 App —— 从「能看」到「会选」。这一层的价值在于让你在多个可行方案里挑出对的那个。
- 开始理解 UX Pattern —— 这些不是组件，是「一套做事的习惯」。学会它们，你的界面会从「能用」变成「舒服」。