第 31 章 风格史速写:今天的好看是被谁定的

老哥,前面四章我们把”心法”那一层翻了一遍——品味能学、需求能翻译、约束能变成识别度、批评有方法。这一章是模块七的收尾,我要给你最后一味药,也是最容易被人忽略的一味:历史感。

你可能会皱眉。历史?我一个写 Go 的,学设计还要背年份和流派名字?

先别急着关页面。这一章不是让你背年代,是让你搞清楚一件事:你手机里、电脑上、地铁里、商场里那些你觉得”理所当然好看”的东西,没有一样是天经地义的。它们都是被特定的技术条件、经济压力和社会事件,一路逼出来的。

你以为你在凭自己的眼睛选”好看”,其实你是在用一套别人替你定好的审美标准做判断题。这一章,我想让你把这套标准看穿。


一、你以为”好看”是客观的吗

我先问你几个问题,你凭直觉答,不用想太多。

“对称的东西,是不是普遍比歪斜的好看?”

你大概率点头。

“无衬线字体(就是那种笔画没有小尾巴的,像黑体)用在科技产品上,是不是比衬线体(宋体那种带脚的)更合适、更现代?”

你又点头。这跟你平时选字体时的直觉一致。

“一个公司官网,logo 放在左上角,比放在正中间,是不是更’正常’?”

点头。

好,现在我把问题翻过来,你再听一遍。

“对称的东西,凭什么就好看?是谁规定的?”

“无衬线体凭什么就’现代’?它刚被发明出来的时候,当时的人可是嫌它丑、嫌它廉价、嫌它像没文化的人写的。”

“logo 放左上角,这是物理定律吗?还是某一群瑞士设计师在二战后定下的习惯,后来被全世界的软件抄成了默认值?”

你卡住了。

这就对了。你刚才那一连串点头,没有任何一个是基于”我分析过它的优劣”,全是基于”我见过太多这样的,所以觉得它正常”。

“墨叔,正常不就等于好看吗?大家都这么选,总有点道理吧。”

这个想法是错的。我直接说。

“大家都这么选”和”它客观上好”是两件事。前者是习惯,后者是论证。习惯会变的——一百年前所有人都觉得女人裹小脚正常,你觉得那算好看吗?审美习惯从来不是真理,它是一代人的技术条件和社会共识叠出来的临时结果。

我给你一个最硬的钉子,钉死”好看不是客观”这件事。

你小时候学写字,老师肯定说过”字要正、要匀、要横平竖直才好看”。可你去看魏晋的书法,王羲之的字,歪的、欹侧的、大小不一的,按你老师的审美标准全是”错字”。但今天没人觉得王羲之丑,反而觉得那是最高级的美。

同一只手写的字,在公元四世纪是”最好的”,在二十世纪的铅笔字课里是”不及格的”。变的是哪边?是字吗?不是,是你的标准变了。

所以”好看”的第一课是:它从来不是挂在天上的客观刻度,它是某个时代、某个群体、在某个技术和社会条件下,共同达成的一个临时共识。 这个共识会过期,会反转,会重新流行。

你接受这一点,后面的速写才有意义。不然你会一直以为”现在的审美”是审美进化的最高点,以后的设计只会比现在更好——这是个特别害人的错觉,我们第三节专门拆它。

“那我听明白了,意思是审美是相对的,没有好坏之分?”

又错了,而且错得更危险。我说”好看不是客观标准”,不等于”什么都一样好”。历史上被验证有效的手段(秩序感、网格、克制)放到今天照样有效,因为它们对应的人眼规律和社会功能没变。问题是:你不能因为”现在流行”就认定它”最好”,也不能因为”过去那样”就认定它”过时”。你得能说出每一个选择背后的条件,然后在今天的条件里重新判断。

这一整章,就是教你怎么看那些条件。


二、速写五条主线:每个时期为什么长那样

下面我给你速写五条主线。注意,我叫它”速写”,不是”通史”。我不要你记年份,我要你记住每一段”为什么当时非长那样不可”。因果 chains 才是能带走的东西。

① 古典与对称秩序:手工业、宗教、权威的象征

先回到没有机器、没有印刷机的年代。一个人要做一个”好看”的东西——一座教堂、一本书、一枚钱币、一面旗帜——他手里只有自己的手、几个学徒、和有限的工具。

在那个条件下,“装饰”是奢侈品。你能雇人花三个月在书页边缘画藤蔓,说明你有钱;你能把教堂穹顶雕满花纹,说明教会权力大。所以那个时代”好看”的核心信号是:复杂、对称、贵重、有秩序。

对称尤其重要。中轴对称不是因为希腊人数学好,是因为对称在中世纪和古典时期是”权威”的视觉语言。国王坐正中,神像放中央,建筑沿一条中轴展开——对称在说”这是被安排好的、稳定的、不可动摇的”。你今天看任何政府的印章、法院的徽章、大学的校徽,还在用这套语言,因为它要传递的”权威感”和一千年前一模一样。

