颜色的目的
从艺术的角度来探索色彩,它可以使主题更加鲜明.这就是一张绘图和一幅绘画主要的区别,尽管它们能传达相似的信息.这个道理适用于任何设计包括网页设计.
将色彩添加到设计中使画面的表达更加丰富.图形、字体、按钮和超链接,一切都可以在某种程度上匹配总体的基调.例如,葡萄园网站的颜色和水族馆网站的颜色是不同的.为什么呢?因为这是两种完全不同类型的网站,它们试图传达不同意义、目的或者感情给自己的目标受众.
因此,当在考虑颜色时,记住,颜色很少用来做页面的结构的区分和搭建.你应该用灰色来构建一个布局,就可以让人了解到界面的整体结构关系.访问者在浏览网站界面时,色彩可以带给访问者更加丰富的信息内容.
HSV色彩模型
大多数色彩理论文章讨论的观点是,每种色彩背后的思想和它们表现出的情感.我觉得感情的话题太主观,虽然它是准确的.选择一个配色方案,不仅仅是凭情感,相反,我要研究颜色是如何工作的,以及如何开始自己练习.
一个良好的开端是色相(Hue)、饱和度(Saturation)、明度(Value)(或HSV).你可能理解这些测量颜色的术语,但是我想告诉你这些值确实非常重要.明度是你在黑白照片上获得的信息--就是不同色度的灰色.把一个网站截图,将它转换为灰度图,你就会看到它的原始值.
灰度图
这就是说,明度是明暗程度,表示颜色的明与暗,也被称作亮度.色相是最基本的颜色术语,通常用来衡量实际的颜色,如蓝色、红色或黄色.色相是相当简单的,你可以通过记传统的色轮来记住它的规律.
饱和度(或纯度)与一个颜色的纯度和鲜艳度相关.可以把饱和度看成是色调的强与弱、浊与清.大多数人识别饱和度就是通过对比香蕉黄和粉笔黄的区别.粉笔色更为"发白",似乎缺少鲜艳度,因为它的饱和度更低.从下图的Munsell color system(孟塞尔颜色系统)图表中,可以获得更好的理解:
孟塞尔颜色系统
这个图是值得我们去理解的,因为颜色都是相对的.所以,一个"冷"色,像蓝色用在浅色中就不那么冷了,同样的"暖"色,在暗色中也就不那么暖了.颜色系统是一个奇怪的话题,因为它常常与其它颜色相互作用.这样听起来好像是没有意义的,但你可以把它作为学习的例子,在实际的项目中不断练习.
Harmonic模式
当选择一个配色方案时,你有很多不同的模式可以遵循.诚然不是每个人都懂得如何挑选颜色,幸好网络上有很多方便的资源,来帮助我们完成这个任务.我认为这些色彩调和的网页做的很出色,但是让我们讨论一些更有趣的选择吧.
互补色是色轮上相对的两个颜色,它们之间的色彩对比非常强烈.例如,紫色按钮在黄色背景上非常的突出,因为它们是高对比度的配色.当然,这还取决于每一种颜色的饱和度,通过实践来理解是最好的.请记住:对立对比!
互补色
相近色在色轮上紧邻彼此.很显然这样的配色方案不会产生高对比度.但在设计图形、banner、纹理或者背景,这些需要匹配整个网页色系的元素时,这是非常实用的.毕竟在总体布局上,并非一切都应该是需要高对比度.
相近色
三色式是在色轮上等距隔开三个独立的颜色,三种颜色在色轮上要呈正三角分布.当要摆弄这种配色方案时,一定要选出一种色彩作为主色,另外两种作为辅助色,平衡色彩,决定它们应该如何融入整体布局.饱和度在其中扮演重要的角色,但是整体的配色方案任然不会因此发生大的变化.
三色式 三角形搭配
分裂互补色非常像前面的互补色方案,但稍微有些变化.该配色方案是从色轮上的一个点开始,搭配与它相对的两个相邻色,使用相近色来代替互补色中的一个.分裂互补色的对比依然非常强烈,但它并不会像互补色搭配那样刺目,使人感觉不舒服,它给色彩的选择提供了一点回旋余地.
分裂互补色
四色式(矩形搭配)是最难以调和的,平衡的适当会使画面显得绚丽多彩.这种配色方案利用两对互补色,它们之间隔两个色格,这四种颜色在色环上的连线形成一个矩形.在设计过程中若让一个颜色成为主色,效果会更加,同时要注意冷暖色的平衡.我不建议在一开始就采用这种配色方案,因为如果没有经验,很难去控制它.但是它在较大的设计中使用会显得非常漂亮,所以它值得被牢记.
四色式 矩形搭配
【寒假招生启动】寒假冷吗？跑跑步就不冷了。寒假来上海平面设计培训，让成绩摆脱寒冷，与你一起奔跑吧！上海平面设计学校寒假招生已火热启动，查看详细内容可点击： http://4415.peixun360.com/（如需电话回复，请留下您的【姓名+联系方式+城市+课程】，我们会尽快为您致电，祝您今天好心情！）
编辑推荐：http://4415.peixun360.com/news/147207/
友情链接：深圳平面设计学校、深圳平面设计学校、深圳平面设计培训（http://649.peixun360.com/）
898995850
