章節定位#

色彩選擇是設計流程中常被忽略、甚至被完全跳過的環節。許多設計師憑個人喜好或習慣選色，這遠非理想做法。

每一種顏色與每一組配色都帶有獨特的意涵集合。色彩的選擇應該奠基於設計目的，而非設計師的偏好。

即便色票常被客戶規範限制，色彩之間如何配合、如何運用，仍蘊含巨大的力量。本章透過顏色分類，讓設計師看見每種色彩的潛力。

各色彩的核心觀察#

粉紅（Pink）#

粉紅常被視為愛、美與女性氣質的象徵，但其實意外地常出現在男性設計師的作品中：

• 與灰色搭配可走時尚冷靜路線（如 MacMinds）
• 加上華麗花卉元素能變得都會與生氣勃勃（如 Digital Devotion）
• 甚至能用在檔案分享服務上，破除技術產品的刻板印象（如 Big File Box）

意涵：撫慰、清新、感性、健康、快樂、甜美、玩心；浪漫、純真、感激。

紅（Red）#

紅是最具情緒張力的顏色，從勇氣、愛到危險、地獄都包含其中。

• 商業上紅色傳遞大膽、自信，與企業傳統藍形成強烈對比
• 大量使用紅色（如 Ilas）會讓所有元素「平等化」，因此重要元素必須改用極大字級凸顯

意涵：可信、溫暖、神聖、強烈、激情、勇敢；愛國、保守、成功、權力、火、血、健康、緊急、愛。

橘（Orange）#

橘是有趣但難用的顏色，常聯想到萬聖節，卻能輕易避開該聯想。

• 不像紅那麼刺眼，也不像黃那麼柔軟，介於專業與年輕活力之間
• 當作輔助色（佔較少像素）時最具時尚感（如 Designer in Action）
• 用在保守族群的網站（如教會 Generation Church）時，能傳達朝氣與年輕世代的吸引力

意涵：華麗、刺激、社交、友善、平衡、熱情、活力；感恩節、萬聖節、秋天、自然、溫暖、太陽、健康、柑橘。

黃（Yellow）#

黃在網路上少見且很少作為主色，但仍有獨特功能：

• 「警告」是最常見的意涵（如 NO!SPEC 像一個大型警告牌）
• 用於營造愉快、活力、快樂氛圍（如 HelloBard）

意涵：泥土感、溫暖、有趣、活力、愉快、健康、希望；自然、夏日、靈感、危險、警告、陽光、快樂。

綠（Green）#

綠的彈性極高，最主要與自然、環境連結，也與金錢、「Go」綠燈關聯。

• 提供清新、安全、舒緩感（如 Mint）
• 與深灰結合可走潮流設計師路線（如 Net Profit Services）
• 作為主色能營造活潑生氣勃勃感（如 JamFactory）

意涵：撫慰、放鬆、平靜、有機、平衡、穩定、清新；自然、環境、金錢、財富、運氣、和平、生命、生長。

藍（Blue）#

藍可能是網路上最安全的顏色——幾乎能套用在任何主題：

• 平靜、安全、可信，是建立信任氛圍的首選
• 被動而外交（passive and diplomatic）：能支撐訊息但不會大喊
• 「紅在喊，藍在低語」——讓藍成為最保守、最不冒犯的選擇

意涵：穩定、可信、保守、冷靜、強壯、堅定、友善、自信、安全、企業、忠誠；和諧、清潔、力量、水、智慧、技術、愛國。

紫（Purple）#

紫是網路上最少被使用的顏色之一，常被認為過於女性化。

• 正因稀少，反而成為突破常見配色的機會
• 紫加金可營造皇家、莊重感
• 紫像橘一樣容易顯得邋遢，需要精緻處理才能避免

意涵：浪漫、精緻、愉快、女性、謙遜、純粹；皇室、繁榮、財富、靈性、智慧、神祕。

棕（Brown）#

棕能提供多種意涵：

• 自然：與環境、土地連結（如 Envirocorp Labs 的水土檢測）
• 保守可信：營造穩重、可靠的氛圍（如 Quo Consulting）
• 溫暖友善：拉近與訪客的距離

意涵：溫暖、保守、土地、自然、踏實、健康、友善；年代、自然、簡樸、可靠、健康、誠實、舒適。

黑（Black）#

黑是僅次於紅的重量級顏色，但比紅更克制。

• 不像紅那樣搶眼，但承載「重要性」的份量
• 讓其他顏色跳出來：照片在黑底上更顯飽和；強烈彩色與黑搭配特別有衝擊力（如 Matt Brett、Firewheel Design）

意涵：邪惡、強大、哀悼、強壯、精緻、正式、保守、嚴肅、神秘、性感、叛逆、優雅、成熟、進階、時尚、自信。

灰（Gray）#

灰是「以否定方式定義」的顏色：不大膽、不強烈、不刺眼，因而中性、不具威脅、容易被忽視。

• 與技術產業緊密連結（淵源可追溯至現代主義與《2001 太空漫遊》）
• 是建立層級的有力工具——把背景壓灰，彩色元素就能跳出（如 SnapPages）

意涵：時尚、優雅、新鮮、創新、現代、未來感、柔軟、空靈、高科技、流暢、中性、保守、聰明。

白（White）#

白是被低估的選擇。大量留白需要克制，但成果可以非常出色。

• 輕盈、通透、不擁擠、易讀
• 接近極簡，但不必然是極簡（許多白底網站內容豐富）
• 反映精緻品味——不靠潮流而靠有效設計（如 Coudal Partners）

「白」不等於「無聊」。Vectorian 等範例證明白底也能極富風格——它們把焦點放在內容本身，而非裝飾框架。

意涵：純粹、穩定、可信、快樂、乾淨、清新；生命、善良、婚姻、和平、冬天。

黑白（Black & White）#

純黑白組合形成獨特類別，與黑白攝影的美學緊密相連。

• 直覺以為黑白會被忽略——事實相反，高對比讓內容跳出頁面
• 引入單一彩色點綴時效果更強烈
• 整體調性精緻、優雅（如 Julien Eichinger 的作品集）

粉紅與藍（Pink & Blue）#

最特別的，是這對組合完全跳脫了「男寶寶女寶寶」的刻板印象：

• Pulp Cards 用它營造俏皮活潑感，粉紅突顯重要元素，藍當配角
• Greatestcase 把它用在 PHP 程式碼分享網站，意外地讓程式碼變成藝術
• MindMeister 用它打破軟體網站的技術冷感

藍與綠（Blue & Green）#

最被信任的安全配色之一：

• 永遠好看、保守、有吸引力
• 暗示「自然」（綠＝植物與生長；藍＝空氣與水）
• 常用於軟體網站，把「不自然」的產品包裝得友善易用

飽和色（Bold）#

明亮飽和的色彩，創造出印刷無法輕易達成的衝擊感：

• 擁抱數位媒介，使用印刷被迫迴避的色彩
• 容易記憶、留下深刻印象
• 適合推廣「易用、好玩」的服務（如 Carbonmade）

低飽和色（Muted）#

與 Bold 完全相反——克制、精緻、放鬆。

低飽和配色的最大優勢：當你需要某元素跳出時，只需加入一點高飽和色，效果立竿見影。

• 不干擾內容（如 Lucky Oliver 的庫存攝影網站）
• 可建立成熟、不浮誇的個人氣質（如 Aarron Walter）

跨色彩的共通課題#

• 色彩選擇有意涵，無論你是否有意識
• 每個顏色都有正反兩面的聯想，端看如何運用
• 在限制中（客戶指定色）依然能有強大的色彩運用空間