当前位置:软件学堂 > 资讯首页 > 网络编程 > Dreamweaver > 什么是色相环,认识色相环

什么是色相环,认识色相环

2021/9/10 17:58:25作者:佚名来源:网络

移动端
Dreamweaver mac 2020v20.0汉化

大小:679MB语言:

类型:平面设计等级:

什么是色相环认识色相环
本节将说明在不同类型网页中会使用到的色彩相关知识,什么是色相环呢?下面我们就来认识色相环。

一、邻近色

邻近色是指色相环中最相近的三种颜色,如图所示。邻近色的搭配会给人舒适、自然的视觉感受,在网站设计中运用最广泛。

运行效果

二、分裂互补色

分裂互补色是由补色两边的颜色组成的,如图所示。选择一种颜色,在色相环的相对方向找到补色,然后使用补色左右两边的色彩。

运行效果

三、互补色

互补色是指色相环中正好相对的两种颜色,如图所示。如果希望突显某些色彩,使其更加鲜明,使用互补色是个好方法。使用时也可以调整一下补色的明亮度,试试不同的效果。

运行效果

三、三色组

三色组是色相环上等距离的任何三种颜色,如图所示。若在配色时使用三色组,会带给人紧张的感觉,这是因为这三种颜色的对比很强烈。

运行效果

四、暖色

暖色跟黑色调和之后可以达到很好的效果,如图所示,一般应用于购物、电子商务与儿童类型的网站,以展现商品的丰富与多元化,使网站看起来既活泼又温馨。

运行效果

五、冷色

冷色跟白色调和之后可以达到很好的效果,如图所示,一般应用于资讯、科技与游戏类型的网站,使网站以严谨、稳重的效果呈现。

运行效果

六、对比色
对比是两种相邻颜色之间所能察觉到的区别,由于白色和黑色不是真正的颜色,因而这两种颜色主要用来表示明暗。白色和黑色呈现出无彩色中最强烈的对比,如图所示。

运行效果

而色相环中的互补色则呈现最大的彩色对比。人的肉眼对于彩色的对比比对无彩色的对比更敏感。当使用一种颜色,并针对其提高或降低明度时,就能建立单色对比,如图所示。

运行效果

七、色彩均衡

若要让网站看起来舒适、协调,除了文字、图片、多媒体等内容合理的配置之外,色彩均衡也是相当重要的因素。网页不可能只使用一种单一颜色来设计,不同色彩的运用及其所占比例都是色彩是否均衡的关键,例如,鲜艳明亮的色彩只占一点点面积,就能令人感觉舒适、不刺眼。

标签: 色相环  色彩