网页配色的基本方法

选择色调一 选择色调二 分析色调一 分析色调二 分析色调三 分析色调四 运用色调
分析色调：
上面这个实例向大家Leabharlann Baidu述了选择色调的方法，如果你对色彩的感觉不 是很敏感，不必苦恼，希望以下的图解能够对你有所帮助。
C
EB
D
A
F
G
选择色调一 选择色调二 分析色调一 分析色调二 分析色调三 分析色调四 运用色调
• 补色与对比色配色：产生强烈而鲜明的视觉效果。
色相配色方法 同一色相 类似色相 对比色相 网页配色一 网页配色二
• 网页配色的基本方法
• 【欣赏评述】
色相配色方法 同一色相 类似色相 对比色相 网页配色一 网页配色二
• 网页配色的基本方法
• 【欣赏评述】
色相配色方法 同一色相 类似色相 对比色相 网页配色一 网页配色二
• 分析色调：
• C：淡色调：将B再加白就成了这种色调。让人联想起婴 儿，给人以温柔的印象，远离商业气息。
• D：中间色调：将B的颜色加一点黑就成了这种色调，是 沉稳的成年人的印象。
选择色调一 选择色调二 分析色调一 分析色调二 分析色调三 分析色调四 运用色调
分析色调：
• E：浅浊色调：将C的淡色稍微加一点灰，就产生了过于明亮但不过 于鲜艳的稳定的都市印象。
• 分析色调：
• A：鲜艳色调：不与黑、白灰进行混合，只有纯色的配色是最鲜艳 的色调。给人强有利的、生机勃勃、年轻人的印象。
• B：亮色调：将鲜艳的色调稍稍加一点白，就成了亮色调。与A相比 稍微柔和一些，表现出一定的趣味，容易被大多数人接受。
选择色调一 选择色调二 分析色调一 分析色调二 分析色调三 分析色调四 运用色调
• 色调配色的基本方法 • 选择色调： 色调的概念：色调是明度与纯度的交叉点。
为了清楚地理解色调的概念， 首先要了解色相环的作用， 色相环是设计人员选择色彩 的依据，其次，要明确色相、 明度、纯度（既饱和度）三 者之间是怎样的关系。

选择色调一 选择色调二 分析色调一 分析色调二 分析色调三 分析色调四 运用色调
下面以色彩立体模型为实例进行分 析关于色调的相关知识： 支撑色立体的中心轴我们称之为明 度轴，从明度轴上可以观察到颜色 由深至浅、由明到暗变化过程。以 明度轴为中心，环绕其四周的是色 相环，色立体最外端的色彩纯度最 高，但是明度却不相同，不同的色 相由于在色立体中所处的位置不同， 因此不但会产生明度的变化，同时 纯度也会随之变化，由此形成了色 调。
选择色调一 选择色调二 分析色调一 分析色调二 分析色调三 分析色调四 运用色调
• 色相配色的基本方法 我们用红、黄、蓝这样的称呼来区别颜色，这种颜 色差异就叫色相。 • 同一色相配色：不同色调的同一色相的配色， 如：红色与粉色（红+白） • 类似色相配色：在色相环中相邻的两种色相的 配色，如：红与橙 • 相反色相配色：是指搭配使用色相环中相距较 远颜色的配色方案，如：红与蓝紫等
色相配色方法 同一色相 类似色相 对比色相 网页配色一 网页配色二
色相配色方法 同一色相 类似色相 对比色相 网页配色一 网页配色二
• 色相配色的基本方法【案例分析】
• 类似色相配：具有协调而稳重的视觉效果 。
色相配色方法 同一色相 类似色相 对比色相 网页配色一 网页配色二
• 色相配色的基本方法【案例分析】
• F：暗色调：将B的明度稍微降低，就成了暗色调。并不是A、B、C 那种单纯明快的气氛，而是表达了一种深沉而安静的、素雅的气氛。
• G：将A的纯色加上黑色，就成了暗色调。传达出的是力量、强烈的 性印象。
选择色调一 选择色调二 分析色调一 分析色调二 分析色调三 分析色调四 运用色调
• 运用色调配色：【案例分析】 这是使用同一或类似色相的同时使用类似色调的 配色方案，在这两个方案中能够凝造出强烈的冷 静与整齐的感觉。