文档章节

平面设计中如何利用色彩搭配

水牛叔叔
 水牛叔叔
发布于 2014/06/18 00:04
字数 2202
阅读 136
收藏 16

基本色

我们知道可以把一条连续彩虹中的“可视光”分解成从蓝到红的色谱。
我们也看到,或许应用过,通过把两种或两种以上的颜色混合在一起,就可以得到一种特殊的颜色。从本质上讲,色环就是色谱可以看到的颜色所形成的线性连续环。 
一个色环通常包括12种明显不同的颜色。而对于艺术设计师充分理解的色环和色论的重要方面,也许不会被我们中的网页设计者们能够充分欣赏。缺少多这方面的了解,你将会把事情搞乱。

三原色   

从定义上讲,三原色是能够按照一些数量规定合成其他任何一种颜色的基色。为了确定三原色,你必须首先确切明确哪一种颜色是你正在使用的中间色。在上小学时,你可能就知道了三原色:红、黄、蓝,并且你现在用于展示的,仍然是红、黄、蓝三原色。但是如果你有喷墨打印机的话,花点时间把它的盖子打开,看看它的墨盒。你能看到红、黄,蓝吗?不能!你可能看到的是四种墨色:蓝绿(青)色、红紫(洋红)色、黄色和黑色。颜色的不同是由于你的电脑用的是正色,而你的打印机用的是负色。显示器发出的是彩色光,而纸上的墨则吸收灯光发出的颜色。更进一步的解释就超出了本文要探讨的范围。

除了发射与吸收光的不同之外,本文涉及的概念同样适用于正色和负色模式,出于本文的写作目的,我们仅探讨着正色模式的三原色:红、绿、蓝。

次色

为了构造色环,我们将认识任两种相临基色通过合成得到的三种颜色,它们称作为“次色”:蓝绿(青)色、红紫(洋红)色和黄色。正色域中的“次色“同样可以作为负色域中的“原色”。由此你可以得出结论,正色中的次色就是负色中的原色。这是正色和负色模式之间的所有内部关系。

三色

最后我们可以找出色环中当前填充色之间的中间色。幸运地是,三色对于正色域和负色域来讲是没有什么区别的。现在我们已经定义出所使用的12点色环之后,就能够讨论颜色间的相互关系了。
近似色
近似色可以是我们给出的颜色之外的任何一种颜色。如果从橙色开始,并且你想要它的两种近似色,你应该选择红和黄。用近似色的颜色主题可以实现色彩的融洽与融合,与自然界中能看到的色彩接近起来。

补充色

正如我们所知道的相对色一样,补充色是色环中的直接位置相对的颜色。当你想使色彩强烈突出的话,选择对比色比较好。假如你正在组合一幅柠檬图片,用蓝色背景将使柠檬更加突出。

分离补色

分离补色由两到三种颜色组成。你选择一种颜色,就会发现它的补色在色环的另一面。你可以使用补色那一边的一种或多种颜色。

组色

组色是色环上距离相等的任意三种颜色。当组色被用作一个色彩主题时,会对浏览者造成紧张的情绪。因为三种颜色形成对比。上面所讲的基色和次色组可以被称作两组组色。

暖色

暖色由红色调组成。比如红色、橙色和黄色。它们给选择的颜色赋予温暖、舒适和活力,它们也产生了一种色彩向浏览者显示或移动,并从页面中突出出来的可视化效果。
冷色
冷色来自于蓝色色调。譬如蓝色、青色和绿色。这些颜色将对色彩主题起到冷静的作用,它们看起来有一种从浏览者身上收回来的效果,于是它们用作页面的背景比较好。需要注明的是,你将发现在不同的书中,这些颜色组合有不同的名称。但是如果你能够理解这些基本原则,它们将对你的相册设计是十分有益的。
抽取对比
对比是在两种临近色间被认识到的不同色彩。因为白色和黑色并不是真正的颜色,它们被说成是非色彩的对比。白和黑也表现出对比的最高水平。色环中的补色表现的是高色彩的对比。这就是当你增加压缩比后把图象中的白色和黑色信息减少所造成的.JPG压缩算法使彩色信息减少的原因。  当你使用一种单色,然后增加或降低亮度时,单色的对比就被提取出来了。
相册设计中的对比非常重要。并且有不同的应用方式,所有这些都基于上面所列的其他颜色。每个人都清楚的是,白底黑字看起来非常容易,这就是你所阅读的大部分印刷材料中为什么都是白底黑字的原因的一部分。同样地,黑底白字产生强烈对比,但是它阅读起来比较困难。因为黑色相对白色和其它的颜色来讲,看起来有一种沉重感和些许的压抑感。从图14所示的两种对比效果来看,相信你已经对对比色就有了进一步的体会。
类似的对比效果也同样发生在暖色和冷色之间。暖色有些微冲出荧屏的感觉,而冷色被认为有从荧屏后退的感觉。这就意味着暖色/暗色适合于文本,而冷色/亮色更适合于用作背景。但是,这样的方式不是十分固定的。让我们看看选择两种对比色的一个简单例子。用一种(颜色)作为背景,用另一种(颜色)作为文本。
将注意到得到的结果是十分糟糕的。这两种颜色之间不能形成恰当的对比,它们看起来就象伸向你的拳头,明确地讲,它们不是一个好的结合。但是保持这基本相同的颜色不变,调整一下它们的亮度/暗度,使它们之间更一致一些。
在背景图象上添加文本,对比色的使用也许是最重要的。使用这些对比的概念,你需要记住的是,相册上的文本成分必须和背景图象上的所有颜色形成足够强烈的对比。例如,你仅使用了上面所描述的一套“组色”,就会有三种显然的对比色给页面造成的糟杂喧嚣感。 一种较好的方法是去使用一套分离补色,近似色作为背景,补色作为文本(色)。在这种方式下,背景色之间完全地融合在一起,不会招来人们特别明显的注意,并且能够使文字突出出来。
了解色彩理论,可以在你为你的站点选取一种主题颜色时起到作用。依赖于你需要的背景色,导航元素和不同的文本风格,你可以从色环中选用对比模式。那么使用一些比较安全的颜料图标,你可以容易地选取较暗较亮的颜色去增强你元素间的对比而达到一个适当的水平。有许多搭配适合于你的页面―提供一个好的色彩应用而不至于使你的用户头疼。


