第四章 · 方法论
35 个审美模型
六组可复用的思维工具。用的时候不用记全,只需要知道「我在哪类问题上需要哪组」就够了。
格式塔完形
Gestalt场景:看到「…」你会自动补成省略号;看到缺一角的圆形,你会说那是圆。
大脑会自动把不完整补成完整——设计不完整的形,观者会替你完成。
用法logo 断笔设计、极简图标、留白构图。设计不完整的形,让观者参与补全。
误区缺失过度会导致识别失败——补全的乐趣建立在「几乎看得出来」之上。
接近法则
Proximity场景:两行字挨得近,你就知道它们是一段的;离得远,就是两段的。
距离即关系:靠得近的是一伙的,组间距要明显大于组内距。
用法表单标签紧贴输入框;组内间距小于组间间距(建议 1:2)。这是 UI 信息组织的第一法则。
误区仅靠距离不够时,叠加颜色和形状的相似性。
相似法则
Similarity场景:一篇文章里所有蓝色文字,你不用想就知道都能点。
长得像的就是一类:颜色、形状、大小相似的会被自动归组。
用法所有可点击元素统一颜色;同级标题统一字号——建立可预测的视觉语法。
误区相似性误用会造成错误归类:长得一样的元素,用户就认为功能一样。
连续法则
Continuity场景:散落在一条弧线上的点,你看到的是那条弧线而不是一堆点。
视线沿线条滑行——把要关联的元素排在一条隐形线上。
用法时间轴、流程图、视线路径设计;让需要关联的元素沿隐形的线对齐。
图底反转
Figure-Ground Reversal场景:盯着花瓶看是花瓶,盯着两侧看是两张脸——同一张图,两个世界。
图与底可以互换:正负形互藏双重意象,制造第二眼惊喜。
用法经典如鲁宾之杯、FedEx 的箭头。logo 与海报制造「第二眼惊喜」的杀器。
误区图底关系模糊到五五开会让眼睛「打架」,除非你要的就是眩晕。
负空间思维
Negative Space场景:苹果官网一屏只有一部手机和大量空白,你觉得「真高级」。
空白是主动的设计元素——先设计「空」的部分,让它说话。
用法版面呼吸感、极简海报、苹果式产品页。先设计「空」的部分。
视觉引导
Visual Guidance场景:好的地铁线路图,你的视线顺着线就能走到目的地,不用「找」。
用大小、明暗、线条的梯度设计观者的浏览路径,别让他自己找。
用法落地页的 Z 型动线、海报的阅读顺序、长图的节奏编排。别让读者自己找重点。
60-30-10 法则
60-30-10 Rule场景:穿衣服全身三个颜色按六三一分配就「会穿」;全身上下五五开就灾难。
主色六成、辅色三成、强调色一成——视觉重量的万能安全网。
用法60% 通常是中性底色(墙面、背景、留白),30% 是支撑色,10% 才是高饱和的强调(按钮、点睛)。
误区比例不是绝对的数学,是「视觉重量」的经验——大面积深色可以只占 40% 但感觉是 60%。
色轮配色
Color Wheel Harmony场景:红配绿要么惊艳要么车祸,区别在于你在色轮上怎么选。
色轮几何关系决定效果:对角=张力,相邻=和谐,三角=平衡的丰富。
用法先定一种主色,再按需要的情绪选几何关系;不确定时永远先试互补与类似。
互补色对比
Complementary Contrast场景:蓝底橙字永远醒目,但满屏蓝橙对撞你就想吐。
互补色相互增强是最强对比,但必须控制面积(约九比一)。
用法红配绿、蓝配橙:冲击力巨大,但务必控制面积(约 9:1),否则互相打架两败俱伤。
色彩心理学
Color Psychology场景:医院不会把走廊刷成大红;奶茶店不会用惨白日光灯。
颜色绕过理性直达情绪——先定情绪,再选颜色。
用法先定情绪再选色:红=紧急与热情、蓝=信任与冷静、绿=自然与安心。注意文化语境差异。
色彩缄默(莫兰迪法)
Muted Palette场景:同一家店,滤镜从鲜艳调成灰调,客单价感知立刻上浮。
把所有颜色压进同一个灰域:压饱和、限明度档位、柔化边界——「高级感」开关。
用法「高级感」的一键开关。三步:全局饱和度 ≤30%;明度只留 3-4 档、禁纯黑纯白;色块之间柔化边界。
三分法则
Rule of Thirds场景:手机相册开九宫格辅助线之后,随手拍都变能看了。
画面九等分,主体放交点或线上,别死在正中间。
用法摄影默认构图;人像眼睛放上交点;地平线压在上下三分线。
黄金比例
Golden Ratio场景:为什么 Twitter 的版式、帕特农神庙、向日葵种子都约等于同一个比例。
1:1.618 的分割与序列被反复验证最舒服——用近似值即可,别迷信精确。
用法版面分区、字号序列、logo 比例。用近似值即可,别迷信精确。
对称即经典
Symmetry场景:故宫中轴线、法庭正门、教堂正面——凡是要你肃然起敬的,都对称。
镜像对称传递完整、平衡、庄严,是最古老的权威语法。
用法正门、正式场合、需要权威感的构图(教堂、国徽、发布会主视觉)。
打破对称
Broken Symmetry场景:完美对称的窗户阵列里,那扇开着红窗帘的让你记到现在。
对称骨架+一处非对称=动态平衡,张力和记忆点都来自那一点意外。
用法「加一棵树」:完全对称的建筑前放一个人、一片云;对称版式里让一侧的图片换个裁法。
重复节奏
Rhythm & Repetition场景:等距的书架好看,其中一格放了个花瓶更好看。
重复造预期、变奏造生命:先建立规律,再在关键位放变化。
用法图案设计、列表、系列封面:先建立规律,再在关键位置放一个变奏。
对比法则
Contrast场景:为什么奢侈品广告总是深底、一束光、一件产品。
至少在两个维度上制造差异(大小+明暗+留白),关键元素才能跳出来。
用法想让什么被看见,至少在两个维度上拉开差距。留白本身就是最强的对比工具之一。
几何骨架
Geometric Skeleton场景:信息密密麻麻的仪表盘,好用的那个一定暗合几何分区。
多主体先画三角/对角/框中框的骨架——复杂不乱的密码。
用法信息密集的封面和首屏:把元素钉在几何结构上,再指定一个色彩锚点。
少即是多
Less is More场景:房间收拾干净后「变贵了」,你没添任何东西。
删掉冗余,剩下的自己发光——每个元素必须有其明确目的。
用法减法设计:每个元素必须有其存在的明确目的。极简框架下每个细节都被放大,必须千锤百炼。
误区把简约等同于空白:去掉装饰却失去重心,是违背「少即是多」的。
奥卡姆剃刀
Occam's Razor场景:Google 首页只有一个框,三十年没变。
如无必要,勿增实体:多个方案可行时,选最简的那个。
用法功能取舍、文案删减、流程简化。Google 首页之所以经典,就是把核心置于焦点、毫无干扰。
帕累托法则
Pareto 80/20场景:衣柜里 20% 的衣服,承包了你 80% 的出场率。
两成元素贡献八成效果——找到关键少数,资源重仓。
用法找出最能传递气质的那 20%(色、字、形),重点打磨;其余标准化处理。
希克定律
Hick's Law场景:餐厅菜单三百道菜你选不出,九道菜的店你秒点。
选项越多决策越慢:砍选项、分层级、设默认。
用法导航不超过 7 项;能一个按钮别放三个;复杂选项分步引导、设智能默认值。
峰终定律
Peak-End Rule场景:宜家逛一天累成狗,出口一个一块钱冰淇淋让你觉得「挺好的」。
记忆由峰值和结尾决定,不是平均值——首尾下重本。
用法内容节奏:开头三秒和结尾下重本;服务的峰值体验与送别时刻决定口碑。
冯·雷斯托夫效应
Von Restorff Effect场景:记得住戴黄围巾的那个人,记不住第七个西装男。
同类中唯一不同的被记住的概率高数倍——一个维度突变,其余保持熟悉。
用法差异化策略:一排相似内容里做一个维度的突变;列表里那个不同色的项就是记忆点。
包豪斯
Bauhaus场景:为什么百年前的一把钢管椅,今天看依然现代。
形式追随功能:形态由用途决定,材料不说谎——现代设计的祖父语法。
用法几何纯粹、材料真实、理性简洁。现代设计的源头语法,UI 与产品设计的祖父。
构成主义
Constructivism场景:红黑白三色、斜切构图的海报,一眼就有力量感。
几何+工业材料+社会理想:构成主义是海报力量感的源头。
用法红黑白配色、对角线构图、粗字排版——力量感海报的常用语法。
风格派
De Stijl场景:红黄蓝格子画一百年了还在被印在万物上。
只用水平垂直线与红黄蓝黑白灰,追求纯粹抽象的普遍和谐。
用法网格系统的鼻祖;用极端限制催生秩序美。
蒙德里安式网格
Mondrian Grid场景:为什么蒙德里安的格子粗细从不相等,却感觉「稳」。
悬殊比例的网格互相配重:主区次区二比一比零点五,比均匀网格有力。
用法版式栅格不要均匀:主区与次区比例悬殊(如 2:1:0.5),留 60% 呼吸区。
至上主义
Suprematism场景:一张白纸上一个黑方块,凭什么进了艺术史。
减到零度反而产生精神性——留白压强的极致示范。
用法极简到一块形+一片色,反而产生精神性——留白压强的极致示范。
新艺术运动
Art Nouveau场景:巴黎地铁口的绿色铁艺花蔓,一百二十年还在用。
有机曲线取代直线:花茎、藤蔓、鞭形线——自然的生命力即优雅。
用法婚礼、花艺、优雅复古场景;曲线是情感表达工具而不只是造型。
装饰艺术
Art Deco场景:《了不起的盖茨比》的海报为什么一眼奢华。
几何+对称+金属质感:爵士时代对机械文明的乐观拥抱。
用法黑金配色、阶梯造型、太阳放射纹——高端、晚宴、复古奢华的固定语法。
未来主义
Futurism场景:运动品牌的速度感 logo,都在用一百年前的老办法。
力量线、重叠残影、斜向构图——在静止媒介上表现运动。
用法力量线、重叠残影、斜向构图——科技感与运动感的来源。
侘寂
Wabi-Sabi场景:民宿里那面斑驳的土墙,比新刷的白墙贵三倍。
接受不完美、无常与朴素:残缺与时间痕迹里藏着宁静。
用法原木、粗陶、旧金属、柔和留白;「安静的角落」比「完美的样板间」更有力量。
计白当黑
Chinese Negative Space场景:为什么宋代山水大片留白,反而意境最大。
中式留白:空白是气不是空——留白连成整体,主体可以很小。
用法留白连成整体(天空水面一体的空),元素分浓中淡三层;主体可以很小,意境反而更大。