还有比例。古典时期迷恋黄金比例、迷恋特定的数列,一部分是审美,更大一部分是想让作品显得”合乎天道”——在宗教语境里,秩序=神性。一个完全对称、比例严谨的东西,在当时人眼里不是”设计感强”,是”正确”。

给今天的直接遗产:古典的秩序感今天照样能打。你做一个需要”信任感”的东西——一份合同、一个金融机构的官网、一个证书——用中轴对称、用克制的比例,立刻就比歪着的显得可靠。这不是复古,是复用被验证了两千年的信任信号。

② 工业革命与包豪斯:机械化量产逼出功能主义

接下来跳到十八、十九世纪,蒸汽机和工厂来了。这件事彻底改写了”好看”。

手工业时代,装饰是身份。工业时代,机器能一模一样地复制东西,而且便宜。问题来了:当每个人都能买得起带花纹的椅子,花纹还值钱吗?

更现实的压力是:机器量产的东西,如果还硬要模仿手工的繁复装饰,成本下不来、质量稳不住。一个铸铁的椅子腿,非要雕成藤蔓的样子,既难做又难看(因为材料特性不匹配)。这时候就有一批人站出来说:别硬凑了,形式追随功能(form follows function)。东西该长什么样,由它的用途和材料决定,不该由”我想让它显得贵”决定。

这就是包豪斯那批人在二十世纪初干的事。他们不是一群搞艺术的在玩风格,是一群工程师、建筑师、工匠在被工业现实逼着重新定义”好”。

几个具体的后果,你今天天天在用:

无衬线字体。以前正文用衬线体(宋体那种带脚的),因为手写和早期印刷里,衬线能帮眼睛顺着行走、能掩盖活字拼接的缝隙。机器量产之后,有人(比如做 Futura 那批人)想:既然是工业时代,为什么要模仿毛笔的收尾?干脆去掉脚,做成几何化的、纯粹的笔画。刚出来时上流社会嫌它”像工人写的、没教养”。但架不住它便宜、清晰、好排版、适合招牌和机器雕刻。今天你眼里”现代、干净”的黑体,当年是”廉价、粗鄙”的代名词。

去装饰。包豪斯主张去掉一切不服务于功能的装饰。一个杯子就是杯子,不需要画一圈花。这条线一直通到你今天的宜家——平板包装、纯色、没有任何多余花纹,它的美学根源就在这一百多年前。

标准化与模块。机器要的是可替换零件,设计也得是模块化的。这条思想和你写代码时的”组件化""标准化接口”是一个祖宗。

给今天的遗产:包豪斯的克制今天照样是顶级生产力。你做一个工具类界面、一个后台系统,最该学的不是哪个渐变好看,是”这个元素是不是非有不可,没有它功能会丢吗”。能砍就砍,这是包豪斯给的纪律,比任何配色技巧都保值。

③ 瑞士国际主义:网格系统、客观理性(呼应第 17 章)

二战之后,有一群主要在瑞士的设计师,把包豪斯的精神推到了极致,形成了一套后来叫”瑞士国际主义”或者”国际排版风格”的东西。

他们的核心信念是:设计不是艺术家的自我表达,是信息的客观传达。一张海报、一份报纸,目的是让人准确拿到信息,不是让设计者显得有个性。

为了实现”客观”,他们发明(更准确地说是系统化)了网格系统。把版面划成严格的横竖格子,所有元素对齐到格线上,像工程师布电路板。为什么?因为格线让排版变得可预测、可复制、不依赖个人手感。一个新手照着网格填,出来的东西不会太差;十个设计师用同一套网格,出来的东西是统一的。

注意,这一条直接连到你学过的第 17 章。你还记得吗?第 17 章我说”网格限制带来自由”,当时你可能觉得是句漂亮话。现在你知道了:网格不是某个设计师拍脑袋的装饰规则,它是二战后那批人为了对抗主观随意、追求客观理性而造出来的工具。它的来历是工程思维,不是美学癖好。

瑞士国际主义还干了一件影响你每天的事:把大量留白、左对齐、无衬线、摄影代替插画,变成”正经信息设计”的标准配置。你今天看到的任何一份像样的报纸版式、任何公司的年报、任何地铁的导向系统,骨子里都是瑞士网格。那个”logo 放左上角”的习惯,也是从这来的——网格的左上角是强势起点,信息从那流出来。

给今天的遗产:网格是跨时代的。你做 PPT、做网页、做海报,只要信息是主角,瑞士网格就不会错。它不性感,但稳。

④ 后现代与数字时代:摄影普及、屏幕出现、拟物到扁平

到了二十世纪下半叶,两件事同时发生,又一次改写了”好看”。

