chapter[1] · part 1 / 鉴赏的基础

什么是美:一个 open 了两千年的 issue

所有做创意工作的人都会经历这样一个阶段:你的品味足以让你知道自己做出来的东西不够好。很多人在这个阶段放弃了。 艾拉·格拉斯(Ira Glass),广播制作人

先处理一个 bug。它存在于大多数程序员的自我认知里,复现步骤如下:看到一个漂亮的界面 → 心想"真好看,可惜我没有审美天赋" → 关闭页面 → 继续写自己的灰色表格。这个 bug 的根因是一个错误假设:审美是天赋,有就有,没有就没有。

这个假设是错的,而且错得有据可查。本章做三件事:看看"什么是美"这个问题两千年来积累的讨论(它至今没有 close,但留下了极有价值的讨论记录);证明鉴赏力是可训练的模式识别;以及回答你为什么应该关心——毕竟你是来学怎么把 App 做好看的。

1.1美是对象的属性,还是观看者的体验?

这是美学的第一个、也是最根本的争论。把它想象成一个两千年没有合并的 PR,有两派 reviewer 各执一词。

客观派说:美在对象里。毕达哥拉斯学派发现,琴弦长度成简单整数比时(2:1、3:2、4:3),发出的音程是和谐的。他们由此推断:美 = 可度量的比例与秩序。这条思路贯穿了帕特农神庙的立面、文艺复兴的透视法,一直延伸到今天 UI 设计里的栅格系统和 8px 网格——你在第〇章已经见过它。

主观派说:美在体验里。十八世纪的休谟(David Hume)写道:"美不是事物本身的属性,它只存在于观看者的心中。"证据也很直白:同一幅画,有人流泪,有人无感;审美随时代翻转——文艺复兴推崇的丰腴,在今天的时尚杂志上消失了。

调和这两派的是康德(Immanuel Kant)。他在《判断力批判》(1790)里给出了一个微妙的立场:审美判断确实是主观的(它是一种愉悦感,不是逻辑推理),但它是一种无利害的愉悦(disinterested pleasure)——你觉得一幅画美,不是因为它能卖钱或者画的是你家乡;正因为这种愉悦不掺杂私利,我们才会期待别人也同意,审美才可以被讨论、被说服、被教育。

程序员视角

这场争论你其实早就参与过,主题叫"什么是好代码"。Lint 规则、圈复杂度、测试覆盖率是客观派;"这段代码读起来不舒服"的直觉是主观派。实践中的共识与康德一致:好代码的判断带有主观成分,但绝不是任意的——它可以被论证("这个函数职责不单一"),可以被教育(code review 就是品味的传递),并且资深工程师之间高度收敛。美也一样:主观,但不任意;不可证明,但可以论证。这正是"鉴赏"二字的全部含义。

达·芬奇《蒙娜丽莎》
Leonardo da Vinci · Mona Lisa · c. 1503–1519 · 卢浮宫 · 公有领域 《蒙娜丽莎》 —— 一幅被名气淹没的画。绝大多数人"看过"它,但很少有人看见它。 先忽略名气,只看三件事:① 人物的轮廓构成一个稳定的金字塔形(构图的安定感);② 嘴角和眼角被刻意画得模糊——这种技法叫晕涂(sfumato),轮廓的不确定让表情似笑非笑,你的大脑不得不反复解读,这就是"神秘感"的技术实现;③ 背景的地平线左低右高,让画面在安定中暗藏一丝不安。美不在"她是谁"的八卦里,而在这些可指认的决定里。

1.2两千年的 commit history

"什么是美"这个 issue 下面积累了两千多年的讨论。完整读完不现实,但主干提交值得一看——因为今天屏幕上的每一种设计风格,都能在这条历史里找到它的源头

-500 毕达哥拉斯 美=比例与秩序 -380 柏拉图 美是理念,万物分有它 中世纪 阿奎那 完整·比例·光辉 1500 文艺复兴 透视法:美可以被计算 1790 康德 无利害的愉悦 1900s 现代主义 形式追随功能 · 包豪斯 今天 体验设计 美=感知+使用
图 1-1 · 美学思想主干时间线 · 本书绘制 "什么是美"的 commit history —— 红点偏向"美在对象"(可度量),青点偏向"美在体验"(主观性),金点是两者在当代设计中的合流。 记住两个对你最重要的提交:文艺复兴证明了"美可以被计算"(这是第二章全部内容的源头);1900 年代的"形式追随功能"则是 iOS 和 Material Design 共同的精神祖先——你将在第十、十一章反复遇到它。

