Chinaunix首页 | 论坛 | 博客
  • 博客访问: 343956
  • 博文数量: 71
  • 博客积分: 2129
  • 博客等级: 大尉
  • 技术积分: 835
  • 用 户 组: 普通用户
  • 注册时间: 2010-01-18 16:03
文章分类

全部博文(71)

文章存档

2014年(22)

2013年(18)

2012年(24)

2010年(7)

我的朋友

分类: Html/Css

2014-01-10 10:53:55

网站配色在网站设计中的应用

颜色在网站设计中是一个非常重要的元素,但是你没有什么必要去浪费时间精力苦读色彩心理学之类的书籍,本文的提到的在线工具、软件和配色说明已经可以让你做出不错的网站设计了!
一、色彩与配色

色彩就像是音符一样,没有某一种颜色是所谓的“好”或“坏”,唯有一个个的音符组合起来才能谱出美妙的乐章,才能说是协调或者不协调。

在浩如烟海的文章和书籍中,都提到了色相环,色相环用很直观的方式表明了各种常见颜色之间的关系。是我们选择色彩常用的。它由12种基本的颜色组成。包含三原色:红、黄、蓝,这三原色混合产生了二次色:橙、绿、紫,二次色混合产生了三次色。三原色相当于色相环中所有颜色的“父母”。在色相环中只有三原色不是由其它颜色混合而成的,它们在色环中是平均分布的。

色相环

每个人有自己所喜爱的音乐,同样每个人也有自己钟爱的色彩,每一种颜色都有一种寓意。

就像音乐一样,色彩也是,每个人都有自己的视角。但是,在所有的语言和文化里,某种色彩被约定俗成的赋予了不同的情感。从人的视觉来说,人接触到一个新事物的时候,第一印象是TA的颜色,所以,色彩的吸引力往往高于其造型所产生的印象。

下面是色彩情感的一般性归纳:

色彩的情感寓意

红色的纯度高、注目性高、刺激作用大,是视觉效果最强烈的色彩,但是,过纯的红色容易使人疲劳,引起人的心理反感。实践证实:网页中的购买之类的按钮使用红色比使用绿色要好;

黄色是三原色中最亮的颜色了,是暖色调的基准色彩之一,黄色给人快乐、轻松、通透、辉煌、充满希望与活力的印象,同时给人一种庄重、高贵、明亮的心理感受。但是黄色亮度太高,容易受其它颜色影响,在色相环中稍微偏一点儿,就会是三次色,所以很难把握。黄色不宜大面积使用,红色也是这样子的!

蓝色是天空和大海的颜色,是永恒的象征,给人美丽、宁静、清洁、理智、安详与广阔的感觉,产生对浩瀚宇宙、万里晴空、碧波海洋的联想,但同时也是最冷的色彩,有着勇气、冷静、理智、永不言弃的含义,所以许多国家和地区的警服都是蓝色的,警察和救护车的灯一般是蓝色的。

蓝色有沉稳的特性、具有理智、准确的意象,同时还表示希望。在商业设计中,强调科技,效率的商品或企业形象,大多选用蓝色当标准色,企业色,如科技、知识、计算机、企业、政府、银行和门户等。蓝色还代表了“可信”的心理感受,很多企业做网站时都选择了蓝色。

下面是ColorLovers整理的知名企业/品牌的Logo三原色分类:

ColorLovers整理的Logo三原色归类

下面是依据网站分析公司KISSmetrics的调查做的不同性别对色彩的感受:

不同性别对色彩的感受
二、色彩/配色工具

配色软件推荐:ColorImpact、ColorSchemer Studio,这两个配合使用或者只用一个已经足够了。

配色网站

1.Flat UI Colors :点击你选中的颜色,这个颜色的十六进制代码已经在剪贴板了,直接粘贴即可。

Flat UI Colors
 
 2.Color Palettes – ColourLovers :还算不错的工具,虽然有点儿老了,与上一个网站的配色方案相比。

Color Palettes – ColourLovers
 3.color.hailpixel.com :这个网站的特点是快选快用,随意移动鼠标即可产生相应的色彩,点击即可复制到剪贴板。

color.hailpixel.com
 4.hexu.al :即时查看颜色与文字的效果。
5.Sphere: Color Theory Visualizer :色相环在线选色工具。
6.Color Scheme Designer :很不错的在线选色工具,与这一节文字开头介绍的某一个软件功能类似。

Color Scheme Designer

7.Hex2RGB :就像它的名字一样,十六进制色标转RGB。
阅读(823) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~