設計不只是讓畫面好看，更是引導使用者情緒與行為的重要工具。在現代 Web 設計中，我們越來越常看到一種「灰而不髒、平靜優雅」的配色，這就是源自義大利畫家喬治·莫蘭迪（Giorgio Morandi）的——莫蘭迪色系。
什麼是莫蘭迪色系？
莫蘭迪色系並非指單一顏色，而是在所有色彩中加入不同比例的「灰色調」或「白色調」，使色彩飽和度降低。這種配色也被稱為「高級灰」，給人一種寧靜、內斂、且極具質感的視覺感受。
為什麼現代網頁設計偏愛莫蘭迪？
1. 降低視覺疲勞
傳統的高飽和度色彩（如純藍、純紅）雖然能瞬間吸引注意，但長時間觀看會對視網膜產生強烈刺激，導致視覺疲勞。這對於以「內容閱讀」為核心的網站（如部落格或新聞平台）來說是致命傷。莫蘭迪色系則溫潤如玉，能讓使用者停留更久。
2. 建立情緒護城河
色彩能直接跨過意識，觸達使用者的情緒。高飽和度色彩傳達的是「緊急、熱情、躁動」；而莫蘭迪色系傳達的是「專業、可靠、客觀」。在資訊爆炸的時代，提供一個平靜的閱讀空間，本身就是一種高端的用戶體驗。
3. 提升層級的純粹感
低飽和度的背景，能讓「點綴色」或「關鍵動作（CTA）」更加突出。當整體的基調是和諧的灰色系時，一個具有意義的點綴色能瞬間抓住視線，而不顯得突兀。
本網站的實踐：KQLet 的色彩計畫
在本網站 KQLet 的設計開發過程中，我們刻意捨棄了常見的純白背景與極高對比的黑文字，轉而採用了經過微調的莫蘭迪色系作為視覺基礎：
- 背景系統 (
--bg-secondary)：我們選用了極低飽和度的灰藍色，而非單純的 #FFFFFF，這能有效減少螢幕藍光帶來的刺眼感。 - 邊框與細線 (
--border-light)：使用與背景同色系的深灰，營造出一種「如紙張般」的物理層次感，而不是生硬的黑線。 - 點綴與引導 (
--accent-blue)：雖然主色調是內斂的，但在關鍵連結、分類標籤（Badge）與 UI 組件上，我們使用了帶有灰度的深藍與灰橘，確保功能性的導引依然清晰。
結語
配色是一門關於平衡的藝術。莫蘭迪色系在網頁設計中的應用，本質上是對「使用者注意力」的尊重。我們希望透過這種配色，讓 KQLet 不僅是一個獲取資訊的工具，更是一個讓人在數位世界中感到放鬆、專注的棲息地。
[!TIP] 好的設計往往是隱形的。如果您在閱讀本站文章時感到格外舒適，那正是莫蘭迪色系在背後默默運作的成果。