UI 设计

页面不美观，来这里。 「美观」不是天赋，是一套可以学会的规则 + 大量的对照练习。这个分区就是那套规则。

什么时候来查

• 写完页面总觉得「糙」，说不出哪里不对
• 配色只会黑白灰，一加颜色就脏
• 字体大小、间距全靠感觉猜
• 布局只会从上往下堆，不知道怎么排才稳

文章列表

文章	回答的问题
视觉四原则	「糙」到底是哪里不对？（先读这篇）
配色实用指南	颜色怎么选、怎么配、用在哪？
字体与排版	字号、行高、字重怎么定？
布局基础	Flex 还是 Grid？页面骨架怎么搭？

推荐学习顺序

1. 视觉四原则 —— 建立判断「好看/不好看」的标准
2. 布局基础 —— 先把骨架搭稳
3. 字体与排版 —— 解决 80% 的细节质感
4. 配色实用指南 —— 最后上颜色，收尾

练习方法

每学一条规则，立刻打开自己写过的页面对照检查一遍。「知道 → 看见 → 改掉」一轮，胜过读十篇文章。