第一件,摄影和印刷变便宜了。以前海报上画个苹果,得请人写实插画,贵。后来照片几毛钱一张,直接贴上去更真、更冲击。所以”写实插画”的审美地位下降了,“照片的真实感”成了新的好。这就是为什么你今天看任何产品广告都是大图少字——这个习惯是摄影普及逼出来的,不是设计师突然有品位了。

第二件,屏幕出现了,而且越来越小、分辨率越来越低。这件事是二十一世纪初拟物风(skeuomorphism)和后来扁平风(flat design)交替的根本原因,我讲细一点,因为你天天在用。

早期触屏(比如二零一零年前后的 iOS),普通人第一次用手指戳玻璃。设计师的难题是:怎么让人知道”这个能点”?他们的解法是拟物——把按钮做成真实皮革的质感、把笔记本做成真实纸纹、把相机图标做成真实镜头。因为现实物体的质感在说”我能操作你”。拟物在那个阶段不是”风格偏好”,是”认知脚手架”:用户不认识数字界面,设计师用现实物体的样子当翻译。

但拟物有个死穴:它贵、它重、它占性能。一张仿皮革的底纹,在低分辨率小屏上糊成一团;一套写实的图标,要做无数种状态。等用户都学会了”玻璃上的东西能戳”,等手机性能上来了、屏幕密了、App 里塞的信息多了,拟物就成了负担。

于是扁平来了。把皮质底纹去掉,变成纯色块;把写实质感去掉,变成几何形。iOS7 那次大改,很多人骂”丑、没质感”,但本质不是审美退化,是条件变了:信息密度高了,需要更轻的视觉负担;屏幕清晰了,不需要质感掩饰低分辨率;性能紧了,不需要贴图耗电。

你看,从拟物到扁平,根本不是”审美进步了”,是”用户变熟了、屏幕变清楚了、性能变贵了(此处指需要省)“。条件一变,好看的答案就翻面。

给今天的遗产:判断一个趋势该不该跟,先看它解决的是什么条件。拟物当年解决”用户不认识界面”,今天这个条件基本消失了,所以纯拟物回不来了。但拟物里”用质感提示可操作性”这点没过时——今天你看到的微阴影、按钮的轻微立体感,就是拟物的残魂,它在解决”这个能不能点”的老问题。

⑤ 当下:暗色模式、可变字体、新拟态等新动向

最后看你现在身处的这一刻,几个正在发生的动向,我挑三个讲清楚它们为什么来,而不是罗列名词。

暗色模式。你以为它是”酷”?部分是,但根子是技术:OLED 屏幕每个像素自发光,显示黑色时那个像素直接断电,所以暗色界面在手机上真的省电、真的护眼(夜间低亮环境下不刺眼)。暗色模式是被电池和眼睛逼出来的,不是被潮流逼出来的。但它一旦普及,又反过头变成一种”高级感”的风格信号——你看多少 App 把暗色当卖点。这就是典型的技术条件先动,风格跟着动。

可变字体(variable fonts)。以前一个字族,细体一份文件、粗体一份文件、斜体又一份,加载慢、占地方。技术上一解决(把字重字宽做成一个连续轴,一份文件全包),设计师突然能在一个界面里让同一个字”无级变速”了。这不是审美突破,是字体文件格式的技术突破释放了新的设计可能。你后面做界面,字重的细腻过渡会越来越多,根源在这。

新拟态(neumorphism)。这个我特意拎出来说,因为它是个反面教材。前两年很火:界面元素像从背景里”凸起”或”按进去”,靠极微妙的同色明暗做出软软的立体感。火了一阵,然后迅速凉了。为什么?因为它好看,但可用性差——凸起和按进去的对比太弱,用户分不清哪个能点、哪个是装饰。它证明了我整章的论点:一个风格如果只解决”看起来新”,不解决任何真实条件(清晰、好用、省资源),它火得越快凉得越快。你以后看到任何”新风格”,先问一句:它解决了什么条件?答不上来,别跟。

“墨叔,听下来我有个总结:每个时代的好看,都是当时的技术能做什么、经济允许什么、社会在乎什么,三个力拧出来的?”

对,而且我补一句更重要的:这三个力里,技术是发令枪,经济是跑道,社会是风向。 技术先打开可能性(屏幕、印刷、OLED),经济决定哪种可能性被大规模采用(量产要便宜、App 要省电),社会决定它披上什么意义(权威、理性、酷)。你记住这个三角,看任何风格都不慌。


三、反例与误区:你被”当下流行”绑架的样子

讲完因果,我得把你最容易掉进去的几个坑挖出来。这些坑的共性:把”现在流行”当成”永远正确”。

误区一:审美是条往上走的进化线。

这是最毒的一个。很多人潜意识里觉得:古典是蒙昧,包豪斯是启蒙,瑞士是理性,扁平是先进,下一步一定更牛。错。审美不是进化,是适应。进化意味着”旧的被更好取代了,可以扔了”;适应意味着”旧的是对旧条件的回答,条件回来它就又灵了”。

