AESTHETIC GYM · 审美训练营

把模糊的感觉
练成能说出口的判断

你不是审美差——你只是没人逼你把"哪里不对"说出口。审美是一项可训练的技能,不是天赋。这一页把"练眼 → 懂维度 → 亲手感受 → 会判断 → 知道去哪看好设计"串成一条路。每一块都能动手玩。

今日 / 每日一练

今天,先练一组眼

每天一组对比。先别急着选——用五问法逐条把两张的差别说出口,再揭晓要点、打卡。眼力是天天练出来的,不是看一遍就会的。

01 / 认知重定位

先把焦虑卸掉

真相是:你心里早有判断力。你能感觉到一个页面"廉价""吵""单薄"——这些都是判断。问题只在于:感觉停在嘴边,说不成具体的词,于是没法要求 AI、没法验收产出。

所以训练的核心不是"培养品味",而是建立词汇建立判断的标准。一旦你能说出"这里字太细、强调色铺太满、没层级",你就已经在做设计师做的事了。

方法论一句话:把"好看 / 难看"换成"≥5 个具体词"。能命名,就赢了一半。
02 / 五维深讲

好设计拆开看,只有五个维度

字体、颜色、间距与布局、层次、质感与氛围。每一维都给你:原理 → 可套用硬规则 → "平庸 vs 讲究"对比 → 词汇 → 你的偏好标注。

① 字体 Typography

字体是页面的"语气"。同样一句话,粗衬线在喊,细黑体在低语。新手最容易栽在两处:用了通用字体(Inter/Arial)字号字重没拉开层级

平庸
新经典韩国语
第一课 · 打招呼
안녕하세요 是最常用的问候语。
讲究
第一课 · 打招呼
안녕하세요
最常用的问候语——标题用有性格的衬线放大、副标题小字大字距、正文降低对比。一眼看到层级。
衬线/无衬线字重对比字号层级字距 letter-spacing行高 line-height行长 measure
你的偏好:正文绝不要细体(反复 3 次的硬铁律);标题要有分量。

② 颜色 Color

最容易暴露"AI 味"的就是颜色——紫渐变 + 高饱和铺底是头号嫌疑。讲究的配色往往很"省":大面积低饱和打底,一抹高饱和点睛。

平庸
开始学习
立即注册
讲究
开始学习
暖白打底,文字近黑,仅按钮用一抹樱粉点睛。
立即注册
饱和度主/辅/点睛 60-30-10撞色对比度灰度优先染色中性
你的偏好:装饰性渐变 → 不要,偏好纯色;亮色锁进 10% 点睛位,底色低饱和耐看。

③ 间距与布局 Spacing

留白不是"没东西",是高级感最便宜的来源。布局的真功夫是用间距表达关系:相关的靠近、无关的拉开。

平庸

姓名

金敏秀

课程

初级韩语

进度

62%

讲究
姓名
金敏秀
课程
初级韩语
进度
62%
负空间/留白邻近原则约束尺度对齐/栅格节奏疏密打破对称
你的偏好:简约来自"分组 + 留白 + 对齐",不来自删内容。

④ 层次 Hierarchy

层次 = 让眼睛知道"先看哪、再看哪"。当一切都在抢注意,就没有重点。刻意压低次要内容,主内容才显出来。

平庸
今日待复习
24 个单词
预计 15 分钟
开始
讲究
今日待复习
24 个单词
预计 15 分钟
视觉层级视觉重量主次对比de-emphasize扫读性
你的偏好:一眼知道先看哪——清晰层级是你最先被吸引的特质。

⑤ 质感与氛围 Texture

纯白平铺会显单薄;但"加氛围"≠"加渐变"。可以靠近白底色、有存在感的边框、克制的阴影、纸感纹理来给深度——你正好不喜欢渐变,那就走边框+阴影这条路。

平庸
白底 + 白边 + 无阴影 = 卡片"飘"在背景上,分不清边界,单薄。
讲究
近白底 + 有存在感边框 + 极淡阴影 = 卡片"落"在页面上,有厚度,不靠渐变。
氛围/深度有存在感边框阴影距离/模糊纸感纹理繁简对比
你的偏好:温柔 ≠ 软塌塌;边框/分割要有存在感,靠它和阴影撑分量,不靠渐变。
03 / 实时实验台

亲手感受:每个变量怎么改变气质

练眼最快的方法是控制变量——只动一个旋钮,看气质怎么变。拖动滑块,盯右边那张卡片的感觉变化。

单词卡
안녕하세요
你好 · 最常用的见面问候语。拖滑块看这张卡的"气质"怎么从廉价变高级、从柔到硬。
认识 ✓
试试:把饱和度拉到 100 → 廉价;拉到 10 → 高级安静。字重拉到 300 → 你最讨厌的"纤弱";圆角拉到 0 + 边框拉到 5 → 立刻变粗野硬朗。这就是"风格"在你手里。
04 / 练眼测验

