
把五行轉化為視覺任務
人們初次接觸八字裡的五行——木、火、土、金、水——時,往往會去尋找一份適合穿搭或粉刷臥室的幸運色清單。這種思路在設計中很快就會碰壁,因為嚴格由森林綠、緋紅、赭黃、銀灰和藏青拼湊出來的色票,放在螢幕或印刷頁面上很少能真正好看。更實用的辦法是把五行當作動詞,而不是現成的色票。正因為五行描述的是運行與變化的模式,它們很自然就能轉化為視覺上的職責:木負責延展,火負責提示,土負責承載,金負責界定,水負責沉澱。
在當代設計練習中,你的配色並不需要去對齊命盤裡的五行長條圖,也不必試圖去補足某個缺失的元素。相反,在選定任何一個十六進位色碼之前,先讓這一隱喻幫你分配好畫面職責。如果木代表向外的生長,它就可以用來引導導覽連結、進度條或推進性質的操作;如果火能第一時間抓住視線,它就應該留給頁面上最緊迫的那個按鈕或提醒;土為背景底面與卡片提供穩定的基底;金處理俐落的邊框和內文排版;水則在頁首、頁尾或寬闊的深色留白中營造安靜的縱深感。
打破字面配色的習慣
一旦每種五行都有了明確的職責,就要去尋找在你的具體專案裡真正能完成這項工作的色彩,而不是退回到刻板印象裡的元素代表色。綠色固然可以承擔木的工作,但在溫暖的雜誌風版面裡,充滿活力的黃綠色或清新的天藍色,或許更能表達向上的動勢。可以為每一種五行挑選三個候選色:一個符合直覺的常規色,再加上兩個出人意料的替代方案。比如火可以從朱紅開始,再測試電光洋紅與明亮的萬壽菊黃;金則可以放在冷調板岩灰、俐落的象牙白與鋒利的靛青之間做比較。
假設一位名叫瑪雅的自由書籍設計師正在製作一張單頁閱讀紀錄表。她起初挑了五種自己喜歡的鮮豔色彩,結果初稿看起來像一袋打翻的糖果。當她按照五行角色重新分配顏色後,整個頁面立刻安定下來:溫暖的羊皮紙色作為土鋪滿主背景,炭黑墨色作為金用於書名與分隔線,深水鴨青作為水穩住側邊欄,鼠尾草綠作為木標記正在閱讀的書目,而唯一的一枚赤陶圓點則作為火來提醒逾期的圖書館借閱。每一種顏色之所以留下來,都是因為它有明確的工作要做。
測試對比度、語境與灰階表現
再巧妙的隱喻,也救不了一個讓人看不清字的按鈕。顏色會隨著相鄰元素與面積尺度的變化而發生巨大改變:在大色票上看起來溫潤的淺陶土色,墊在十二號內文背後可能會顯得灰暗混濁;放在微小徽章上令人眼前一亮的霓虹珊瑚色,一旦鋪成全螢幕背景就會讓眼睛迅速疲勞。請把你的候選色彩直接放到它們實際要搭配的攝影圖片、紙張材質或字體排印旁邊去檢驗。
把每一組文字與背景的配對都放進標準的對比度檢測工具裡過一遍,分別測試內文、標題、連結和啟用狀態。接著,把螢幕或設計稿切換到灰階模式。在黑白狀態下,你可能會發現代表木的進度標記與代表土的卡片背景處於完全相同的明度值,這會讓低視力或色覺障礙讀者看成模糊的一片。永遠不要讓五行象徵獨自承擔傳遞資訊的任務;如果某個火系色彩用來提示錯誤或截止日期,請務必同時配清晰的文字、加粗的邊框或明確的圖示。
在一張真實頁面上做一次十五色票實驗
如果想今天就動手試試,不妨先畫出五欄,分別標上木、火、土、金、水。在每個標題下寫一個契合你當前作品的動詞——比如引導、強調、留白、勾勒、壓陣。為每個動詞選定一個核心色,再為每一欄調出一個更淺的明色和一個更深的暗色。這十五張色票足以讓你從容應對游標懸停狀態、細微邊框和次級文字,而不必在專案做到一半時臨時生造新的隨機顏色。
把這套色票應用到一個具體的小物件上:一份每週 Notion 計畫表、一份三頁的簡報,或是一張列印出來的晚宴菜單。讓土或水佔據至少百分之六十的畫面面積,讓金撐起結構,用木引導互動步驟,並把火控制在百分之五以內,好讓它保住那一點躍動的火花。接著,透過互換兩個角色來檢驗你自己的預設:當火變成安靜溫暖的背景、金變成明亮的白色亮點時,你的版面讀起來會不會反而更順暢?如果某條五行規則和你的眼睛打架,請相信你的眼睛——而如果你好奇五行在傳統語境中是如何運作的,隨時可以瀏覽我們關於五行如何對話的指南,或者生成一份免費的基礎命盤,在季節變換的脈絡中觀察這些隱喻。
曆法基準: 香港天文台:二十四節氣 。排盤計算引擎: 曆法說明文件 。原型標籤、反思練習與插畫皆為當代編輯詮釋。 了解我們的方法。