我给你反例。拟物被扁平”取代”了吧?可你看现在汽车的中控大屏、智能音箱的界面,又开始加质感、加光影、加拟物元素了。为什么?因为那些场景里”用户不认识界面、需要质感提示”的条件又回来了(车里人不能盯着看,得靠质感一眼分辨)。所以拟物没被”淘汰”,是被”调去了它需要的条件里”。

把审美当进化线的人,会永远在追最新的,永远觉得自己去年的作品土。他不是变强了,是变焦虑了。

误区二:历史风格 = 复古装饰,是过时的情怀。

很多工程师看古典对称、看包豪斯,第一反应是”那是艺术史课的内容,跟我做产品无关”。这是把历史和风格混为一谈。

历史教你的不是”去模仿老样子”,是”理解为什么那样有效”。古典的秩序感解决”信任”,包豪斯的克制解决”信息效率”,瑞士的网格解决”统一”,这些要解决的问题今天一个没少。你学历史,是为了把这些被验证的手段拆出来,装到你今天的条件里,而不是穿一身汉服上班。

误区三:追潮流 = 有品味。

这是消费主义给你埋的雷。每年都有”今年流行色""今年流行字体""今年流行那种渐变”。你跟着换,不是因为你判断过它适合你的项目,是因为你怕显得旧。

真相是:潮流是别人定义好、再卖给你的一套选择题。你追得越紧,你自己的判断越退化。等你哪天想做一个”不是今年流行的、但是对的”东西,你会发现你已经不会做了——你的审美肌肉被潮流代练废了。

“那我不追潮流,我自己瞎搞行不行?”

也不行。不追潮流不等于乱来。不追潮流的意思是:你先看清楚这个潮流解决了什么条件,如果条件匹配你的项目,你就用,而且你知道自己为什么用;如果不匹配,你敢不用,而且你能说出不用。

区别在哪?追潮流的人,理由是”大家都这样”。懂历史的人,理由是”我的条件需要这个,历史上这套手段验证过有效”。两句话差着一个银河系。


四、跨场景案例:历史手段怎么解决今天的问题

这一节我给你三个具体对照,写清楚”那个年代为什么这么设计”,以及”今天怎么复用”。每个都落到你能碰到的场景。

案例一:字体——衬线体凭什么”贵”,无衬线体凭什么”现代”

拿两个你眼熟的字族对照。衬线体里挑 Times New Roman 那一路(中文对应宋体),无衬线体里挑 Helvetica / 思源黑体那一路。

那个年代为什么这么设计:宋体(以及西文衬线)的根在手写和金属活字时代。笔画收尾的小脚(衬线)最初是为了让一排字在纸上显得连贯、帮眼睛顺着读,也为了掩盖活字拼接的接缝。它带着”书卷气”,因为在印刷术早期,书是贵的东西,只有有文化、有钱的人碰得到。所以衬线体天然沾着”正统、权威、文化”的意义——你看最高法院的文书、报纸的报名、奢侈品的商标,大量用衬线,是在借这层意义。

无衬线(黑体)的根在包豪斯和工业,前面讲了。它刚出来被嫌廉价,但因为它清晰、好刻、好印招牌,慢慢占领了”公用、工业、现代”的语义。今天科技公司爱用黑体,不是因为他们”有品位”,是因为黑体这套语义恰好在说”我们是现代的、高效的、不端着的”。

今天怎么复用:你做一个金融 APP 的”安全说明”页,用衬线(宋体)做标题,立刻多三分信任;你做一个极客工具的官网,用无衬线,立刻多三分利落。你不是在选”哪个好看”,你是在选”借哪套历史语义”。这一招不花一分钱,效果立竿见影。

案例二:海报与界面——瑞士网格从印刷厂走到你的手机

拿一张瑞士国际主义的经典海报(那种巨大的无衬线标题、严格左对齐、大量留白、一张黑白照片压在网格交点上)对照你手机里一个正经新闻 App 的文章页。

那个年代为什么这么设计:二战后那批瑞士设计师要的是”信息不偏不倚地到达”。他们厌恶装饰,因为装饰会夹带设计师的主观;他们迷网格,因为网格让信息按客观结构排布,读者拿到的是内容本身,不是设计者的表演。一张海报的标题、图、正文全锁在看不见的格子里,谁来做都不会歪、不会乱、不会抢戏。

今天怎么复用:你做 PPT 或网页,最怕的就是”这一页还行、下一页又乱了”,因为每页都是临时发挥。解法就是抄瑞士人的:定一套网格(比如十二列),所有页都锁进去。你不用懂美学,只要守住格线,十页 PPT 自动统一。这就是第 17 章说的”限制带来自由”——网格替你做了大部分排版决策,你只剩”往哪填”的问题。