两个里挑更讲究的那个

30 道对比题,按五维分类。凭第一直觉点一个,答完看解析——重点不是答对,是知道为什么。下面用标签只练某一维,底部「练眼档案」会累计统计、告诉你最该补哪一维

04½ / 真实界面训练场

拿真实界面练:贴个 URL 或传张截图

测验是预设题,这里练真刀真枪——找一个你想拆的界面(App 截图 / 网站 / 设计稿),用五问法逐条把它的好坏说出口,AI 点评你观察得够不够具体、有没有盲区。看得越多,眼越准。

04⅔ / 视觉陪练

拿你热爱的一帧练:名画 / 摄影 / 影视帧

和训练场不同,这里 Kimi 能真看到你上传的图。流程:你先自己用五问法拆(这是你的训练),再让 Kimi 看着图点评你的观察、补你的盲区——它不会替你从头分析整张图。每帧分两维度记:共鸣度(多戳你,喂你的审美画像)+ 客观美学(多讲究,练判断力)。

05 / 灰度优先

Refactoring UI 的名招:先灰度,最后上色

如果一个设计在纯灰度下层级依然清楚,它的结构就是扎实的;如果灰度下就糊成一团,说明它在用颜色掩盖层级缺陷。点按钮抽掉颜色试试——好设计经得起这一关。

今日任务
复习 24 词
靠大小/字重已经分出主次,不靠颜色。
开始
连续打卡
12 天
灰度下依然一眼看到重点——结构扎实。
查看
06 / 精选资源库

去网上"喂眼睛":高信噪比的好设计在这

关键不是被动收藏,是主动拆解:每看一个,用第 02 节的五问法问一遍"它好在哪条规则上"。

07 / 硬规则速查

拿不准时,先套这些"安全规则"

来自 Anthony Hobday,本地化中文。它们不是必须遵守,而是"安全默认"——没把握时照做不会错,懂了之后可以打破。

展开 28 条可安全套用的视觉规则
  1. 近黑近白,别用纯黑纯白。
  2. 给中性色微微染色(暖或冷)。
  3. 重要元素用高对比
  4. 设计里每个选择都要是有意的
  5. 视觉对齐常优于数学对齐
  6. 大字收紧字距行高,小字放开
  7. 容器边框要同时和容器、背景对比
  8. 所有东西都要和别的东西对齐
  9. 调色板里各色亮度要拉开
  10. 染色中性色时只用暖或只用冷,别混。
  11. 各种尺寸之间应有数学关系
  12. 元素按视觉重量排序。
  13. 用横向栅格就用12 列
  14. 间距应放在高对比的交界处
  15. 更近的元素应更浅
  16. 投影模糊值 ≈ 距离值的两倍
  17. 简单放复杂上,或复杂放简单上
  18. 容器颜色保持在亮度范围内
  19. 外内边距 ≥ 内内边距
  20. 正文≥16px
  21. 行长约70 字符
  22. 按钮水平内边距 ≈ 垂直的两倍
  23. 最多两款字体
  24. 圆角要正确嵌套(外大内小)。
  25. 别把两条硬分割线并排
  26. 暗色界面里别用阴影
  27. 别混用多种深度技法
  28. 和文字搭配的图标降低对比
08 / 我的审美档案

你的个人标尺(常驻)

这是从我们对话里提炼的你本人的偏好,跟 02_我的审美档案.md 同源。判断任何产出,先拿它对一遍。

画像
「温柔但不纤弱的秩序」——有温度、有层级、有分量;清爽靠组织,不靠删内容。
清晰层级充足留白字重够分量边框有存在感一抹够亮的点睛(60/30/10)柔和有机字形适度密度+分组形式服从功能
红线
机械冷的硬网格撞色信息墙字太细边框太细显廉价高饱和铺底装饰性渐变无功能装饰线太素无点睛
锁定
主力方向:soft × 樱花「改造版」——暖白/米白底 + 樱粉只当点睛 + 字重加够 + 边框有存在感。
怎么用这一页:① 卡壳时回第 02 节查词;② 做新页面前用第 07 节规则打底;③ 没灵感时去第 06 节"喂眼睛"并拆解;④ 产出后拿 04_anti-slop checklist + 本档案验收。
工具 / AI 美学 brief 生成器

把你的审美,翻译成 AI 听得懂的偏执指令

AI 默认会滑向平均值(Inter 字体 / 紫渐变 / 圆角卡片网格 / 全居中)= slop。想它不滑过去,得给强到偏执的方向。你的审美档案已预填好,每次只改"用途/受众",一键生成可复制的 brief(自动附上你的固定反例黑名单)。

工具 / anti-slop 验收器

AI 产出后,逐条过这把尺子

别凭"感觉对不对"。对着 AI 的产出,逐条判过 / 没过——标「没过」的,自动帮你拼成更具体的话术,复制回 brief 再来一轮。这把尺子帮你解决"风格不统一":每次都用同一标准量。