本文转载自:http://jingyan.baidu.com/article/f54ae2fccbad8b1e93b8494b.html

共有 人打赏支持
上一篇: 踟蹰
下一篇: IE6走好,不送!
水牛叔叔

水牛叔叔

粉丝 141
博文 80
码字总数 36149
作品 2
珠海
程序员
私信 提问
2017年35个最佳线性渐变颜色为您的web设计更进一步

  渐变是否回归?   在平面设计时代开始时,设计师所忽略的技术之一就是复兴。几乎一夜之间,似乎渐渐地在网站设计中出现了。   从背景到图像叠加到用户界面元素上的微妙纹理,双色效果...

芒果web
2017/04/21
0
0
为设计师写的色彩对比指南,让你真正了解色彩对比

本文摘要 一、色彩对比的基础知识 二、如何选择最佳的色彩搭配三、每位设计师还需知道的四、建议 可以说我们每个人每天无时无刻都在和颜色打交道,作为一名设计师,对颜色更是敏感。色彩的搭...

郑乔尹在旅游
2017/10/18
0
0
想成为设计师,这些配色技巧你会几个啊

     可以说每一个作品,不管看得人是谁,第一个看得首先就是颜色搭配,好不好看,入不入眼。   当然,再设计一个作品时,要一次找对颜色不是容易的事儿,这其实是一项繁琐也枯燥的过程...

人工智能未来科技
10/11
0
0
从摄影作品中获取网页颜色搭配技巧

搭建一个网站,虽然布局第一、颜色其次。但颜色的搭配在用户视觉体验中确实最重要的元素。网页的色彩也是树立网站形象的关键之一。作为一个优秀、专业的网页设计师,首先要了解各种颜色的象征...

临江若仙
2014/04/21
0
0
科普音视频开发 — 图片篇

视频开发中所涉及到的内容众多,而且这一行业对于技术的积累要求颇高,典型的厚积薄发的领域。本人才疏学浅,连皮毛都算不上,这里就只能给大家介绍下视频开发领域中所应该理解的基础知识。掌...

_qisen
2017/11/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

码云项目100,水一发

简单回顾一下: 早期构想最多的,是希望能将PHP一些类和编码分区做得更细,所以很多尝试。但不得不说,PHP的功能过于单一,是的,也许写C/C++扩展,可以解决问题,那我为什么不用C#或者Golan...

曾建凯
今天
1
0
Spring应用学习——AOP

1. AOP 1. AOP:即面向切面编程,采用横向抽取机制,取代了传统的继承体系的重复代码问题,如下图所示,性能监控、日志记录等代码围绕业务逻辑代码,而这部分代码是一个高度重复的代码,也就...

江左煤郎
今天
4
0
eclipse的版本

Eclipse各版本代号一览表 Eclipse的设计思想是:一切皆插件。Eclipse核心很小,其它所有功能都以插件的形式附加于Eclipse核心之上。 Eclipse基本内核包括:图形API(SWT/Jface),Java开发环...

mdoo
今天
3
0
SpringBoot源码:启动过程分析(一)

本文主要分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 还是老套路,先把分析过程的时序图摆出来:时序图-SpringBoot2.10启动分析 二.源码分析 首...

Jacktanger
今天
6
0
小白带你认识netty(二)之netty服务端启动(上)

上一章 中的标准netty启动代码中,ServerBootstrap到底是如何启动的呢?这一章我们来瞅下。 server.group(bossGroup, workGroup);server.channel(NioServerSocketChannel.class).optio...

天空小小
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部