案例三:界面——拟物到扁平,条件一变答案就翻

拿 iOS6 的拟物图标(写实的皮革、真实的书页纹理)对照 iOS7 之后的扁平图标(纯色几何)。

那个年代为什么这么设计:iOS6 时期,触屏对大众是新鲜事,用户不知道”玻璃上这玩意儿能戳”。拟物用现实质感当翻译:“这看起来像本真实的笔记本,所以我该点它。“它解决了”认知门槛”。

iOS7 之后,用户早学会了,屏幕也清晰了,App 塞的信息爆炸多,拟物的贴图又重又占地方。扁平把质感全删了,换清晰、轻、省。它不是”更好看”,是”在当时的条件里更划算”。

今天怎么复用:你做一个面向老人的界面,可以适度加质感(大按钮、明显阴影、仿实物),因为”认知门槛”这个条件在老人身上又回来了;你做一个信息密集的后台系统,必须扁平,因为”信息密度和性能”这个条件压着。别看流行选,看条件选。同一个人,做给年轻人用的产品和做给父母用的产品,可以一个扁平一个带质感——这不算双标,这叫对症。

这三个案例的共同点:没有一个是”凭眼睛选”,全是”看清条件后用历史手段作答”。这就是本章要你带走的本事。


心法

这一章的心法,我压了很久没说,现在摊开。

你前面三十章学的,都是”怎么把东西做好”。这一章学的是”你怎么知道自己在选,而不是被选”。

我观察过很多工程师转设计,包括我自己带的。他们最容易出的状态不是”做不好”,是”做着做着就变成了流行模板的复读机”。今年流行玻璃拟态,他全加上;明年流行那种颗粒噪点,他全铺上。问他为什么,他说”现在都这样啊,这样显得专业”。

这个想法是错的,而且错得很深。

“现在都这样”不是理由,是警报。它说明你把自己的判断权暂时托管给了潮流。潮流是谁?是一群比你更懂怎么卖货、比你更懂怎么制造焦虑的人,他们定义”今年该长什么样”,然后靠你这种”怕显得旧”的心理赚钱。你每追一次,他们就赚一次”你对自己的判断不自信”的税。

我换个你懂的说法。你写代码,会不会因为”现在大家都用这个框架”就无脑跟?你可能会看一眼,但你会问:它解决我的问题吗?性能我扛得住吗?团队维护得了吗?你不会因为它流行就上生产。为什么到了视觉上,你就把这套判断关了?

因为视觉领域你没建立”凭什么”的标尺,所以你只能外包给流行。这一整门课,前面三十章在帮你造标尺(明度优先、网格、对比、层级……),这一章在帮你确认:标尺是你的,不是潮流的。

懂历史的人,到底强在哪?强在他是”有条件的自由”。他知道无衬线当年是被工业逼出来的,所以今天用不用它,他看的是”我的项目要不要工业那套语义”,不是”现在流不流行”。他知道暗色模式根子是 OLED 省电,所以他的暗色是真的为夜间续航和护眼做的,不是为了显得酷。他知道瑞士网格是客观理性的工具,所以他用网格是为了信息清楚,不是为了”看起来高级”。

每一个选择,他都能说出一个”因为”。这个”因为”不是百度来的,是他顺着历史因果推出来的。

你可能会说:那我是不是就该完全不跟潮流,显得我很独立思考?

又掉坑里了。不跟潮流不等于反潮流,那是另一种被潮流绑架——你还在用潮流当坐标系,只是取了反值。真正自由的状态是:潮流进不进我的项目,由一个跟潮流无关的标准决定。 那个标准是:它解决我这个项目真实的条件吗?历史上这套手段验证过吗?我能不能说清为什么用、为什么不用?

能回答这三个问题,你就是在”决定自己的样子”。回答不了,不管你选了流行还是选了反流行,都是潮流在替你决定。

我给你一句能带走的话,这一章、甚至这本书,都收在它里面:你以为你在追潮流,其实是潮流在替你做决定;只有能说出每个选择背后的条件、并敢在不匹配时不用的人,才真正拥有自己的样子。

历史给你的不是怀旧,是选择权。当你知道”现在这样”是某个条件逼出来的临时结果,你就不再怕它,也不再膜拜它。你可以拆开它,取出你要的那块,装到你自己的条件里。这,才是一个工程师做设计最狠的姿势——不是做个好看的用户,是做个能定义好看的作者。


小结

这一章只讲清楚一件事:今天你眼里”理所当然好看”的东西,没有一个是客观的、永恒的,全是技术、经济、社会三个力拧出来的临时共识。

我们速写了五条主线——古典对称秩序的权威感、工业革命与包豪斯被量产逼出的功能主义和去装饰、瑞士国际主义用网格追求客观理性、数字时代摄影与屏幕逼出的拟物到扁平、当下被电池和字体技术推动的暗色与可变字体。每一条都不是”当时人审美好”,是”当时条件只允许或逼着那样”。

