专题篇章

Taste Engineering:让产出值得留下

当 AI 能在几分钟内做出“能用”的东西,品味就成了分水岭。练习看见层级、留白、克制和一致性,再把这些判断翻译成模型能执行的要求。

12 篇札记开放阅读 · 无需登录
专题篇章12篇札记

本页解决的问题

先给结论

「Taste Engineering:让产出值得留下」AI 学习路径适合解决什么问题?

当 AI 能在几分钟内做出“能用”的东西,品味就成了分水岭。练习看见层级、留白、克制和一致性,再把这些判断翻译成模型能执行的要求。 路线包含 12 篇免费札记,每篇聚焦一个可以独立搜索、理解和验证的问题。

判断标准

核心主题包括:品味成了新瓶颈、识别美的四个抓手、把审美翻译给 AI 听、建立自己的参考库。

下一步

从「执行免费了,判断力开始涨价」开始,再按当前任务选择下一篇。

常见误区

不要为了完成目录而跳过实践;能用自己的例子解释一个取舍,比读完更多标题更重要。

这条路径会练什么

从第一篇打开

每个章节都围绕一类真实决策展开。可以顺着走,也可以从正在处理的工作切入。

12篇札记
01执行免费了,判断力开始涨价当人人都能十分钟做出能用的东西,「能用」就开始贬值。三个界面先凭直觉投一票,学完这章回来再投一次,看你的眼睛变了没有开篇3 min02「AI 味儿」是怎么来的紫色渐变、毛玻璃、圆角卡片三件套:AI 默认输出训练数据的平均值,平均值就是平庸。在一张典型的 AI 生成页面上点出「AI 味」特征,集齐揭晓成因交互3 min03层级:一屏只有一个主角什么都想强调等于什么都没强调。字号、字重、颜色三根杠杆怎么分配注意力,A/B 找茬揪出抢戏的界面交互3 min04留白与对齐:大多数丑都丑在间距说不上哪里丑的界面,问题多半在间距。拖动滑块看呼吸感怎么来的,再学 8pt 网格这个偷懒神器交互3 min05克制:给颜色和字体做预算一个主色、两种字重、一套圆角。往界面里加颜色看它变成年会海报,再一键做减法,感受高级感回来的瞬间交互3 min06一致性:系统感从哪来好看的站点背后都有一套设计变量。拆开本站真实的 CSS:控件高度、圆角、配色为什么全站只有一档,改一处全站生效案例3 min07「好看」的一百种具体说法信息密度、视觉噪音、呼吸感、对比度层级…点选审美词汇看释义与正反案例。说得出名字,才指挥得动 AI交互3 min08生 UI:从形容词到规格书「做个好看的页面」和「参考 Linear 的信息密度、只用一个主色」差出一个档次。三档提示词对比产出,现场看差距实战3 min09生图:构图、光影、色彩的语言生图提示词的审美三件套:构图、光影、色彩。三组对比图建立直觉,再从四张候选图里挑出对的那张实战3 min10怎么看设计才算看进去了收藏一百个网站没用,要按顺序拆:先看层级,再量间距,最后数颜色。用这套流程现场拆一个好设计方法3 min11把参考喂给 AI光靠嘴描述风格太低效。垫图、风格描述、设计变量三种喂法的适用场景与话术模板,让 AI 照着你的参考库出活实战3 min12验收清单:点头之前过一遍AI 交付的界面和图片,按清单逐项检查:层级、间距、克制、一致性、细节。交互式清单可勾选,附延伸阅读收官3 min