常用配色基本概念及精彩相关实例剖析__教程 - 久丰模板网站，提供免费及精美的网页模板下载

文章搜索：分类关键字

收藏本站

设为首页

您的位置：首页 → 网页制作 → 网页制作 → 常用配色基本概念及精彩相关实例剖析__教程

常用配色基本概念及精彩相关实例剖析__教程

日期：2007-1-6 11:08:22 人气：136 [大中小]

[1] [2] [3] [4]

邻近色

■ 邻近色：
　　是在色环上任一颜色同其毗邻之色。邻近色也是类似色关系，只是范围缩小了一点。例如红色和黄色，绿色和蓝色，互为邻近色。

→ 邻近色网页例图：http://www.artoyz.com

　　邻近色分析：
　　上图选用了红色、黄色为邻近色示例，主要在色相上做区别丰富了页面色彩上的变化。
　　RGB数值上看，以上5色R的数值都很高，仅是微妙的不同。其中浅黄色的B为138，因此在HSB数值中纯度S显示最低，为46%；5色RGB中G的数值都不同，色相、明度也产生相应的不同。从数值上分析整体看来，5色都有在同一频率的变化。
结论：
　　由于是相邻色系，视觉反差不大，统一、调和，形成协调的视觉韵律美，相较显得安定、稳重的同时不失活力，是一种恰到好处的配色类型。

同类色

■ 同类色：
　　比邻近色更加接近的颜色，它主要指在同一色相中不同的颜色变化。例如，红颜色中有紫红、深红、玫瑰红、大红、朱红、桔红等等种类，黄颜色中又有深黄、土黄、中黄、桔黄、淡黄、柠檬黄等等区别。它起到色彩调和统一，又有微妙变化的作用。

→ 同类色网页例图：http://www.misspato.com

　　同类色分析：
　　选用红色系4种同类色示例，主要在明度上做区别变化。
由于是红色系，4色RGB数值中的R，数值都很高，且相当。从HSB数值看出，明度越高的颜色饱和度越低。
　　这4种同类色相来看，明度在强中弱的节奏中的缓和的进行变化。
结论：
　　第一眼看上去给人温柔、雅致、安宁的心理感受，便可知该组同类色系非常调和统一。只运用同类色系配色，是十分谨慎稳妥的做法，但是有时会有单调感。添加少许相邻或对比色系，可以体现出页面的活跃感和强度。

[page_break]　

暖色	■ 暖色：　　指的是红、橙、黄、这类颜色。暖色系的饱和度越高，其温暖特性越明显。可以刺激人的兴奋性，使体温有所升高。

→ 暖色网页例图：http://www.mrwong.de

　　暖色分析：
　　由于是暖色系，以上3种颜色RGB数值中R的含量为主导，B都为0，暖度强度倾向在G的添加黄色成份变化中可以看到，较规律的数值变化、较有视觉节奏感。HSB中纯度S和明度B都达到最高值，是鲜艳夺目的搭配色组合。
结论：
　　高明度高纯度的色彩搭配，把页面表达得鲜艳炫目，有非常强烈刺激的视觉表现力。
充分体现了暖色系的饱和度越高，其温暖特性越明显的性格。

冷色	■ 冷色：　　指的是绿、青、蓝、紫等颜色，冷色系亮度越高，其特性越明显。能够使人的心情平静，清爽，恬雅。

→ 冷色网页例图：http://www.portaldemoda.pt

　　冷色分析：
　　该网页示例主要选用了邻近色系蓝色绿色和同类色的明度变化。其中3种蓝色系的RGB数值从二位数到三位数，随着明度的递增的同时，由低到高在有规律有节奏的变化。HSB的数值SB也相对随着同比变化，纯度S的含量都不大，因此这几组色彩相对含蓄柔和。
　　绿色系RGB数值G的色相明显，相应添加了高亮度的黄色R，使色彩较鲜艳明快。HSB数值SB也显示出其高纯度高亮度的特性。
　　结论：
　　冷色系的亮度越高，其特性越明显。单纯冷色系搭配视觉感比暖色系舒适，不易造成视觉疲劳。蓝色、绿色是冷色系的主要系，是设计中较常用的颜色，也是大自然之色，带来一股清新、祥和安宁的空气。

出处：本站原创作者：佚名

推荐文章