你也看清了三个坑:把审美当进化线、把历史当过时情怀、把追潮流当品味。绕过它们的方法只有一个——给每个选择找一个跟潮流无关的”因为”。

你带走的一句话:审美不是挂在天上的刻度,是某个时代条件的快照;看懂了快照怎么拍的,你才不会被当下的流行绑架,也才敢在需要时不用它。

下一章我们进模块八,聊怎么把这门课变成你肌肉里的东西——刻意练习、解构式临摹、建立你自己的视觉库。这一章给你的历史感,会在你建库的时候变成筛子:帮你从海量作品里,挑出那些”条件匹配、手段验证过”的,扔掉那些”只是当下火”的。


【思考题】

  1. 找一个你每天都用、但从未怀疑过它”为什么长这样”的界面元素(比如微信的绿色、淘宝的橙色、某个 App 的图标形状)。试着追问三层:它解决的是什么条件?它借的是哪段历史的语义?如果换一个技术条件(比如屏幕从发光变成反射式墨水屏),它还成立吗?

  2. 你手机里现在装着的 App,暗色模式你是真为了护眼省电开的,还是因为”显得酷”开的?如果是后者,你愿不愿意为了验证,把手机调回亮色用三天,观察自己是否真的更在意”酷”还是”清楚”?这能测出你多大程度上在被风格信号牵着走。

  3. 找一个你觉得”过时、土”的设计(比如你爸妈爱用的那种大红大绿花哨页面、或者某个老国企的官网)。别急着嫌弃,试着还原它诞生的条件:它当时要解决什么人的什么需求?它借的是哪段历史语义?如果把它放回那个条件里,它还土吗?

  4. 新拟态(neumorphism)前两年火过一阵又凉了,本章说它”只解决看起来新,不解决真实条件”。你能不能从你自己的使用经验里,举一个”好看但不好用”的设计例子?再举一个”不新潮但特别好用”的例子?这两个例子放在一起,能推出什么结论?

  5. 本章说”审美不是进化是适应”。你同意吗?能不能举一个反例挑战我:有没有哪个设计上的进步,是真的”比过去更好”、而不是”只是适应了新条件”?比如清晰度、可读性这类,有没有客观的、不带时代偏见的提升?

  6. 想象五年后的你回头看今天你做的设计。按”审美是进化线”的想法,你会觉得”当年的自己真土”。按”审美是适应”的想法,你会怎么 different 地评价当年的作品?这个视角差,对你现在做选择有什么实际影响?

