REFS
DESIGN INDEX · CURATED

给"代码会但设计差"的人——逛、抄、学。
原则:宁可少而精,不要多而散。每个进来的东西都 用得上

$ ls -la refs/
[ ok ] 38 entries · 7 categories · last revised 2026.05.22
LEARNING PATH4 WEEKS
01
WEEK
培养眼力 + 储备配色。每天逛 30 分钟 godly.websitecolorhunt,看到喜欢的截图存进本地"灵感库"。还不要写代码。
02
WEEK
学 Tailwind CSS 基础。跟着官方文档跑 tailwindcss.com 的 install 和 utility-first 章节,4 个小时够了。先不要追组件库。
03
WEEK
抄一个改一个。flowbiteshadcn/ui 选一个页面布局,复制粘贴,改成你自己项目的样子。不求原创,求"能跑"。
04
WEEK
读 Refactoring UI + 重做。看完 refactoringui 节选,回头重做第三周做的页面。这次每一个间距、对比、阴影都解释得清。
INSPIRATION08 SITES
COLOR04 SITES
TYPOGRAPHY05 SITES
COMPONENTS06 SITES
ICONS & ART06 SITES
ESSENTIAL READING01 BOOK
THE ONE BOOK
Refactoring UI
BY ADAM WATHAN & STEVE SCHOGER · TAILWIND TEAM

专门写给"代码会但设计差"的人。它教的不是"画图",而是"为什么这个能看那个不能看"——间距、对比、灰阶、阴影深度。半天能看完节选,受益十年。

访问 refactoringui.com
$