特别值得停留的是最后两站。1908 年建筑师卢斯(Adolf Loos)写下檄文《装饰与罪恶》,主张剥除一切无功能的装饰;包豪斯学校(1919–1933)把这个理念变成了课程:美不是加上去的装饰,而是形式与功能高度一致时自然涌现的品质。一百年后,你手机里的每一个系统级 App 都还在执行这条原则。

核心概念

"什么是美"没有终极答案,但有收敛的共识:美 = 在感知中被把握到的秩序。秩序提供可理解性(比例、对齐、节奏),感知提供愉悦(它必须被"看到"而非被"算出")。鉴赏,就是学会指认一件作品里的秩序。

1.3鉴赏力是模式识别,而模式识别可以训练

现在处理那个 bug:审美是天赋吗?

认知科学的答案相当一致:所谓"品味",主要是知觉学习(perceptual learning)的产物——通过大量接触,大脑逐渐学会区分新手看不出的差别。品酒师能分辨出几十种风味层次,放射科医生能在 X 光片里瞬间锁定病灶,国际象棋大师扫一眼棋盘就能记住整个局面。没有人生来就会这些;他们只是看得足够多,并且带着框架去看

艺术鉴赏完全遵循同样的规律。眼动实验反复发现:新手看画,视线直奔人脸和"画的是什么",平均几秒钟就移开;受过训练的观看者,视线会沿构图线巡游,在边缘、负空间、笔触上停留——他们字面意义上看到了更多东西。同样的视网膜,不同的注意力分配。

这种训练有一个让人又爱又恨的副作用,凡是认真学过设计的人都领教过:它不可逆。一旦你学会看字距(kerning),满大街招牌上挤在一起的字母就再也无法忽视;一旦你习惯了 8px 网格,对不齐的边距会像代码里的拼写错误一样跳出来硌你的眼。这恰恰是知觉学习已经发生的证据——你不是变挑剔了,是你的视觉系统装上了新的探测器,开始上报以前被它静默丢弃的信号。学完本书第一部分,你会失去"看不见难看"的能力;这是鉴赏力的入场费,也是它的收据。

蒙德里安《红、蓝、黄构成 II》
Piet Mondrian · Composition II in Red, Blue, and Yellow · 1930 · 公有领域 《红、蓝、黄构成 II》 —— 那幅著名的"这我也能画"。 试着指认它的秩序:红色块占据约三分之二的画面却被推到右上,左下角的小蓝块用更高的视觉密度拉回平衡——像杠杆两端不等重的砝码靠力臂长短取得均衡。黑线粗细并不相同(去数一数),白色区域也没有两块是一样大的。每一个决定都在维持"差一点就倒、但就是不倒"的张力。下面的实验会证明这种平衡有多精确。

"这我也能画"的最好回应是:试着动一下它的任何一个元素。下面是本书生成的两个变体——左边忠于蒙德里安的布局逻辑,右边只是把蓝块和红线的位置"随手"挪了挪:

原作的逻辑

大红块的重量被左侧整列白色与左下角高密度的蓝块抵消;黄条像一个轻微的尾音。视线可以安定下来。

"随手挪一挪"

蓝块离开角落后,左下出现一块说不清功能的空白;整个画面向右下沉。你未必能说出原因,但你能感到它歪了——这个感觉就是你已有的鉴赏力。

右图让你不舒服的那个瞬间很重要:你已经拥有审美的硬件,缺的只是把"感到不对"升级为"知道哪里不对、为什么不对"的软件。这本书第一部分要安装的就是这套软件。

程序员视角

蒙德里安的画和一段极简的代码面临同一种误解。if (!user) return;——任何初学者都"写得出"这行代码,但写出它之前那十几个被否决的版本、以及"为什么守卫语句放在最前面"的判断,才是真正的功夫。极简不是简单,是把复杂度解决在你看不见的地方。

1.4你为什么需要这个:美即可用性

就算你不为艺术本身心动,还有一个工程上的理由。1995 年,日立设计中心的黑须正明与鹿志村香测试了 26 种 ATM 界面布局,发现一个奇怪的相关性:用户评价"更美"的界面,同时被评价为"更好用"——即使两者的功能和操作步骤完全相同。后续大量研究复现了这个效应,它现在有个名字:美即可用性效应(aesthetic-usability effect)

机制并不神秘:美的界面让用户预设"它是被认真做的",因此更宽容、更愿意探索、更信任。反过来,一个杂乱的界面在用户输入第一个字符之前就已经透支了信任。对独立开发者和小团队,这几乎是性价比最高的杠杆——界面是你的产品被执行的第一行代码。