【参考答案】

  1. 这道题我要你练的是”追问三层”这个动作本身,不是要某个标准答案。我拿微信的绿色给你做个示范,你照着套自己的。

    第一层:微信绿解决什么条件?绿色在屏幕上辨识度高、不刺眼、长时间看不累,而且在一堆 App 图标里能一眼捞出来。它当初选绿色,也有避开”短信蓝""电话绿”混淆的考虑——在手机里绿色和”聊天/社交”绑定的习惯,是这一代产品一起养成的。

    第二层:借哪段历史语义?绿色在视觉里长期关联”自然、安全、通行”(红绿灯的绿=走)。微信借这层语义,悄悄在说”这是安全、顺畅的沟通”。这不是它原创的,是它捡了现成的文化符号。

    第三层:换条件还成立吗?如果屏幕变成反射式墨水屏(像 Kindle 那种不发光、靠环境光看的),绿色在黑白屏上优势全失,甚至会发灰发脏。那时候微信绿要么变成深灰,要么靠形状而不是颜色区分。说明”微信绿好”是绑定在”发光彩屏”这个条件上的,不是客观真理。

    你做这道题,关键不是答对,是养成”每个默认选择都经得起三层追问”的习惯。能做到这点的工程师,做设计时不会再 blindly 抄竞品,因为他会先问”它的条件跟我的一样吗”。

  2. 这道题是个自我测量,没有标准答案,但我给你判断的尺子。

    如果你开暗色纯粹因为”显得酷""显得专业”,那你三年的暗色体验里,大概率有过这些情况:在强光下看不清还硬撑着用暗色;在某个暗色适配差的 App 里眯着眼找按钮;跟人聊起时说”我现在都用暗色,亮色太刺眼了”但其实晚上才觉得刺眼、白天并不。这些都在暴露:你开暗色是风格信号驱动,不是功能驱动。

    验证方法我写了:调回亮色三天。如果第三天你发现”其实白天亮色更清楚,我只是习惯了暗色显得高级”,那你就抓到自己一次被风格牵着走的实锤。这不可耻,所有人都这样过,关键是抓到之后能不能改。

    改不是”以后坚决不碰暗色”,是”以后开暗色前先问:我是为夜间护眼,还是为显得酷”。为护眼开,对;为酷开,也行,但你要知道自己是在为审美信号付代价,而不是在为功能付代价。能分清这两种代价,你就自由了。

    顺带一个工程师视角:这跟你在代码里选框架一模一样——你是真需要它解决性能,还是只是”团队都用、显得不落伍”。把暗色这道题想通,你对”技术选型里的从众”也会有新警觉。

  3. 这道题考的是”放下进化线思维,还原条件”。我拿”老国企官网”给你拆。

    那种页面常见特征:大红标题、密集的栏目、跑马灯公告、满屏的链接、信息堆得极满。你第一眼觉得土,是因为你用”今天的极简审美”去量它。但还原到它诞生的条件:它的目标用户是来办事的市民,不是来感受设计的访客;它的核心任务是”把能办的事全列出来,别让人找不到”,不是”留白显高级”;它出现的年代,屏幕小、网速慢、用户对网页的认知还停留在”电子公告栏”。在那个条件里,堆满信息反而是对的——它最大化了”办事入口的可见性”。

    它借的历史语义是”公告栏/文件”:红头文件就是大红标题配密集正文,官网照抄这个,用户一眼就懂”这是官方的、正式的”。

    放回那个条件,它不土,它称职。它今天显得土,是因为条件变了(用户变挑了、屏幕变大了、审美被极简洗过了),不是因为它当年错。

    这个练习的价值:它训练你区分”这个设计在它的条件里是否称职”和”它符不符合我现在的口味”。前者是客观判断,后者是主观偏好。很多人一生分不清这两者,所以永远在用当下的自己审判过去的一切,包括自己去年的作品。

  4. 这道题要你从经验里提炼,我用常见例子接你的。

    “好看但不好用”的典型:很多作品集网站,首屏一个巨大抽象的动态图形,酷得不行,但你找不到它在卖什么、导航藏在一个角落的小图标里。好看(视觉冲击强),但不好用(三秒抓不住重点)。这跟新拟态一个病根:把”视觉新奇”放在”功能清晰”前面。

    “不新潮但特别好用”的典型:谷歌搜索主页。二十年不变的大白底、一个框、两个按钮。它一点都不”潮”,但它可能是人类用过最顺手的交互之一。它的好用来自克制,来自把”输入查询”这个唯一任务放到绝对中心,没有任何装饰抢戏。

    两个例子放一起,能推出一个结论:好用和好看不是一回事,但当”好看”开始牺牲”好用”时,那个好看是透支的、会过期的。 真正能穿越时间的设计,是先站住好用,再在好用的骨头上长好看。反过来(先好看再补好用)几乎必翻车。这句话你记牢,以后每次想加一个”炫但没用”的效果,拿它量一下。

  5. 这是个好问题,敢挑战我对吧,我喜欢。我承认有一类进步是相对客观的:可读性上的硬提升。

    比如活字印刷取代手抄,错误率、一致性的提升,是客观的——同一本书不再有抄写员的笔误和风格漂移。比如高分辨率屏幕取代低分辨率,文字边缘更锐利、人眼更省力,这也是客观的生理账,不带时代偏见。比如对比度标准的建立(确保色弱用户也能分辨),是基于人眼真实限制的,不是审美偏好。

    所以我的”审美是适应不是进化”要加一个限定:工具层面的清晰度、一致性、可达性,是有客观进步的;风格层面的”哪种好看”,是没有客观进步的。 我整章反对的是把后者当前者用——很多人拿”现在更清晰”这个客观事实,去论证”现在更美”这个主观结论,这就偷换了概念。

    你能举出可读性这类反例,说明你听进去了而且会挑刺,这比盲目点头强十倍。但记住分界:清晰度是物理,风格是共识。别让物理的进步,给你一种”风格也在进步”的错觉。

  6. 这道题要你看”视角差”怎么改变当下的决定。

    按”进化线”视角:五年后的你回头,大概率想”当年真土,还好我进步了”,然后继续追最新的,继续嫌弃此刻的自己。这个视角让你永远焦虑、永远在外包判断。

    按”适应”视角:五年后的你会说”当年那个选择,在当时的条件(屏幕、用户、技术)里是称职的;如果今天条件变了,我该换,但不是因为它土,是因为条件不对了”。这个视角让你对过去的自己宽容,对当下的选择冷静。

    实际影响在哪?在”你敢不敢现在就做一个不流行但条件匹配的选择”。比如你判断项目该用衬线体显信任,但今年流行全是黑体——进化线视角会让你从众;适应视角会让你顶住,因为你的理由是条件,不是流行。五年后条件若变,你换得理直气壮;条件若不变,你站得住。

    一句话:历史感不让你变”复古”,让你变”不慌”。不慌的人,才做得出自己的样子。


