aesthetics.book — for engineers

美的源代码

写给程序员的美学鉴赏 · 从看懂一幅画,到设计一个产品,到与 AI 协作

const book = {
  part1: "鉴赏的基础 — 训练你的眼睛",
  part2: "程序员的界面美学 — Web / iOS / Android",
  part3: "AI 辅助设计 — 把品味变成生产力",
};

▼ 向下滚动查看目录

这本书写给谁

写给每一个说过"我没有艺术细胞"的程序员。这句话和"我没有数学细胞"一样,是个未经测试就上线的假设。鉴赏力不是天赋,是一种可以训练的模式识别能力——而模式识别恰好是你每天都在做的事:读代码、认架构、闻出 code smell。

本书第一部分不谈任何软件,只训练眼睛:怎么看一幅画的构图,怎么读一种颜色的情绪,怎么品一款字体的性格。这部分对任何想提高审美的人都适用。第二部分把这套眼光落到屏幕上:Web、iOS、Android 的 UI 与 UX。第三部分回答这个时代最实际的问题:当 AI 可以生成界面时,程序员的审美应该用在哪里。

本书的一个元设计

这本书自己就是第一个教学案例:它的版式由一套明确的设计系统约束(第〇章),你读到的每一处留白、每一个颜色、每一级字号,都是有据可查的决定。读完第〇章,你就完成了第一次"鉴赏"。


part[0]

序篇

这本书如何被设计出来
  1. chapter[0] 本书的设计系统 约束这本书的全部 UI/UX
part[1]

鉴赏的基础

训练任何人的眼睛
  1. chapter[1] 什么是美:一个 open 了两千年的 issue 美学简史 · 品味可训练
  2. chapter[2] 形式:比例、构图与节奏 视觉重量 · 黄金分割祛魅 · 引导线 · 节奏
  3. chapter[3] 色彩:从波长到情绪 HSB 三轴 · 互补色 · 色彩语义 · 60-30-10
  4. chapter[4] 文字:字体排印的隐形艺术 衬线起源 · 四参数 · 层级 · 中文排印
  5. chapter[5] 光影、材质与空间 卡拉瓦乔 · 维米尔 · 千里江山图 · 万神殿
  6. chapter[6] 鉴赏方法论:像 code review 一样看作品 Feldman 四步法 · 《夜巡》全解 · 刻意练习
part[2]

程序员的界面美学

Web · iOS · Android 的 UI/UX
  1. chapter[7] 从画布到屏幕:UI 设计七原则 层级 · 对齐 · 亲密性 · 对比 · 留白 · 一致性 · 克制
  2. chapter[8] 设计系统:把美工程化 token 三层架构 · 组件即约束 · 演化策略
  3. chapter[9] Web App 的 UI/UX 响应式栅格 · 表单 · 数据密度 · 暗色模式
  4. chapter[10] iOS 设计:Human Interface Guidelines 导航三范式 · 动态字号 · 44pt · 深度
  5. chapter[11] Android 设计:Material Design 量子纸 · 动态取色 · 双平台方言 · 跨平台策略
  6. chapter[12] UX 与动效:看不见的美 诺曼门 · 心智模型 · 缓动曲线 · 峰终定律
part[3]

AI 辅助设计

把品味变成生产力
  1. chapter[13] AI 设计工具全景图 四象限 · 能力边界 · 决策树 · 放大器定律
  2. chapter[14] 用 Prompt 生成 UI 五器官模板 · 三轮演化 · 六模式 · 失败速查
  3. chapter[15] AI 设计工作流:一个完整的系统 六道工序与质量门 · FocusForest 全程案例
  4. chapter[16] 终章 · 品味仍是护城河 能力栈 · 三主线收口 ·《宫娥》· 修炼清单