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