是 使用 暖色系 、 高彩度 的 「 紅色 」 ， 「 停 」 的 文字色 則 是 用 與 紅色 有 大幅 明度 差 的 「 白色 」 ， 以 這 兩 者 加以 組合 配色 。 施工 中 的 交通 號誌 ， 其 背景色 也 是 使用 暖色系 、 高彩度 的 「 黃色 」 ， 作業 中 的 人物 剪影 則 使用 「 黑色 」 ， 採用 有 大幅 明度 差 的 配色 。 「 誘目性 」 的 重點 在於 ： 即使 當事人 不 怎麼 留意 對 象物 ， 也 很 容易 馬上 就 發現 ； 因此 在 配色 之 際 ， 底色 要 使用 顯眼 的 顏色 （ 高彩度 的 暖色 ） ， 接著 再 使用 和 底色 有 明度 差 的 顏色 加以 組合 。 煩惱 06 __UNDEF__ 想 讓 文字 更 好 分辨 __UNDEF__ 用 留白 讓 文字 更 清楚 吧 __UNDEF__ 對象 形狀 或 細節 資訊 易於 辨認 的 程度 ， 稱為 「 易視性 」 （ visibility ） （ 在 對象 只 有 文字 的 情況 下 ， 有時 也 稱為 「 易讀性 （ readability ） 」 ） 。 為 了 提高 易視性 ， 必須 選擇 具有 明度 差 的 配色 。 舉 一 個 常 看到 的 例子 ， 如果 要 在 比較 暗 的 照片 上 加 字 ， 使用 留白 的 文字 會 更 好讀 。 像 這樣 背景色 為 暗色 的 情況 ， 表示色 選擇 使用 亮色系 是 基本 考量 。 此外 ， 即使 明度 沒有 那麼 高 ， 如果 色 相差 和 彩度 差 愈 大 ， 易視性 也 會 愈 高 ； 差異 愈 小 ， 易視性 就 愈 低 。 廣告 或 看板 、 公司 與 品牌 的 Logo 標誌 都 是 需要 特別 重視 易視性 的 設計 。 煩惱 07 __UNDEF__ 想 讓 人 一眼 看出 分類 __UNDEF__ 只要 利用 色彩 差異 ， 就 能 一目瞭然 __UNDEF__ 要 區別 設計 內 的 要素 ， 使用 色彩 差異 就 能 更加 明暸 。 像 這樣 藉由 顏色 辨識 的 容易 程度 ， 稱為 「 識別性 」 。 為 了 提高 識別性 ， 首先 要 將 內容 根據 目的 與 用途 進行 分類 ， 將 有 共通 部分 的 東西 用 同 色系 做出 統一感 。 用於 分類 的 各 色 ， 要 選擇 在 相同 設計 下 易於 區別 的 顏色 ； 同時 ， 也 要 一邊 考量 配色 平衡 來 規劃 整體 。 只 用 相同 色系 來 配色 的 情況 ， 雖然 能 表現出 統一感 ， 但 識別性 也 會 降低 ， 所以 在 色相 選擇 上 要 注意 不偏不倚 。 儘可能 避免 使用 類似 色相 、 相鄰 色相 ， 做出 明確 的 色 相差 是 訣竅 所在 。 此外 ， 只要 先 意識到 各 色 所 擁有 的 形象 （ 綠色 ＝ 自然 等等 ） ， 就 能 打造出 不會 讓 觀 者 感到 混亂 的 設計 。 煩惱 08 __UNDEF__ 想 讓 形狀 收縮 __UNDEF__ 黑色 衣服 比 白色 衣服 更 有 顯瘦 效果 __UNDEF__ 即使 是 相同 顏色 面積 ， 根據 色彩 不同 ， 東西 也 會 看起來 變大 或 變小 。 讓 東西 看起來 變大 的 顏色 稱為 「 膨脹色 」 ， 看起來 變小 的 顏色 則 稱為 「 收縮色 」 。 膨脹色 ． 收縮色 的 性質 近似 前進色 ． 後退色 ， 暖色系 的 色彩 會 讓 東西 看起來 變大 ， 冷色系 則 會 讓 東西 看起來 變小 。 此外 ， 也 特別 會 受到 明度 差 的 影響 ， 高明度 的 色彩 會 讓 東西 看起來 變大 ， 低明度 則 會 讓 東西 看起來 變小 。 大家 都 知道 無 明度 的 黑色 是 收縮色 的 代表 ， 這 點 也 時常 用於 設計 上 。 雖然 黑色 能 產生 有 智慧 的 印象 ， 但 如果 過度 使用 ， 也 會 給 人 沉重 的 印象 ， 這 點 需要 注意 。 想 收縮 的 部分 使用 收縮色 、 其他 部分 使用 膨脹色 ， 搭配 這樣 的 規律 ， 能 更加 提升 收縮色 的 收縮 效果 。 煩惱 09 __UNDEF__ 想 看起來 更 有 知性 __UNDEF__ 用 藍色 給 人 知性 且 誠實 的 印象 __UNDEF__ 色彩 能 帶給 人 形形色色 的 印象 。 對 色彩 的 印象 是 建立 於 國家 的 歷史 與 文化 、 年齡 、 性別 、 個人 喜好 等等 之上 ， 也 會 隨著 時代 而 有所 變化 。 另一方面 ， 也 有 一些 色彩 能 讓 多數 人 抱持 共同 想像 ， 這些 色彩 在 配色 設計 上 能 發揮 重要 的 作用 。 「 藍色 」 能 讓 人 聯想到 知性 、 信賴 、 冷靜 、 安靜 的 形象 。 這 也 是 許多 企業色 （ Corporate Color ） 會 使用 藍色 的 理由 之 一 。 除此之外 ， 「 紅色 」 有 愛 、 喜悅 、 活躍 、 勝利 的 形象 ； 「 黃色 」 則 有 希望 、 開朗 、 幸福 、 快樂 的 形象 。 色彩 的 形象 __UNDEF__ 在 此 所 介紹 的 形象 關鍵字 僅 為 一 例 。 從 各式各樣 的 觀察 中 進行 聯想 ， 試 著 發想出 設計 吧 。 GREEN __UNDEF__ 綠 __UNDEF__ 健康 ／ 潔淨 ／ 安心 ／ 沉穩 ／ 自然 ／ 年輕 ／ 環境 ORANGE __UNDEF__ 橙 __UNDEF__ 有 精神 ／ 維他命 ／ 活力 ／ 喜悅 ／ 開朗 ／ 溫暖 ／ 食慾 PINK __UNDEF__ 粉 __UNDEF__ 可愛 ／ 優雅 ／ 柔軟 ／ 甜美 ／ 幸福 ／ 溫柔 ／ 戀愛 PURPLE __UNDEF__ 紫 __UNDEF__ 高貴 ／ 異國情調 ／ 神祕 ／ 優雅 ／ 精緻 ／ 美麗 ／ 高雅 BLACK __UNDEF__ 黑 威嚴 ／ 酷炫 ／ 高級 ／ 自信 ／ 高品質 ／ 厚重 ／ 沉默 BROWN __UNDEF__ 棕 __UNDEF__ 溫和 ／ 天然 ／ 質樸 ／ 堅實 ／ 傳統 ／ 苦 ／ 沉穩 WHITE __UNDEF__ 白 __UNDEF__ 正義 ／ 純粹 ／ 輕盈 ／ 潔淨 ／ 保持 純潔 ／ 神聖 GRAY __UNDEF__ 灰 __UNDEF__ 中立 ／ 時尚 ／ 礦物質 ／ 成熟 ／ 信賴 ／ 誠實 ／ 和諧 __UNDEF__ 建立 ＆ 選擇 __UNDEF__ 色彩 __UNDEF__ 在 決定 配色 的 時候 ， 要 事先 整理好 設計 所 追求 的 用途 以及 給 觀 者 的 訊息 ， 以 配出 符合 目的 的 顏色 為 目標 。 一邊 在 腦海 中 描繪出 適當 的 色相 、 合乎 形象 的 明度 及 彩度 ， 一 邊 用 繪圖 軟體 調整 數值 ， 建立 色彩 。 在 此 將 解說 基本 的 色彩 建立 方式 與 選擇 方式 。 配色 設計 的 流程 __UNDEF__ 經由 開會 討論 掌握 形象 __UNDEF__ 要 用 在 設計 中 的 色彩 ， 並 不 是 能夠 草率 決定 的 東西 。 在 大多數 情況 下 ， 要 以 客戶 所 指定 的 內容 做為 原則 ， 確定 好 符合 設計 的 色彩 形象 。 設計師 __UNDEF__ 您 想 製作 什麼 樣 的 海報 廣告 呢 ？ 客戶 __UNDEF__ 新 商品 馬卡龍 的 廣告 。 本 店 的 客層 以 20 ～ 40 幾 歲 的 女性 為 多 ， 是 走 成熟 可愛風 。 這 次 想 全力 主打 新 加入 春季 產品 陣容 的 桃子 和 覆盆子 口味 。 設計師 季節 是 「 春天 」 ， 主打 「 桃子 」 和 「 覆盆子 」 啊 。 那麼 ， 整體 就 用 讓 人 能 感受到 春天 的 暖色調 ， 文字 設計 也 試 著 使用 讓 人 能 感覺到 味道 的 配色 如何 呢 ？ 確定 好 目標 色彩 Keywords __UNDEF__ 馬卡龍 __UNDEF__ 成熟 可愛 風 __UNDEF__ 春天 __UNDEF__ 桃子 覆 盆子 __UNDEF__ 目標 色彩 __UNDEF__ ・ 有 「 春天 」 感 的 暖色 __UNDEF__ ・ 能 讓 人 聯想到 「 桃子 」 和 「 覆盆子 」 的 味道 __UNDEF__ ・ 帶有 幾 分 沉穩 ， 表現 「 成熟 可愛風 」 __UNDEF__ Step.1 __UNDEF__ 選擇 色彩 （ 色相 ） __UNDEF__ 首先 ， 來 選擇 做為 色彩 建立 基準 的 基底色 吧 。 從 「 春天 」 、 「 桃子 」 、 「 覆盆子 」 等 關鍵字 開始 ， 在 此 以 洋紅 100% 為 基準 ， 一步步 尋找 符合 味道 形象 的 顏色 。 M100 ＋Y100 ＝M100 Y 100 __UNDEF__ 紅色 太重 M 100 ＋Y 060 ＝M 100 Y 060 __UNDEF__ 再 少一點 M 100 ＋Y 040 ＝M 100 Y 040 __UNDEF__ 感覺 不錯 ！ M100 ＋Y 020 ＝M 100 Y 020 __UNDEF__ 感覺 不錯 ！ Step.2 __UNDEF__ 選擇 明亮度 （ 明度 ） __UNDEF__ 接著 ， 就 調整 明度 。 將 Step.1 剩下 的 2 個 色彩 選項 加上 白色 （ 這裡 是 將 洋紅 100% 的 數值 減少 ） ， 逐漸 接近 心 中 所 描繪出 的 顏色 。 M100 Y 040＋white 040 ＝M 060 Y 040 __UNDEF__ 感覺 不錯 ！ M100 Y 020＋white 040 ＝M060 Y 020 __UNDEF__ 紅色 太重 M100 Y 040＋white 070 ＝M030 Y 040 __UNDEF__ 黃色 太重 M100 Y 020＋white 070 ＝M 030 Y 020 __UNDEF__ 感覺 不錯 ！ Step.3 __UNDEF__ 還 要 加上 什麼 ？ （ 彩度 ） __UNDEF__ 為 了 和 其他 色彩 調和 得 恰到好處 ， 在 想 保有 鮮豔度 的 情況 下 ， 到 Step.2 即 算 完成 。 這裡 是 想 再 調出 一些 稍微 更 沉穩 的 顏色 ， 所以 嘗試 各自 加上 青色 與 黑色 。 M060 Y 040 ＋C 020 ＝M060 Y 040 C020 __UNDEF__ 看起來 髒髒 的 M030 Y 020 ＋C 010 ＝M 030 Y 020 C 010 __UNDEF__ 看起來 髒髒 的 M060 Y 040 ＋K 010 ＝M 060 Y 040 K 010 __UNDEF__ 感覺 不錯 ！ M030 Y 020 ＋K 010 ＝M030 Y 020 K 010 __UNDEF__ 感覺 不錯 ！ 〉 〉 〉 Sample __UNDEF__ 以 2 種 顏色 配色 ， 能 讓 人 感受到 新 產品 各自 味道 的 設計 。 整體 採用 同 一 色系 ， 所以 看起來 也 很 和諧 。 C 0 M 60 Y 40 K 10 R 224 G 124 B 118 #E07C76 C 0 M 30 Y 20 K 10 R 232 G 186 B 178 #E8BAB2 __UNDEF__ 使用 檢色器