「好看」的一百種具體說法
你對 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 章。