而 AI 时代让这个杠杆变得更长,而不是更短。当生成一个界面的边际成本趋近于零,所有人都能产出"还行"的设计时,稀缺的不再是产出能力,而是判断力:知道 AI 给的四个方案里哪个对、哪里还差一口气、该往哪个方向改。这是本书第三部分的主题,但它的地基必须现在打——判断力没有捷径,只有训练。

葛饰北斋《神奈川冲浪里》
葛飾北斎 · 神奈川沖浪裏 · c. 1831 · 木版画 · 公有领域 《神奈川冲浪里》 —— 可能是世界上被复制最多的图像之一,也是下一章的预告。 只看一件事:巨浪的浪头卷成一个巨大的弧,而这个弧的"怀抱"正好指向远处小小的富士山——画面最大的动与最小的静被一条看不见的曲线锁在一起。挡住富士山再看一次,你会发现整张画立刻失去了重心。第二章会给你一套术语(视觉重量、引导线、负空间)来精确描述刚才发生的事。

1.5崇高:当"美"令你不安

到此为止我们谈的"美"都偏向一种味道:和谐、安定、令人愉悦——蒙娜丽莎的金字塔、蒙德里安的平衡。但有一类强烈的审美体验恰恰相反:它不让你安宁,它让你敬畏甚至战栗。十八世纪的博克(Edmund Burke)和康德把这种体验单独命名为崇高(the sublime),与优美(the beautiful)并列为两种基本审美范畴。优美来自小巧、光滑、可把握;崇高来自巨大、无垠、可畏——风暴、深渊、星空、超出人类尺度的一切。它是混着恐惧的愉悦。

弗里德里希《雾海上的漫游者》
Caspar David Friedrich · Wanderer above the Sea of Fog · c. 1818 · 汉堡美术馆 · 公有领域 《雾海上的漫游者》 —— 崇高的视觉定义。 为什么它震撼而非"漂亮"?① 尺度对比:一个背对你的小小身影,面对一整片吞没山峦的云海——人被画得很小,自然被画得无边,你的身体会替那个人感到眩晕;② 背影:他不看你,他看的是深渊,于是你被邀请站到他的位置上一起面对未知;③ 未完成的视野:云雾遮住了大部分地面,看不全反而更可畏——大脑对"无法把握的庞大"产生敬畏。这三招(渺小的人、无垠的场、留白的不可知)就是崇高的技术配方。
程序员视角

界面绝大多数时候要的是优美:清晰、安定、让用户毫不费力(这正是第二部分七原则的目标)。但有几个时刻,产品想要的恰恰是一点崇高——星空开屏动画、游戏的世界地图缓缓拉远、一段沉浸式 onboarding 让你感到"这东西很大、值得郑重对待"。区别在意图:日常操作界面追求优美(别让我敬畏一个设置页),品牌时刻可以借崇高制造重量感。知道自己这一屏要的是哪一种,是设计的第一个决定。把崇高的手法(巨大留白、超尺度字、缓慢运镜)误用在一个表单上,就像给报错弹窗配史诗交响乐。

崇高与优美的区分给鉴赏者一个重要提醒:"美"不是单一刻度上的高低,而是一张有多个方向的地图。一件作品令你不舒服,未必是它失败了,可能是它在追求另一种你尚未命名的审美。鉴赏力的成长,一半是学会指认秩序(看出优美),另一半是学会容纳那些挑战你、甚至冒犯你的作品(看懂崇高、张力、乃至丑的美学价值)。本书第一部分先夯实前者——但请记住后者一直在地图上。

1.6本书的路线,与你的第一个练习

方法论很简单,只有三句话:看得多(每章都有真实作品,别跳过图注);看得慢(每幅图版的"怎么看"至少值得 60 秒);带着框架看(第二到六章依次安装:形式、色彩、文字、光影空间、以及把它们整合起来的鉴赏流程)。然后我们去屏幕上实战,最后让 AI 成为你的放大器。

鉴赏练习 1

打开你手机里你认为最好看的一个 App,截一张图,然后写下三个具体的"它哪里好看"。规则只有一条:禁用"简洁""舒服""高级感"这类形容词——它们是审美的 // TODO,是占位符不是答案。试着像本章图注那样指认具体的决定:"标题和正文的字号差距很大,所以我先看哪里很清楚""整页只有一个蓝色按钮,所以我知道该点什么"。写不出来也没关系,把卡住的地方记下来:第二到四章会逐个补上你缺的词汇。