色彩基礎與配色實用指南
核心定位:面向零基礎學習者,提煉色彩核心理論與實操配色方法,兼顧專業性與易讀性,可直接用于設計實踐參考。
一、核心前提說明
適用人群:零基礎學習者建議完整閱讀,專業設計師可跳過基礎理論部分。
知識邊界:不涉及色彩科學深層原理(如硬件設備色彩技術),聚焦實用理論與配色應用。
二、色彩三要素(色彩分類核心)
1. 色相
定義:顏色的基本相貌,即物理層面的顏色名稱。
范圍:紅、橙、黃、綠、青、藍、紫(可見光光譜)。
呈現形式:光譜首尾相連形成色相環,是配色的核心參考工具。
![]()
2. 明度
定義:顏色的明暗程度。
調節方式:添加白色提升明度,添加黑色降低明度。
![]()
3. 純度(飽和度)
定義:顏色的鮮艷程度,僅伴隨色相存在(黑白灰無純度)。
![]()
關鍵知識點:
三原色(紅、黃、藍)純度最高,無法被其他顏色調出,可混合出所有顏色。
間色:三原色兩兩混合得出(橙、綠、紫)。
復色:原色與間色兩兩混合得出。
調節方式:加入灰色會降低純度,灰色占比越高,顏色越渾濁;無灰色時為純色,純度最高。
三、六大配色類型(基于色相環角度)
配色類型色相環角度核心特點適用場景
同類色0-15 度顏色統一,通過明度 / 純度體現層次,易顯單調追求和諧統一的畫面
鄰近色30 度顏色變化柔和,過渡自然協調日常場景、溫和風格設計
類似色60 度對比適中,畫面豐富活潑且不跳躍多數通用設計
中差色90 度左右對比突出,畫面明快活潑需強調重點的設計
對比色120-150 度對比強烈,畫面醒目鮮明,沖擊力強需吸引注意力的場景
互補色180 度對比最強,沖擊感足但易視覺疲勞,需慎用少量點綴或特殊風格設計
四、配色調和與比例技巧
1. 調和方法
弱化強對比:對比強烈的配色(如互補色、對比色)中,加入無色彩(黑、白、灰、金、銀)中和刺激感。
豐富層次感:相同色系搭配時,通過調整明度和純度增加畫面層次。
2. 經典配色比例
三色搭配:主色 70% + 輔色 25% + 點綴色 5%。
雙色搭配:主色 75% + 輔色 25%(比例約 7:3)。
![]()
![]()
五、補充建議
參考資料:可結合《色彩構成》(伊頓著)深入學習色彩理論,搭配色相環實物圖或數字工具(如 PS 色相環面板)輔助理解。
實操技巧:配色時先確定主色,再根據場景選擇配色類型,最后按比例分配色彩占比,降低試錯成本
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.