「好看」的一百种具体说法
你对 AI 说「好看一点」,它只能猜;你说「信息密度加一档、视觉噪音降下来」,它立刻知道该动哪里。这一节给你十二个能直接用的审美词、一套拆解一切视觉差异的八变量,外加一台把抱怨翻译成术语的机器。
「好看一点」交出去,AI 只能猜:猜你要加渐变,猜你要换字体,猜你要堆动效。「信息密度加一档,视觉噪音降下来」交出去,AI 立刻知道该动哪里:多放两组数据,砍掉一半徽章。词汇是判断力的容器:装得下「视觉噪音」这个词,你才留得住「这页面哪里不对」的那个直觉。
单位面积里装了多少有效信息。密度低是在浪费读者的屏幕;密度高但没层级,才叫挤。
与信息无关的装饰量。徽章、角标、分割线、多余的颜色,都是噪音。
内容和边界、内容和内容之间的空隙。空隙也是设计,挤掉它,内容会打架。
谁最重要,谁最显眼。字号、字重、颜色三根杠杆,一次只捧一个主角。
元素抢注意力的能力,由大小、颜色深浅、实心程度决定。重的名额要留给主操作。
相关的靠近,无关的离远。距离本身就在传递分组信息。
文字和背景拉开多少差距。灰得优雅和灰得看不清,隔着一条可读性的线。
元素的边缘落在同几条隐形直线上。对齐是免费的秩序感。
一个颜色拆成三个旋钮:色调 H 管它是什么颜色,饱和度 S 管它有多鲜艳,色值 V 管它有多深。About Face 4 建议设计师把三个旋钮分开考虑,跟 AI 调色也一样,按旋钮说,别整体抱怨「颜色不好看」。
取值天生分大小的视觉属性。大小、色值、位置有序,适合表达层级、数量、顺序;色调、形状无序,只能管分类。出自 Bertin《图形符号学》,About Face 4 沿用了这套判断。
元素外观发出的「怎么操作我」信号。凸起、阴影、纹理都在说能点能拖;信号乱发,读者就会去点点不动的东西。About Face 4 提到纹理很少用来做对比,本职就是当能供性信号。
眯起一只眼看屏幕:谁还跳得出来,谁糊成一团,谁自动聚成一组。About Face 4 推荐的层级体检法,五秒钟做完,交稿前做一遍。
上面的词管「怎么评」,下面这套变量管「怎么改」。Bertin 在《图形符号学》里把视觉编码拆成八个变量,About Face 4 沿用了这套清单:形状、大小、色值、色调、饱和度、方向、纹理、位置。界面上一切「看起来不一样」,拆到底就是这八个旋钮。同一排色块,动哪个变量,讲出来的故事就不一样。
仪表盘要展示五档风险,从低到高一眼排得出来。该动哪个变量?
About Face 4 里有条压舱原则:表明「是什么」用视觉属性,明确「是哪一个」用文字。图标说到「这是份文档」就到头了,哪份是合同,得靠文件名接着说。两样各干各的活,谁也替不了谁。
客户和老板说不出术语,但他们的抱怨句句有所指。听懂抱怨背后的变量,改起来才有方向。先练四句最常听到的。
八个词整理成了给 AI 用的句式,每句都能直接贴进 Prompt。复制一份存起来,下次改界面照着挑。
老板拿着你的页面说:「没有高级感」。按这一节的思路,先检查哪个?
「好看」是许愿,术语是指令:说得出「信息密度」「视觉噪音」,AI 才知道往哪改。
抱怨都能翻译成变量:「太乱」是视觉噪音超标,「显得廉价」是配色超预算,翻译出来才改得对。
八个变量各有分工:层级和数量找有序变量(大小、色值),分类才用色调,形状管「是什么」,纹理管「能不能按」。
下次让 AI 改界面,先从速查表挑一个词写进 Prompt,跟「好看一点」的产出对比一次,感受差距。
内容来源:小山学堂「审美工程」专题原创;部分设计原则整理自《About Face 4:交互设计精髓》第 17 章。