找回密码
 开放注册

QQ登录

只需一步,快速开始

微信登录

微信扫码,快速开始

搜索
查看: 1322|回复: 6

网页设计中配色方案的使用

[复制链接]

5

主题

0

回帖

52

牛毛

初生牛犊

积分
52
 楼主| 发表于 2013-1-12 19:09:52 | 显示全部楼层 |阅读模式 来自 广东省湛江市
不论你做什么样的设计,色彩都是一个不容忽视的问题。色彩以一种“隐蔽”的方式传达的各种信息,这些信息会影响观看者的心理和感受,左右他们的判断和选择,色彩对于设计而言实在太重要。这篇文章就要比较系统地介绍一些在网页设计中如何使用色彩的入门知识。
    色彩是设计者的得力助手,前提是应用得当。对于网站设计而言,色彩的重要性尤其突出,不过经常被粗心的站长忽视。我们经常说“第一映像最重要”,于是设计网站时,设计者经常会花很多精力制作一个“富于冲击力”的LOGO或者BANNER,当然,它们很重要。但是,访问者访问网站时的第一映像实际上并不来自这些LOGO或者BANNER,而是——色彩!
    在了解了色彩对于网站设计的重要性之后,我们开始探寻色彩的奥秘。

色彩入门

首先让我们熟悉一下色彩的一些基本概念。

三原色

一切颜色都来自三原色:红、黄、蓝。



在这个圆环中,相邻的两个原色相混合可以得到另外三个比较重要的颜色(下文将其称为二级原色):红+黄=橙,红+蓝=紫,蓝+黄=绿



让我们再深入一步,三原色和三种二级原色可以进一步混合得到更多的颜色,分别是橙红色、紫红色、蓝紫色、蓝绿色、橘黄色和黄绿色。这六种颜色可以称为三级原色。



按照同样的方式不断进行下去,这个圆环中颜色之间的分隔线就会消失,得到下图所示的“色彩圆环”,在一些绘图程序的调色板中我们可以看到这样的色彩圆环。



但是这个圆环仍然没有涵盖所有的颜色,对于圆环中的每一种颜色还有饱和度、亮度和灰度等的变化。也就是说,将上述圆环中的任意一种颜色和黑色、白色、灰色按照不同比例混合就可以得到更多的颜色,下面将详细介绍。
常用的色彩术语

饱和度

    某种颜色的饱和度是指这种颜色所包含的基本颜色的多少。例如RGB值为(0,0,255)的蓝色是纯蓝色,他的饱和度是100%。随着饱和度的降低,颜色会越来越接近灰色。





灰度

基本色彩和黑色进行不同程度的混合可以得到不同的灰度,例如



亮度

基本颜色和白色进行不同程度的混合可以得到不同的亮度,例如:



色调

基本颜色和灰色进行不同程度的混合可以得到不同的色调,例如:

0

主题

647

回帖

617

牛毛

一级牛人

积分
617
发表于 2013-1-13 21:23:31 | 显示全部楼层 来自 上海市
是这样吗?我不是很懂啊

31

主题

595

回帖

182

牛毛

一级牛人

http://www.tujia.com/

积分
182
发表于 2013-1-15 16:39:03 | 显示全部楼层 来自 北京市
嗯,这个要好好学习下
已绑定手机
已实名认证

80

主题

105

回帖

527

牛毛

一级牛人

www.zhonghaoliangyou.com

积分
527
发表于 2013-1-17 09:18:08 | 显示全部楼层 来自 山东省济南市
很实用啊

0

主题

6

回帖

162

牛毛

一级牛人

积分
162
发表于 2013-1-21 21:38:02 | 显示全部楼层 来自 福建省宁德市霞浦县
谢谢啦,辛苦啦。感谢感谢!













好看的电影推荐孤岛惊魂2在线观看

4

主题

7

回帖

22

牛毛

初生牛犊

积分
22
发表于 2013-1-22 10:38:14 | 显示全部楼层 来自 福建省厦门市
基本的常识,不错啊

4

主题

589

回帖

227

牛毛

一级牛人

积分
227
发表于 2013-1-25 08:17:30 | 显示全部楼层 来自 福建省泉州市
在这个圆环中,相邻的两个原色相混合可以得到另外三个比较重要的颜色(下文将其称为二级原色):红+黄=橙,红+蓝=紫,蓝+黄=绿
您需要登录后才可以回帖 登录 | 开放注册

本版积分规则

帮助|Archiver|小黑屋|通信管理局专项备案号:[2008]238号|NB5社区 ( 皖ICP备08004151号;皖公网安备34010402700514号 )

GMT+8, 2025-4-5 14:53 , Processed in 0.180721 second(s), 62 queries .

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表