第 13 章 张力与平衡:画面上的秤砣原理
上一章我们把画面拆成了点、线、面。现在有个问题绕不过去了。
“导师,我按你说的做了。我把主标题放在画面正中央——我是用对齐工具居中的,左右上下都量过,绝对精确。但我盯着看,就是觉得它偏下,整个画面像往一边歪。我又检查了一遍,它就是正的啊。”
它是正的。这个我可以替你保证。
但”正”和”看着正”,是两件事。而”看着正”和”看着稳”,又是两件事。
你刚才其实说了三个不同的问题,只是你把它们混成了一句”我觉得它歪了”:
第一个,它是不是真的在画面的视觉中心上? 这是位置问题。 第二个,如果它在视觉中心,为什么还觉得别扭? 这是参照问题。 第三个,就算位置没错,画面为什么还是”站不住”? 这是重量问题。
这一章我们就把这三件事一层层剥开。剥完之后,你再看你那张海报,你应该能说出它到底是”偏了""少了参照”,还是”左边沉了”。
而第三层——重量——才是这一章的主菜。它也是我觉得最能立刻改变你做东西水平的一条:你能一眼看出一个画面稳不稳,并且知道该动哪个元素、往哪动、动多少。
一、你量的中心,和你的眼睛看到的中心,不是同一个
先解决第一个问题。
你把元素放在几何正中心,它看起来偏下。这个现象是真的,而且它有名字:光学中心(optical center)比几何中心高。
经验法则是:视觉上的中心点,大概在几何中心上方十分之一到二十分之一的位置。也就是说,一个 1000 像素高的画面,你把它放在 470 像素的位置,看起来才像”在正中间”。
“凭什么?我量得很准啊。”
你量得准,但你的眼睛不是尺子。我给你两个机制,你可以自己验证哪一个说服你。
机制一:你的视野本身就不是上下对称的。
你站直了平视前方,你的视野并不是以眼睛为轴对称的一个圆——它往下的范围比往上大。为什么?因为你要看地面、看脚下的路、看桌上的东西、看自己的手。下半视野是”近体空间”,是你天天要操作的区域,它在视觉系统里被分配了更多的处理资源。
后果是:画面下半部分被感知得”更满”,上半部分”更空”。 一个放在几何中心的东西,上下两边的”空”在感知上不一样多——上面显得空得更多,于是它显得往下掉了一点。
机制二:画面的下边缘被当成地面。
这个更直觉。你看到任何一个矩形框,都会本能地把下边当成”地面”,因为现实里没有悬空的画框——所有的画、所有的屏幕、所有的纸,都是放在某个东西上、或挂在某个东西上的。
既然下边是地面,那一个物体离地面越近,它越”落地”;离地面越远,它越”被托举”。放在几何中心的物体,看起来是”摆在离地面还有一段距离的地方”,而你的重力经验会告诉你:它应该在那儿待不住。
所以实际的做法是:如果你真的想要”居中”的感觉,把主体放在几何中心略上方一点。 手机 App 里的居中标题、居中弹窗,很多都在做这个微调,只是你没注意到。
好,第一个问题解决了。但我得马上告诉你:这只是三个问题里最不重要的一个。
因为绝大多数”我觉得它歪了”,根本不是位置问题。
“那是什么?”
我反问你一句:你说它歪,它是往哪边歪?
”……说不上来。就是觉得不太对。”
对了。说不出往哪边歪,说明它不是偏了,是”孤”。
一个元素单独放在画面里,周围没有任何东西和它发生关系,你的眼睛找不到参照——它跟左边空多少?跟右边空多少?跟上面什么关系?没有答案。你的视觉系统在缺乏参照的时候会不安,这种不安被你翻译成”有点歪”。
这就是为什么很多新手做的”极简”版面看着难受:不是元素放错了,是整个画面里只有一件事情发生,没有任何东西给它做参照系。极简不是”少”,是”少而有关系”——哪怕只剩一个点,那个点和画面的四条边之间也必须有明确的、故意的比例关系。
“那我加个东西做参照就行了?”
你加东西试试。加完之后你会遇到第三个问题,也是最要命的一个:你加的那个东西,会把画面压翻。
因为我猜你加的时候只考虑了”加在哪”,没考虑”它有多重”。
二、视觉重量:不是物理重量,是”吸引注意力的能力”
我们先把”重量”这个词立住。
视觉重量,是一个元素吸引注意力的能力。 它跟这个元素的物理质量、文件大小、占多少字节没有任何关系。它只跟一件事有关:观众的注意力有多容易被它拽过去。
那为什么不干脆叫”吸引力”,非要叫”重量”?
因为它表现得像重量。 这是这个类比真正的价值所在:
- 重量可以被平衡——两个东西可以互相抵消。
- 重量有”力臂”——离支点越远,撬动力越大。
- 小的重东西可以撬动大的轻东西。
- 一堆重东西堆在一处,会让整个系统往那边倾。
这四条,跟你在初中物理课上学的一模一样。所以你能用一整套已经内化了的物理直觉去处理画面。这是设计里少有的、可以直接借用现成直觉的地方。
好,那重量从哪来?八个因子。我一个个讲,每个都讲机制——你记住机制比记住清单有用一万倍,因为机制能让你在新场景里自己算。
因子一:尺寸。
大 = 重。这个最直觉,但有个坑:尺寸是相对的,不是绝对的。
同样一个 200×200 的图标,放在手机屏幕上是主角,放在地铁站的大牌上只是一粒芝麻。所以你要算的不是”它多大”,是”它占画面的多少”。
这一条我们在第 12 章讲点的相对性时说过——同一个元素在不同尺度下身份会变。这里它变成了重量的相对性:同一个元素,画面越小它越重。
实际后果:你做手机端界面时,一个 48 像素的图标已经很重了;你做户外大牌时,一个 48 厘米的字可能还不够重。
因子二:明度对比。
这一条比尺寸更重要,但最常被忽略。
关键在”对比”两个字:重的不是”深色的东西”,是”和周围差别大的东西”。
一块中灰色,放在白底上——很重。同一块中灰色,放在中灰底上——几乎消失。同一块中灰色,放在黑底上——又重了,而且这次它是”亮的那块”。
所以明度对比是双向的:比周围亮很多,和比周围暗很多,一样重。
还记得第 08 章我们立的那个立场吗——明度是老大,明度对比优先于色相对比。这里就是它的兑现:在所有重量因子里,明度对比的权重最高。 一个画面如果只有一块地方明度突出,那块地方就是唯一的重心,无论别的元素多大、多艳。
因子三:色彩饱和度。
高饱和更重。但这里有一笔很关键的账:饱和度的重量是”面积 × 饱和度”。
一小块荧光绿,可以压过一大片灰蓝。反过来说,一大片低饱和的莫兰迪色,虽然面积巨大,但重量并不高。
这就是为什么很多高级感的配色看着”轻”——不是因为颜色少,是因为饱和度的账被压低了。这也是为什么一个界面里只要出现一个高饱和的按钮,别的元素立刻全变成配角(这是好事,按钮本来就该是唯一的高饱和点)。
因子四:复杂度 / 细节量。
细节多的东西更重。机制很简单:你的眼睛每秒只跳三次,每次只采样一小块。一个充满细节的区域需要更多次采样才能”读完”,它占用的注意力预算更多。
所以同样大小的一块:纯色块轻,带纹理的重;一个简单图标轻,一张照片重;一片天空轻,一片树林重。
但这一条有个非常重要的附加说明,你必须记住:
复杂度带来的重量,在远看时会打折。
你眯起眼睛(第 01 章),细节消失了,那片树林塌缩成一块中灰的、没什么特别的色块——它的重量跟着掉了下来。而那块纯黑的方块,眯眼之后依然是纯黑。
所以:细节重量是”近看重量”,明度重量是”远看重量”。 这就是为什么有些图在电脑上看挺好的,缩小成缩略图就垮了——它的重量全靠细节撑着,细节一消失,画面就没重心了。
因子五:孤立程度。
周围越空,元素越重。第 12 章讲点的孤立性时已经铺垫过:视觉系统在做的是”统计背景、检测异常”,背景越干净,异常越响。
这一条的实用价值极高,因为它是最便宜的加重手段:你不用把元素做大、做艳、做复杂,你只要把它周围清干净。
反过来也成立,而且这是新手最常踩的坑:你为了”丰富画面”往元素周围塞东西,塞完之后主元素反而变轻了,因为它的孤立性被破坏了。你越想突出它,越把它埋了。
留白为什么是”重量的放大器”,就是这一条。第 16 章会专门展开。
因子六:位置。
同一个元素,放在画面不同位置,重量不一样。三条:
上方比下方重。 机制跟第一节讲的是同一件事——上方离”地面”远,看起来是”被托举着”的,被托举的东西不稳定,不稳定吸引注意。另外,上半视野的处理资源本身就少一些,一个刺激放在那里显得更”意外”。
右侧比左侧重。 这条弱一些,而且它主要是文化习惯:我们从左往右阅读,眼睛最终的落点在右边。落点上的东西会获得额外的注视时间。有研究指出,阅读方向会影响人的审美偏好——对于从小右到左阅读的人,这个倾向是反过来的。所以这一条不是生理硬约束,是习惯,强度有限。
边缘比中心重。 这条最强,也最有用,但它的机制跟前两条完全不同。
严格说,边缘本身不产生重量,边缘产生的是”力臂”。 一个元素离画面中心越远,它的力臂越长,它的力矩越大。这一条我们在第四节讲杠杆时会把它彻底算清楚。
另外还有一个独立的机制:元素越靠近边缘,它和边框之间那道空隙越窄。那道窄缝像一根被压缩的弹簧,会产生”挤压感”——你会觉得那个元素快要撞上边框了,或者快要跑出去了。这个挤压本身就是一种紧张,紧张吸引注意。
(注意一个反面情况:如果元素被边框切掉了一部分,它的重量反而会下降——因为它”完整度”被破坏了,看起来像是画面外更大东西的一角,而不是一个完整的对象。这个叫”出血”,裁切那章我们再细讲,详见第 26 章。)
因子七:方向性。
有指向的元素,会把重量甩向它指的方向。
哪种元素有指向?斜线、箭头、运动模糊、一个人的目光、一只手指的方向、一辆车的朝向、一串由大到小的排列。
机制是:你的大脑会自动预测”接下来会发生什么”。一个指向右边的箭头,会让你的注意力往右边移——重量不是停在元素身上,而是被甩到了它指的那一头。
这一条有个极其重要的设计后果:一个指向画外的元素,会把画面的重量往画外甩,画面会”漏”。 这就是为什么很多新手做的海报看着”不聚气”——画面里的人在看画外,观众的注意力跟着走出去了。
修法通常有两种:要么把视线方向改回画内(让人看向主信息所在的方向),要么在那个方向的对面加一个压住的东西。
因子八:熟悉度。
这一条最”不公平”,但力量最大。
人脸、眼睛、文字、手——这些东西自带重量,跟它们的尺寸、颜色、细节全都无关。
机制是:你的大脑里有专门的处理模块。人脸有专门的区域(梭状回面孔区),文字有专门的区域(视觉词形区)。这些模块是”快速通道”——它们的响应阈限极低,一点点刺激就能激活,而且激活之后会抢占注意力资源。
后果是什么?
- 一张人脸,哪怕只有几毫米大、哪怕在画面角落,也会成为重心之一。这就是为什么广告非要放人脸。
- 一个界面里一旦放了用户头像,别的元素全被压下去。
- 文字是最容易被低估的重量源。 一段小字,你觉得它”很小”,但它在观众眼里是一个个被识别的字,识别动作本身消耗注意力。所以”一小行字”比”一个同样大小的色块”重得多。
这一条解释了无数新手的困惑:“我把图片放得很大,为什么还是被旁边那行小字抢戏?“——因为那行小字是文字,文字自带重量加成。
好,八个因子讲完了。最后一条最重要的说明:
这八个因子不是相加,是叠加和相乘的,而且可以互相补偿。
一个元素可以很小、但极重(小 + 高饱和 + 孤立 + 是人脸)。 一个元素可以很大、但很轻(大 + 低对比 + 低饱和 + 纯色)。
这就是为什么你的直觉”我把它俩做成一样大,应该就平衡了”经常失效——你只对齐了一个因子,另外七个全没管。
我给你一个判断的土办法,不用算:
把画面眯眼看,然后问自己:如果这块画面是一块板,中间支一根棍,它会往哪边砸下去?
这个”往哪边砸”的感觉,就是八个因子综合之后的结果。你的身体比你的脑子更会算这个账。
三、平衡不是对称
现在讲平衡本身。
“导师,那我让画面左右对称,是不是就稳了?”
稳是稳了,但你可能付了一个很大的代价。
对称是平衡的一种,而且是最容易、最不动脑子的一种。 容易到什么程度?容易到观众一眼就能看出你没动脑子。
我先把三种平衡摆出来,你感受一下它们的区别。
第一种:对称平衡(镜像)。
左右两侧完全或几乎完全一样。
它传递什么?稳定、正式、权威、静态、仪式感、秩序。
凭什么?因为对称是自然界里”有意建造”的标志。生物的身体大致对称,但石头、云、树都不是对称的。所以对称读起来是”这是被设计过的、被控制过的”。控制感 = 权威感。
什么场合要它?证书、请柬、奖状、政府公文、银行、法院、宗教场所、奢侈品的正面——所有需要”庄重”和”可信”的场合。
代价是什么?
- 呆板。 对称的信息密度天然低,因为右边只是左边的镜像,没有新信息。
- 没有层级。 对称的两侧重量完全相等,观众的眼睛不知道先看哪边。
- 显得不用脑。 这句话听起来刻薄,但它是真的:对称是最容易达到的平衡,所以它传递的信号里有一部分是”这个人只会这一招”。
但对称不是低级,它只是专用。你去看奢侈品的正襟危坐的产品图、看一份正式的请柬、看教堂的正面——对称在那里不是偷懒,是仪式感本身。判断标准是对称是不是这个场合的正确语气,而不是对称本身好不好。
还有一个很微妙的坑:绝对对称会显得假。 自然界没有一个东西是完美对称的——人的脸左右就不一样。所以当一个画面完美到像素级对称时,会有一种说不清的”标本感”和”死板感”。你去看那些做得好的对称设计,几乎都在某个地方藏了一点点不对称——一个偏移的装饰、一个不在中轴线上的小字。那一点点不对称是”呼吸口”。
第二种:不对称平衡(秤砣)。
两侧不同,但重量相等。
这是最见功力的一种,因为它没有公式可套——每一次你都得自己估重量、算力臂、做取舍。
它的心理是什么?活泼、有主次、有判断力。 观众能感觉到”这个画面的每一处都是被考虑过的”,因为不对称的平衡不可能靠程序生成。
这一节的核心是:不对称不是”随便放”,不对称是”用一个小的远的东西,去撬一个大的近的东西”。具体怎么算,下一节专门讲。
第三种:放射平衡。
所有元素从一个中心向外发散,或者向内汇聚。
它的心理是:中心极重(因为所有的线都指向那里),动感极强,有扩张感或聚焦感。
自然界里到处都是:花、太阳的光芒、水波、蛛网、爆开的东西。
应用:爆炸贴、放射状菜单、聚光灯效果、聚焦式的海报、轮播的指示器。
要注意的是:放射平衡天然带张力,因为每一条放射线都是”正在发生”的方向线。所以它不适合需要安静的场合。
放射平衡还有个很容易翻车的点:它要求所有线真的指向同一个中心。如果有两三条线的汇聚点偏了那么一点点,观众会立刻感到”别扭”——因为放射结构对精度极其敏感,所有的线都在给同一个答案,只要有两条给的答案不同,整个结构就崩了。所以放射平衡要么做得很准,要么干脆别做。
(补充一个变体:向心式。元素不是从中心发散,而是从四周边缘往中心汇聚——最典型的是四条边各有一个元素指向中心,或者一圈元素围着一个主角。它的中心极重,是制造”焦点”最狠的手法,很多海报的主体人物就是用一圈配角围出来的。)
最后我要提第四种,它不是平衡,是失败的平衡,但你必须认识它:
均匀式(all-over):到处都一样重。
没有主次,没有中心,每个角落都有差不多重量的东西。
这不是平衡,这是没做决定。观众的眼睛进去之后无处可去,会随机地跳来跳去,跳两下就走了。
新手很容易掉进这个坑,因为”到处都填满”看起来很”充实”。但充实和平衡是两回事——平衡是关于关系的,均匀是关于放弃关系的。
“所以我到底该用哪种?”
问一句就够了:这个画面要传递什么情绪,以及它要被人看多久。
要信任、要庄重、看三秒?对称。 要有主次、要活泼、看十秒?不对称。 要有能量、要聚焦、要爆炸感?放射。
答案是先有”要什么”,再选手段。顺序反了,你做的就只是”把东西摆上去”。
四、杠杆:小的远的东西,能撬动大的近的东西
这一节是这一章最硬、最能立刻上手的部分。
先把公式摆出来,别怕,它只有三个字:
重量 × 力臂 = 力矩。
- 重量:这个元素有多吸引注意力(八个因子综合出来的那个感觉)。
- 力臂:它到画面支点(光学中心)的距离。
- 力矩:它对画面平衡的”影响力”。
平衡的意思就是:支点两侧的力矩之和相等。
就这么简单。你现在就能算。
我给你一个例子。
一个横向的版面,支点(光学中心)在正中偏上。
- 左边:一块很大的浅灰色文字块。它面积大(重),但明度对比弱、无饱和、无细节(轻)。综合下来你给它打 5 分。它在支点左边 2 格的位置。力矩 = 5 × 2 = 10。
- 右边:一个很小的黑色方块。它小(轻),但纯黑、孤立、周围很空(重)。综合下来你给它打 2 分。它在支点右边 5 格的位置,快到画面边缘了。力矩 = 2 × 5 = 10。
平衡了。 一个只有对方五分之一重的小黑块,靠”站得远”,稳稳地顶住了那块大得多的灰字。
这就是秤砣。这就是这一章标题里那三个字。
“导师,这个 5 分 2 分是我瞎打的吧?”
是估的。但估就够了——你不需要精确,你需要的是可比。 你只要能说出”A 比 B 重一点""这块比那块重得多”,就能做出正确的调整方向。设计的调整从来不是一次到位的,它是”调一下,看一眼,再调一下”。估重给你的是方向,不是答案。
好,现在给你一套可以直接执行的六步思考法:
第一步:定支点。 一般就是光学中心(几何中心略上方)。如果你的画面有明显的主元素,且它是居中偏上的,支点就是它。
第二步:找出最重的两三个元素。 注意是”最重的”,不是”最大的”。这时候眯眼法很好用——眯眼之后还立得住的那几块,就是真的重。
第三步:给它们估重量,量力臂。 重量用 1-10 的相对分。力臂用”离支点几格”这种粗粒度,别用像素。
第四步:算力矩,看哪边大。 如果差距在一倍以内,画面基本能站住。如果差到两倍以上,你会明确地感觉到它”歪”。
第五步:选调整手段。 你有四种:
- 调重量:放大/缩小、加深/减淡、加饱和/降饱和、加细节/简化、加留白/压缩留白。
- 调力臂:挪远/挪近。这是最省事的手段,因为它不改变元素本身。
- 加第三方:在轻的一侧加一个小的、站得远的元素。这是”补秤砣”。
- 减重:把重的一侧打散、降对比、拆成几个小的。这一手最被低估——新手总想着”加”,但减重往往更干净。
第六步(最重要的一步):先问”哪边该重”。
这一步必须放在最后,因为它否定了前面所有步骤的前提。
不是所有画面都该 50/50。 事实上,绝大多数好画面是故意不平衡的。
你想让主信息占 70% 的重量,那就让配角占 30%——但你要让那 30% 站得足够远,画面才不翻。这就是有主张的不平衡:我把重量押在这边,而且我让你看得出来我是故意的。
判断标准很简单:如果我故意让它重,观众会觉得”重点突出”;如果我是失手让它重,观众会觉得”歪了”。 而区分这两者的,是别处有没有”补偿”——主信息重,但配角站得远、位置关键、或者有一个明确的对齐关系把它拽住,那是有意;主信息又重、配角又挤在角落、四角全空,那是失手。
最后讲一个最常见的失败,你一定犯过:
把小的东西也放在中间。
新手做完大元素,觉得”这边还有点空”,于是把小元素也放在大元素旁边——结果所有元素全挤在支点附近,四个角全空着。
这种画面的力矩全是零(因为力臂短),但它看起来像一块中间沉下去的布:中间一堆,四周飘着。问题不在于两边不平衡,在于根本没有杠杆可用。
修法:把小的东西推到边上去。 推到角上,推到边缘,让它离支点远一点。它不需要变大,它只需要站远。
五、张力:故意制造不平衡
现在讲这一章标题里的另一个词。
张力,就是故意的、被控制的不平衡。
它跟”失衡”的区别不在形式上,在意图上。形式上它们可能一模一样——都是画面里有一股没被解决的力。区别在于:失衡是你没算清楚,张力是你算清楚了然后选择不解决它。
“那我怎么区分一个画面是’有张力’还是’失衡’?”
我给你一个非常管用的判断方法,就一个动作:
把那个制造不平衡的元素遮住,看画面变成什么样。
- 如果遮掉之后画面变完整了、变舒服了、什么都不缺了——那是失衡,是事故。 那个元素本来就不该在那儿,或者该换个地方。
- 如果遮掉之后画面变空洞了、变无聊了、少了点什么——那是张力,是设计。 那股”没被解决的力”正是这个画面的价值所在。
这个方法我在第 01 章讲过类似的(遮掉主信息看画面还成不成立),原理相同:判断一个元素是不是必要的,就把它拿掉看后果。
好,那张力从哪来?四种来源。
来源一:位置张力。
元素靠近边缘、快要出画、被边框切掉一部分、或者和边框之间只剩一道危险的窄缝。
机制:越靠近边界,越像”即将发生的事”。观众会本能地担心它掉出去,或者好奇画外还有什么。
来源二:方向张力。
强烈的斜线、指向画外的视线、运动模糊、速度的暗示。
机制:你的大脑在预测轨迹,而预测没有落点。一条斜线从左上冲向右下,冲出画面——那股冲劲留在了画面里。
来源三:尺度张力。
极端的大小对比。一个巨大的东西 + 一个极小的东西,中间没有过渡。
机制:尺度对比本身就是一种冲突。巨大的东西让你感到压迫或被包容,极小的东西让你感到孤独或精致。两个同时出现,感受被撕裂。
来源四:冲突张力。
两个元素互相侵犯:重叠了一点点、挨得极近却没有对齐、中间夹着一道尴尬的窄缝。
机制:这是最”难受”的一种张力,因为它触发的是”应该对齐却没对齐”的强迫症。第 01 章讲过,倒过来看最容易暴露这一类。
注意:冲突张力是最容易变成事故的。 位置张力和方向张力即使失手,也常常还能看;而”差一点点没对齐”这种,一旦是无意的,就纯粹是破绽。
好,现在是最重要的问题:什么时候要张力,什么时候不要?
先看要的。
要张力的场合:运动品牌、音乐节、赛车、极限运动、电影海报(尤其是悬疑和动作片)、新闻报道、需要三秒内被人注意到的 Banner、时尚大片、游戏宣传。
共同点是什么?它们要的是”能量”和”被注意”。 张力制造的是一股没释放的力,这股力会让观众停下来——而停下来正是这些画面的目的。
再看不要的。
不该有太多张力的场合:银行、保险、医疗、政务、法律、税务、B 端后台的仪表盘、需要长时间阅读的文档、面向老人和儿童的产品、严肃的招聘页面。
共同点是什么?它们要的是”信任”和”可久留”。
这个区别我要讲透,因为它是这一章最值钱的判断之一:
张力是一种”未解决的紧张”。未解决的紧张会让人待不住。
你坐在一把微微摇晃的椅子上,你可能说不出哪里不对,但你会想快点离开这个姿势。画面也一样——一张有明显张力的图,观众会看一眼、感受到那股力、然后走开。它抓人,但不留人。
而银行、医院、政府网站需要的是什么?是”你可以放心地在这里待十分钟”。信任感的视觉基础是”稳定、可预测、没有意外”。 所以这些地方的元素几乎全是水平线、垂直线、对称或接近对称的布局、元素往中心收、四角干净、低饱和、没有任何东西快要出画。
你去看看任何一个银行的 App 首页,它一定是”稳”的,甚至有点闷。那个闷不是水平不够,是需求就是闷。
最后补一条,这条经常被忘:
张力必须被接住。
一个有张力的元素,需要另一个东西把它承托住,否则它就只是”要倒”。
一条强烈的斜线冲下来,下面需要一个水平的东西接住它——一条底线、一行压在底部的字、一块稳稳的色块。电影海报里那些倾斜的人物,底下永远有一行稳稳压住的主演名单或者一条深色地带,就是这个道理。
张力 + 承托 = 戏剧性。张力 - 承托 = 要翻车。
六、怎么判断一个画面平不平衡
物理直觉不是人人都准,尤其是看自己的作品时(你知道自己想表达什么,所以你”脑补”了平衡)。我给你五个可操作的检验方法。
方法一:物理法。
闭上眼,想象这块画面是一块有厚度的板,中间偏上支一根棍。松手。它往哪边砸下去?
这是最快、也最准的方法,因为它调用的是你一辈子的重力经验。要注意的是:做完设计先别急着用这招,最好隔几个小时或者第二天再看——刚做完的时候你的记忆会干扰判断。
方法二:眯眼法(第 01 章)。
眯掉细节,只剩大块的明暗和面积。
这个方法的特殊价值在于:它会把”复杂度”这个因子的权重砍掉。 眯眼之后,一片细节丰富的树林会塌缩成一块普通的灰,它的重量大幅下降;而一块纯黑的方块岿然不动。
所以眯眼法检验的是远看重量——也就是观众第一眼看到的那个平衡。这是最重要的一种平衡,因为大部分人看你的作品只有第一眼。
如果眯眼时平衡、睁眼时不平衡,说明你的问题出在细节层(某个元素细节太多、太跳)。 如果睁眼时平衡、眯眼时不平衡,说明你的大关系有问题(这个更严重)。
方法三:旋转法 / 倒过来看(第 01 章)。
把画面旋转 180 度。
它的特殊价值在于:它会切断”熟悉度”这个因子。 文字不认识了,人脸看不出是人脸了,箭头也认不出来了——这些原本很重的元素,重量会大幅掉下来。
所以倒过来看能暴露一件正着看永远看不出的事:你的画面到底是靠”形式”平衡的,还是靠”内容”撑着的。
如果倒过来之后画面明显歪了,说明你的形式层面(大小、位置、明暗)本来就是失衡的,只是被内容的熟悉度掩盖了。这种失衡在观众不熟悉你的内容时(比如外国人看你的中文海报)会完全暴露。
方法四:镜像法。
水平翻转画面。
这个专门用来检查左右重量。你看久了一个方向之后会”习惯”它,习惯之后就看不出偏了。翻转之后习惯被打破,左边沉还是右边沉会立刻显出来。
同理,垂直翻转能检查上下重量(不过上下的判断用物理法通常就够了)。
方法五:四角检查。
单独看画面的四个角。
- 四角全空 → 中心沉,画面像中间塌下去(这是新手最常见的毛病,回想第四节末尾)。
- 某一个角特别重 → 画面像被钉住了一角,会往那个方向拽。
- 对角有呼应(左上和右下都有点东西)→ 通常是最舒服的,因为对角线是最长的力臂。
方法六:遮挡法。
逐个遮住元素,看画面还成不成立。这个方法第 01 章用过,第 5 节讲张力时又用过一次——它是个万能工具:任何你拿不准该不该留的元素,遮掉看看。
七、跨场景:重量账怎么算
我把这套算法放到四个场景里,每个都写清楚画面里有什么、重量怎么分布。
场景一:一张悬疑片海报。
画面内容:整体是深蓝黑的暗调。左下方是一个男人的背影,占了画面高度的五分之三,从画面底部往上长,颜色是中深灰,衣服上有明显的褶皱和纹理。他面朝画面右上方,视线指向画外。画面的右上区域是几乎全空的深色,在这个区域靠右上的位置,有一行白色的片名,字号不大(大概只有画面宽度的四分之一),字距略宽。画面最底部有一条深色的地带,里面排着三行很小的演职员表,颜色是浅灰。右下角有一个橙色的分级标识,非常小。
重量账怎么算:
- 男人背影:面积大(+尺寸)、细节多(+复杂度)、明度中等(对比不算强,−明度)、在最左边(力臂长)。综合下来它是全画面最重的元素,力矩很大。
- 白色片名:很小(−尺寸)、但纯白配深底(++明度对比)、周围大片空白(++孤立)、在最右上(++力臂)。它的绝对重量只有男人的五分之一,但力臂是男人的两倍多,力矩刚好抵住。
- 底部演职员表:一条浅灰的横带,面积不大、对比不强,但它横贯整个画面宽度,而且压在最底部——它干的是”压舱石”的活,把整个画面的重心往下拽住,防止上面飘。
- 橙色分级标:极小、但高饱和(+饱和度)、孤立。它是一个小小的秤砣,专门用来平衡左下那一大团。
张力在哪? 男人的视线指向画面右上方,而右上方正是片名所在——视线把重量”甩”向了片名,同时又指向画外。这个设计故意让一股力往外漏,观众会觉得”他在看什么”,这个追问就是悬疑感的来源。如果让他看向画内,海报立刻变成一张普通的人物照。
场景二:一个 SaaS 产品的官网首屏。
画面内容:白色背景。左侧是主标题(三行大字,深灰)、副标题(一行中号字,浅灰)、下面一个橙色按钮(中等大小,上面有白色文字)。这三样靠在一起,占据画面左半边偏中间的位置。右侧是一张产品界面的截图,占了右半边大概百分之四十五的宽度,截图本身是白底、浅灰边框、里面有彩色的图表。
“导师,这个我一眼就觉得右边重。右边那张图面积大得多啊。”
是吗?我们算算。
- 右侧截图:面积确实大(+尺寸),细节也多(+复杂度)。但——它的底是白的,和页面的白底几乎连成一片(−−明度对比);它的边框极浅;它的内容是界面截图,虽然细节多但整体是浅色调的。所以它的”对比重量”其实不高。它的力矩是:中等重量 × 中等力臂。
- 左侧文字块:面积中等,但它是文字(+熟悉度),而且是深灰配白底(+明度对比),加上一大块留白包围(+孤立)。它的重量其实比看起来高。
- 橙色按钮:极小,但高饱和(++饱和度)、有文字(+熟悉度)、周围留白(+孤立)、而且在左侧偏下的位置。它是全画面按重量密度算最重的元素——单位面积的重量最高。
结果:左边靠着”文字 + 对比 + 高饱和按钮”撑起足够的力矩,右边那张虽然大但”虚”的截图刚好配平。
这个案例的价值在于它推翻了一个直觉:面积大不等于重。 明度对比和饱和度在重量账里的权重比尺寸高。你做界面时把一张大图放上去觉得画面失衡,多半不是因为图太大,是因为图的明度太跳——把图的对比降下来,或者给它加一圈浅灰背景让它和外面的白底分离,问题常常就没了。
场景三:第 12 章那张海边照片。
我把上一章那个例子拿回来,这次算重量。
画面:上三分之一是均匀淡灰蓝的天空,中间三分之一是被一条完全水平的海平线切出的海面,下三分之一是深色礁石。右侧三分线附近站着一个穿黄色雨衣的人,尺寸只有画面高度的十二分之一。
- 暗礁:面积大(+尺寸)、深色调(+明度对比)、边缘锋利细节多(+复杂度)、在左下角(++力臂)。它是全画面力矩最大的元素。
- 穿黄雨衣的人:极小(−−尺寸),但是——高饱和的黄(+++饱和度,而且是整片蓝灰里唯一的暖色)、周围全是空的海(+++孤立)、是人(+++熟悉度,而且人脸和身形会激活专门的识别模块)。
结果:这个小点,靠三个因子的加权,把重量放大到了足以抵住那一大堆礁石。
这就是为什么他必须在那个位置:
- 放在正中间 → 孤立性归零,重量暴跌,画面左下立刻翻。
- 穿灰色雨衣 → 饱和度因子归零,重量不够,画面还是会翻。
- 再大一点 → 不孤立了,而且”人”这个元素太大会变成主体,海的辽阔感没了。
这就是秤砣的教科书:不是靠大,是靠准。
场景四:一个银行 App 的首页。
画面内容:顶部是深蓝色的状态栏区域,下面是白色卡片区。卡片区里,最上面是余额(大号深色数字),中间是四个等距排列的功能图标(转账、理财、信用卡、生活缴费),每个图标下面是四号灰色小字。再下面是两三个横向的推广卡片,圆角、浅灰底。底部是四个 tab。整体左右几乎对称,所有的分隔都是水平线。
我们只看”它为什么稳”:
- 没有斜线。 所有分隔都是水平线(水平 = 稳定,第 12 章讲过)。
- 元素往中心收。 四个图标等距、居中排列,重心在画面的中轴线上,力臂对称抵消。
- 四角干净。 没有哪个角有重元素在拽。
- 零张力。 没有元素靠近边缘、没有东西被裁切、没有人脸(用图标而不是真人照片)、没有指向画外的方向线。
- 低饱和。 主色是深蓝,辅助是灰和白,只有一个橙色的小提示点。
这个画面的目标紧张度是零。 它要的就是”什么都不发生”。任何一点张力在这里都是 bug。
反过来说:如果你给这个页面加了一个倾斜的促销飘带、一张真人笑脸、一个快要出画的红包图标——它的”可信度”会立刻掉一截,哪怕用户说不出为什么。
最后一个场景,我把它单独拎出来说,因为它推翻了前面所有东西:
场景五:货架上的一包咖啡。
上一章讲过,包装在货架上的关键尺度是”点”级别——1.2 米外,你的包装缩成一小块色块,周围站着十八个竞品。
在这个场景里,“画面内部的平衡”根本不重要。 观众根本看不见你内部的平衡,他看见的是一整排色块。
这时候你要的平衡,是上下文中的平衡:在这一排里,我的重量是不是比别人大?我是不是那个异常值?
这是一个非常容易被忘掉的事实:你的作品几乎从来不是被单独观赏的。 你的海报旁边贴着三张物业通知;你的推文在信息流里夹在二十条别的内容中间;你的 App 图标旁边是八十个别的图标。
所以最后一步永远是:把它放回它真正所在的那个环境里,再看一眼。
心法
这一章的心法,我想讲的是一句话:平衡是手段,不是目的。你要的是恰当的紧张感。
学完这一章,最常见的副作用是:你开始追求平衡了。你会拿着力矩公式去量每一个画面,看到哪边沉了就想补个秤砣。
这个想法是错的。或者说,它只对了一半。
我给你一个类比。
完全平衡的画面,是一段持续不变的和弦。它不难听,但它也不动人——它什么都不解决,也什么都不期待。
而音乐之所以动人,靠的是”紧张—解决”的循环:一个属七和弦制造紧张,然后回到主和弦解决它。听者的快感来自那个”终于落地”的瞬间。没有前面的紧张,后面的解决毫无意义。
画面完全一样。一个处处平衡、哪哪都稳的画面,是一潭死水。观众的眼睛扫一遍,确认”没有意外”,然后就走了。它什么都没给你留下。
所以真正的问题从来不是”这个画面平衡吗”,而是:
这个画面,需要多紧张?
而”多紧张”这个答案,由两件事决定。
第一件:这个画面要被人看多久。
看三秒的东西(电梯海报、信息流里的图、Banner),需要高紧张度——你得用张力把它从一堆东西里拽出来,三秒内抓不住就永远抓不住了。这时候平衡是次要的,甚至是有害的。
看三分钟的东西(一份报告、一个后台系统、一篇长文、一份合同),需要极低的紧张度——任何没被解决的力都会让读者疲劳,读三行就想关掉。
第二件:你希望观众看完之后带着什么情绪离开。
兴奋、冲动、好奇、期待、不安?——加张力。 安心、信任、被照顾、确定、专业?——减张力。
你看,这两件事一问,答案就出来了。而”平衡不平”这个问题根本不在链条上——它只是实现目标紧张度的一个手段。
所以完整的判断链是这样的:
这个画面的任务是什么 → 目标紧张度是多少 → 用什么平衡策略(对称 / 秤砣 / 放射)→ 要不要加张力、加在哪、怎么接住它。
顺序不能反。反了你就变成”我在做平衡”而不是”我在做设计”。
好,我还要讲一层,这一层更深。
视觉重量是可以”赊”的。
什么意思?你可以让一个单独的画面不平衡,只要观众的注意力在接下来会走到一个”解”上。
一个翻页的 PPT,第一页可以故意右边沉——只要第二页左边沉,两页连起来是平衡的。 一个长图 H5,上半部分可以故意重心偏上——只要往下滚会看到压舱的部分。 一本画册的跨页,左页可以空着——只要右页撑得住。
这叫连续平衡。 它的前提是”观众会看下去”。如果你的画面是独立的、观众随时会走,那就不能赊——必须在单幅内解决。
反过来,这也是为什么很多”系列海报”拆开看有点怪,摆在一起却很好——它们本来就是按一组来设计的,单张的不平衡是故意的。
第三层,也是我最想让你记住的一层:
平衡永远是在”上下文”里判断的。
我上一节末尾说了,你的作品从来不是被单独观赏的。这里我要把它推到底:
- 你的海报在电梯里,旁边是三张物业通知和一张通缉令。
- 你的推文在信息流里,上下是两条视频和一条广告。
- 你的包装在货架上,左右各有九个竞品。
- 你的 App 图标在桌面上,周围是八十个别的图标。
在这些环境里,“我的画面内部平衡”这个问题的优先级,远低于”我在这个环境里跳不跳得出来”。
一个内部完美平衡、但在货架上一片灰扑扑的包装,是失败的设计。一个内部有点失衡、但在电梯里三米外就能被认出来的海报,是成功的设计。
所以我的建议是:先做内部平衡(这是基本功,它决定你的东西”对不对”),再做环境突围(这决定你的东西”有没有人看”)。 两步都要,顺序不能乱。只会第一步的人做出正确的垃圾,只会第二步的人做出吵闹的垃圾。
最后,我跟上一章勾一下。
还记得上一章开篇那个问题吗——“为什么加了一堆装饰还是不好看”?
现在你有第二个答案了。第一个答案是”那些装饰不承担点线面的职能”。第二个答案是:
你加的那些装饰,在不该有重量的地方加了重量,把你原本调好的秤给压翻了。
你原来的画面是平衡的,主次是清楚的。然后你”觉得右下角有点空”,加了个渐变色块——那个色块有面积、有明度、可能在角上(力臂长),它一进场,右下角的力矩暴涨,画面当场翻车。
你为了”填补空白”做的事,恰恰是破坏平衡的事。因为空白从来不是”没有东西”,空白是天平另一端的那个零。
所以设计里最反直觉的一条操作是:觉得空的时候,第一反应应该是”看一眼天平”,而不是”加个东西”。
你带走的那句话是:平衡不是让天平归零,是让你知道天平现在偏了多少、以及你为什么允许它偏。
小结
这一章我们回答了”画面凭什么站得住”。
先厘清了三件被混为一谈的事:几何中心和光学中心不是一回事(光学中心略高,因为下边缘被当成地面);“说不出往哪边歪”通常不是偏了,是缺参照;而真正让画面站不住的,是重量。
视觉重量不是物理重量,是”吸引注意力的能力”。它来自八个可以互相补偿的因子:尺寸(而且是相对的)、明度对比(权重最高)、饱和度(面积 × 饱和度)、复杂度(但远看会打折)、孤立程度(最便宜的加重手段)、位置(上重、右重、边缘力臂长)、方向性(会把重量甩出去)、熟悉度(人脸和文字自带加成)。
平衡有三种:对称(稳但呆,且绝对对称显得假)、不对称(秤砣,最见功力)、放射(动感强,天然带张力)。判断和调节的核心是杠杆——重量 × 力臂 = 力矩,小的远的东西能撬动大的近的东西,而最省事的调整手段永远是”挪远”而不是”加大”。
张力是故意的、被控制的不平衡。判断它是设计还是事故,遮住那个元素看画面变完整还是变空洞。动态的、要抓人的画面需要张力;静态的、要信任感的画面不该有张力。而张力必须被接住,否则就只是要翻车。
你带走的一句话:平衡是手段,你要的是恰当的紧张感。问”这个画面需要多紧张”,比问”这个画面平衡吗”有用一百倍。
下一章我们讲对比——它是几乎所有设计问题的解药,也是这一章所有重量操作的底层燃料。
【思考题】
-
找一个你认为”看着很稳”的画面和一个”看着有点晃”的画面。分别说出:稳的那幅,重量主要落在哪几个元素上,它们是怎么互相抵消的;晃的那幅,是哪一侧力矩大了,你打算用什么手段修(调重量、调力臂、加第三方、还是减重)。
-
为什么银行的 App 首页几乎都是对称、水平、低饱和、没有人脸的?请从”目标紧张度”的角度回答,而不是从”这样好看”的角度。然后再回答:如果一家银行想让自己显得”年轻、有活力、面向年轻人”,它可以在哪些地方加张力,同时又不丢掉信任感?
-
一个元素被放在画面正中央。列出至少三种让”它看起来不是正中央”的原因。注意,其中至少两种不能是”它其实没对齐”。
-
有人说:“我把两个元素做成了一模一样大、一模一样颜色,那它们肯定一样重。“请举出至少三种让这句话失效的情况,并说明每种情况下是哪些因子在起作用。
-
你在一张海报上加了一个装饰元素之后,画面反而变差了。除了”这个装饰本身不好看”,请从重量的角度给出至少两种解释,并说明你会怎么验证到底是哪一种。
-
找一张你觉得很有张力的图(海报、照片、电影画面都行),指出那股张力来自哪(位置、方向、尺度、还是冲突),然后找出画面里”接住”这股张力的那个东西。如果你找不到接住它的东西,说说看这张图给你的感觉是”有张力”还是”要翻车”。
【参考答案】
-
这道题的重点不在”找出重量”,在于你能不能说出抵消关系——也就是”谁配谁”。
稳的画面通常具备这两种结构之一:要么是力臂对称(左右两侧有重量相当、距离相当的元素,像天平两端放着等重的砝码);要么是秤砣结构(一边大而近,另一边小而远)。后者更常见,也更难,因为它是”不等量”的平衡。
修”晃”的画面时,选择哪种手段有讲究:
调重量最直接,但代价大——你要改变元素本身(放大、加深、加细节),这会连带影响层级和其他关系。 调力臂最省事——挪一挪位置,元素本身不变,风险最小。所以它是第一选择。 加第三方是补秤砣,适合”轻的那一侧实在没东西可用”的情况,但你要小心:加进来的东西必须承担某个职能(第 12 章),否则你只是把噪音换了个地方。 减重最被低估,也往往最正确。很多时候”这边沉了”的真正原因是重的一侧太啰嗦——细节太多、对比太跳、塞了三件事。减掉三分之一,比在另一边加东西干净得多。
我的默认顺序是:先试减重,再试挪位置,最后才考虑加东西。
-
银行的画面,目标紧张度是零。
因为它的核心诉求是”你可以放心地把钱交给我们,并且你会在这里待上十分钟”。信任感的视觉基础是”稳定、可预测、没有意外”——所以对称(没有哪边在拽你)、水平线(没有东西在倒)、低饱和(没有东西在喊)、四角干净(没有东西在往外跑)、没有人脸(避免熟悉度因子制造不受控的重心)。
想显得年轻又不丢信任,正确的做法是把张力控制在”局部”和”可控”的范围内,而不是整体放松:
- 在配色上加,在结构上不加。 用一个明亮的辅助色(比如亮青或亮橙)做小面积点缀,但整体结构保持对称和水平。饱和度可以高,只要面积小,总重量就可控。
- 在插图里加,在布局里不加。 用有动感的插画(斜线、人物、运动的姿态)替代纯色块,但插画被关在一个规整的圆角卡片里——卡片是”容器”,它接住了插画的张力。这一手非常常见:动的内容,静的框。
- 在滚动/交互里加,在静态里不加。 首屏保持稳,往下滚的时候用视差、动效制造活力。动静分离。
- 绝对不能动的是什么? 数字和按钮。金额、余额、确认按钮这些地方必须零张力——它们是”信任的锚点”,哪怕有一点点晃动感,用户的潜意识都会警觉。
-
三种原因:
第一,光学中心。 几何中心的下方在感知上”更满”,所以放在几何正中的东西看起来偏下。这是生理层面的,上一节讲过。
第二,它被别的东西”推”了。 哪怕画面里只有另一个很小的元素,只要那一个元素够重(高对比、孤立、是人脸),它就会成为参照,主元素和它之间的关系会被读成”偏了”。这不是位置问题,是参照系问题——你以为是位置错了,其实是缺参照或者参照太强。
第三,它自己不对称。 一个元素即使它的”外框”在正中间,它的视觉重心也可能不在中心。比如一个左半边密、右半边疏的图形,外框居中时看起来是偏右的(因为重量集中在左半边,把整体往左拽,于是右边显得空)。文字尤其明显:一行字里面有一个特别大的字,整行看起来就不在中间了。量的是外框,看的是重量分布,这两者经常不一致。
还有一种常见情况:画面本身有隐形的”势”。 一条斜穿画面的线、一个从边缘伸进来的元素、一段渐变,都会制造方向性,让居中的元素看起来被推向某个方向。
-
这三种情况都能让”一样大、一样颜色”失效:
一是孤立程度不同。 一个周围大片留白,另一个紧挨着三个别的元素。前者会明显更重——因为背景的统计规律被破坏得更彻底。
二是位置不同(力臂不同)。 一个在画面中心附近,一个在角落。即使重量完全相同,角落那个的力矩大得多,画面会明显往那边倾。这是最容易骗过新手的一条:你量了大小、对了颜色,唯独没算力臂。
三是熟悉度不同。 一个是色块,一个是同样大小的人脸或一行字。人脸和文字自带加成,会明显更重。
还有第四条:明度对比不同。 两个颜色一样、大小一样的元素,一个放在白底上、一个放在灰底上,它们跟背景的明度差不一样,重量就不一样。这一条最容易被忽略,因为你会说”它们颜色明明一样”——重量看的是差,不是值。
-
两种重量角度的解释:
第一种:它加在了长力臂上,力矩暴涨。 装饰很小,但被你放在角落或者边缘——力臂一长,它的影响力远超它的体量。你把画面压翻了。验证方法:把这个装饰挪到靠近中心的位置,如果画面立刻顺眼了,就是这个原因。
第二种:它破坏了主元素的孤立性。 加装饰之前,主元素周围是干净的,它是全画面唯一的异常点,很重。加完之后,主元素旁边多了个东西,孤立性被稀释,主元素反而变轻了,层级塌了。验证方法:把装饰挪到离主元素很远的地方(比如对角),如果画面变好了,就是这个原因。
还有第三种可能:它引入了一个比主元素更重的因子——比如装饰是高饱和的(主元素是灰的),或者装饰里有文字、有人脸。这种情况下装饰会直接抢走重心。验证方法是把装饰去色,看画面是否恢复正常。
这三种的修法完全不同:第一种要挪近,第二种要挪远,第三种要降它的重量。所以”试一下”之前先判断是哪一种,能省你半小时。
-
这道题的关键在于后半部分——找”接住”张力的那个东西。
常见的接住手法有这几种:
底线接住: 斜线冲下来,画面底部有一条水平的东西(一行小字、一条深色地带、一个横贯的色块)把它兜住。电影海报里最常见。 对角的反向力: 元素往右上冲,左下角就有一个压住的重块。两个方向的力互相咬住。 边框接住: 张力元素快要出画,但边框把它切住,那一刀本身就是一个”终止”,让运动停在画面里。 视线接住: 画面里另一个元素在看那个张力制造者,或者张力制造者的视线指向画面内的某个东西——指向画内就不会”漏”。
如果你实在找不到接住它的东西,那这张图给你的感觉多半不是”有张力”,而是”不太对劲”,只是你之前把它归到了”有个性”那一类里。这两者的区别很微妙,但很真实:有张力让你想继续看,要翻车让你想移开眼。
反过来,最值得学习的是那种”张力很强但一点都不难受”的图——你几乎总能在里面找到一个不起眼的水平元素,它就是那个接住一切的东西。
【动手练习】
-
力矩估算训练:给三个画面的重量打分
找三张构图差异明显的图(一张对称的、一张明显不对称的、一张你觉得有点失衡的)。对每一张做:
- 标出支点(光学中心)
- 圈出最重的三个元素,给每个打 1-10 的重量分,并写下”它靠哪几个因子变重的”
- 量每个元素到支点的大致距离(用”几格”这种粗粒度)
- 算力矩,判断画面往哪边倾
自评标准:对那张”明显不对称但很好看”的图,你必须能找出至少一对”小而远配大而近”的组合。如果找不出来,说明你还没真正看见秤砣,回去重新估——注意那些很小但高饱和、或者很小但周围很空的元素,它们往往就是秤砣。
-
四步修图:把一个失衡的画面调平衡
找一张你自己做过的、觉得”说不出哪里不对”的图。依次做四件事,每做一步就停下来看一眼:
- 第一步:眯眼,判断哪边重
- 第二步:试”减重”——把重的那一侧删掉一个元素、或降低它的对比、或缩小它
- 第三步:如果还不平衡,试”挪远”——把轻的那一侧的某个元素往边缘推
- 第四步:如果还不行,才考虑加东西
自评标准:合格的作业应该在第二步或第三步就解决问题。如果你一路做到第四步才勉强平衡,多半说明你第一步的判断(哪边重)是错的,回去重新眯眼看。另外记录一下:你一共动了几个元素?动得越少越好——高手往往只动一个。
-
紧张度标定:给十个画面排序
收集十张图(从银行官网、儿童产品、运动品牌、电影海报、音乐节、政府网站里各找一两张),把它们按”紧张度”从低到高排一个序,并为每一张写一句话说明”它为什么在这个位置”(必须落到形式要素:有没有斜线、有没有元素靠近边缘、饱和度如何、四角干不干净、有没有人脸)。
自评标准:排序的两端必须是你最确定的(最不紧张的一定是银行/政府类,最紧张的一定是音乐节/极限运动类)。中间几张的顺序可以争议,但每一张的”理由”必须是可验证的形式描述,不能是”感觉它比较活泼”。做完之后,对照每张图的实际用途想一想:它的紧张度和它的用途匹配吗?有没有哪张是错配的(比如一个医疗产品用了音乐节的紧张度)?能找出一处错配,这个练习就值了。