【动手练习】

  1. 溯源一件你正在用的设计(纸笔或手机,30 分钟)

    选一个你最近做或最近常用的设计物(一张图、一个界面截图、一份文档排版都行)。写下三件事:它现在长什么样;它借的是哪段历史语义(衬线的权威?网格的客观?拟物的认知脚手架?);如果技术条件反过来(屏幕变墨水屏 / 用户变成完全不懂数字的老人的 / 量产变回手工),它第一个会崩的是哪一处。

    自评标准:你写出的”会崩的那一处”,必须是一个具体的视觉要素(比如”那个浅灰的对比度""那个纯几何的图标没有任何质感提示”),不能是”整体风格”。能指到具体要素,说明你真在分析条件,不是在复述流行。

  2. 做一次”反流行”的小实验(任意软件,1 小时)

    找一个当前你项目里”因为流行才用”的元素(比如某个渐变、某种玻璃质感、某个流行配色)。强行把它换成历史上被验证但当下不流行的手段(比如换成古典中轴对称、换成瑞士式纯网格无装饰、换成包豪斯式纯色块)。做一版对比。

    自评标准:拿给一个不懂设计的朋友看两版,问他”哪个更清楚、哪个更信任、哪个更顺手”,而不是”哪个更好看”。如果历史手段那一版在”清楚/信任/顺手”上不输甚至赢,说明你确认了:你原先用流行元素,至少有一部分是为了信号,不是功能。这发现比作品本身值钱。

  3. 建立你的”条件-手段”小抄(长期,随时补)

    准备一页笔记,分三列:条件(要解决什么)、历史手段(哪段验证过)、我的判断(这个项目用不用、为什么)。每看到一个好设计或踩一个坑,就补一行。比如:条件=要给老人做界面;历史手段=拟物的质感提示;判断=用,因为认知门槛条件回来了。

    自评标准:一个月后这页至少有 8 行,且每行的”我的判断”都能写出一个”因为”。如果只有”条件”和”手段”两列写得满、“我的判断”全是”看着办”,说明你还没把历史变成自己的选择权,回去重做第 1 题。


【阶段项目】

模块七收尾,给你一个能串起这一章、也提前喂给模块八(临摹与建库)的项目。预计 2 到 5 小时,可以分两次做。

项目名称:追溯一种风格,并用历史手段解决一个当代问题

第一步(约 1 小时):选一种你真心喜欢的当代设计风格。

可以是暗色模式、扁平风、瑞士网格、蒸汽波、新中式、极简后台风、任何你眼热的东西。别选”老师布置的”,选你刷手机时真的会停下来的那种。

第二步(约 1 小时):追溯它的历史根源。

顺着本章的五条主线,找到它的祖宗。比如你选暗色模式,就追到 OLED 省电和夜间护眼的技术根;你选扁平,就追到拟物的认知脚手架失效和屏幕清晰化;你选新中式,就追到古典对称秩序和权威语义。写一段 300 字以上的”血脉考据”,必须写清:它最初解决的是什么条件,借的是哪段历史语义。

第三步(约 1 到 2 小时):做一版”用历史手段解决当代问题”的练习作品。

挑一个你手边的真实或假想场景(比如”给小区老人的核酸检测通知页""给技术分享会的海报""给自己的博客首页”),故意不用当下流行的解法,而是调用本章某段历史手段去解决它。举例:做一个给老人的界面,主动复用拟物的质感提示(不是因为复古,是因为认知门槛条件在老人身上回来了);或者做一个需要信任感的金融说明页,复用古典中轴对称。交付物是一张图或一个界面截图,配 200 字说明:我用了哪段历史手段、它解决我今天的哪个真实条件、如果我用当下流行解法会差在哪。

第四步(约 30 分钟):写一句”带得走的话”。

用一句话总结这次项目让你确认的关于”流行 vs 条件”的认知。

交付物清单:

  • 一份 300 字以上的风格血脉考据
  • 一件练习作品(图或界面截图)
  • 200 字以上的作品说明
  • 一句带得走的话

评分维度(5 条,每条 20 分):

  1. 溯源深度:是否真的追到了技术/经济/社会条件,而不是停在”它源自某流派”这种名词。追到条件给满分,只堆流派名词给低分。
  2. 条件匹配度:练习作品调用的历史手段,是否真的对应项目的一个真实条件(清晰、信任、认知门槛等),还是硬套。对得上给满分。
  3. 反流行勇气:是否敢于不用当下流行解法、且能说出不放的理由。敢且说得清给满分;偷偷又用回流行元素给扣分。
  4. 说明质量:作品说明是否写清”手段-条件-流行解法的差距”三层,而不是”我觉得这样好看”。三层齐全给满分。
  5. 可复用性:你这页”条件-手段”小抄是否因此多了一行能迁移的判断,而不只是一个一次性作品。能迁移给满分。

这个项目做完,你把考据和作品说明存进模块八要建的视觉库——它们会是库里第一批”带着为什么”的藏品,比一百张随便存的漂亮图都值钱。