配色总结

配色总结 篇1

一、配色

其实对色彩的感觉是设计师应具备的基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于美工设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。我刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。

我觉得，设计师对颜色的运用一般有这么几个阶段：

初级阶段：用自己首映感觉好的1~2种颜色，不考虑其他因素、他人感觉;

过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象;

成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段;

终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。

其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。

二、布局

美工设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。其实做好布局设计也不是很难，无非就以下几步：

布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。

布局版式：关于布局的版式多种多样，在将重点内容放在显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将主要的内容、图片等放在页面的左边和上边。

精细布局：整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。

我觉得锻炼布局的方法是制作ppt。想把ppt制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的ppt应该是他们自我内修的一门必修课。ppt的布局做好了，其他网页、宣传册等平面布局应该都信手捏来。

三、细节

至理名言细节决定成败，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。

举例说一下，以下是某系统里一篇文章下面的添加批注表单。上半部分是没有经过美化、由程序员直接写的程序，下半部分是有设计师协助设计美化完成的表单界面。

一般正常审美的人肯定觉得下面的好看，但却不知好在哪?听我从各个角度详解一下：

配色：字体颜色像是直接从32色板上取的，没经过考究;表单边框色太重;表单背景与页面背景相同，没突出层次。

布局版式：此组件又没有多行操作，无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。

用户体验：明确这是一个系统里的界面组件，所以这个人既然都登进来了，还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注，所以给他提供大片的提交内容的输入框即可，简单明了;提交按钮，上图需要再填完批注内容后折回到左上角保存显然不合理，下图的界面大大方方右手边一个按钮，看起来明显，操作起来舒服。

以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿mj跳舞，尽管不是很像，但少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。

四、心态

在累计阶段，心态平和、踏实耐心，切忌急躁，美工本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。

五、技能

有了良好的审美基础和创意，接下来就是制作了。相比较审美观的培养和创意的来临，我觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下我接触到的工具：

制图技能：photoshop(平面处理等)、illustrator/coreldraw(矢量图)、flash(动画)、premiere pro (影视后期)等等这些只是应用的工具;

页面编程技能：html、css、javascript等;

优化技能：压缩图片、网页优化等。

以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。

六、用户体验

用户体验一般出现在网页设计和系统界面设计里，是用户和人机界面的交互过程，界面操作的易用性，直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求，甚至有点儿超越美工的范畴，但只有美工了解这些才能更合理地设计界面布局，整体搭配等等。

配色总结 篇2

色及色彩

色彩三要素

不论任何色彩，皆具备三个基本的重要性质：色名，明度，彩度，一般称为色彩三要素或色彩三属性。

色名(色彩)

色名（色彩，简称为h；或译为色相）及是区分色彩的名称，也就是色彩的名子，就如同人的姓名一般，用来辨别不同的人。

明度(价值)

明度（价值，简称v）光线强时，感觉比较亮，光线若时感觉比较暗，色彩的明暗强度就是所谓的明度，明度高是指色彩较明亮，而相对的明度低，就是色彩较灰暗。

彩度(浓度)

彩度（浓度，简称c）是指色彩的纯度，通常以某彩色的的同色名纯色所占的比例，来分辨彩度的高低，纯色比例高为彩度高，纯色比例低为彩度低，在色彩鲜艳状况下，我们通常很容易感觉高彩度，但有时不易作出正确的判断，因为容易受到明度得影响，譬如大家最容易误会的是，黑白灰是属於无彩度的，他们只有明度。

色环

由于色环并不容易解说，所以请翻阅其他书籍或询问专业美工或教师。

配色的基本概念

配色的基本概念，这是我们在做图时常常预见的问题，若能将这些概念了解，在颜色的搭配上自然比较占优势。

色名对比

将相同的橙色，放在红色或黄色上，我们将会发现，在红色上的橙色会有偏黄的感觉，因为橙色是由红色和黄色调成的，当他和红色并列时，相同的成份被调和而相异部份被增强，所以看起来比单独时偏黄，以其他色彩比较也会有这种现象，我们称为色名对比。

除了色感偏移之外， 对比的两色， 有时会发生互相色渗的现象， 而影响相隔界线的视觉效果， 当对比的两色，

具有相同的彩度和明度时， 对比的效果越明显， 两色越接近补色， 对比效果越强烈。

明度对比

将相同的色彩，放在黑色和白色上，比较色彩的感觉，会发现黑色上的色彩感觉比较亮，放在白色上的色彩感觉比较暗，明暗的对比效果非常强烈明显，对配色结果产生的影响，明度差异很大的对比，

会让人有不安的感觉。

彩度对比

色彩和另一彩度较高的色彩并列时，会觉得本身彩度变低，而和另一个彩度较低的色彩时，会觉得彩度变高，这种现象称为彩度对比。

色彩的物理属性

不论艺术家是否用颜料、染料还是墨水来工作，每一种被使用的颜色都必须根据颜色的三种物理属性来描述:色相、明暗和纯度。

色相 色相是一般的色彩名称 红、蓝、绿，等等--用来称谓对在可视光线中能辨别的每种波长范围的"视觉反应。色相指示了一种颜色在色谱或色轮中的位置。每一种颜色实际上存在着很多微妙的变化，尽管它们都始终使用简单的色彩名称。例如，很多红色在性质上与纯粹的红色大不相同，但我们仍然以红的色相来识别它们。此外，把一种颜色添加到另一种颜色会改变这种颜色的色相;这实际上改变了光的波长。任何两种颜色的混合可以创造出无限的层次(变体)--例如，黄色与绿色之间。为了概念的清晰，艺术家一般把色相放在十二个层次的色轮上来确定(辨别或命名)色相。

明暗 一个人的色调范围可以通过把黑色或白色增加在色相上来产生。这说明色彩有不同于色相的特性。被称为明暗的色彩特性对色彩的明和暗，或一种颜色反射的光量进行区分。在最亮与最暗之间存在着很多明暗层次。要改变一种颜色的明暗，我们必须把它与另一种更亮或更暗的颜色相调和。不会改变色相的亮色与暗色只有黑色和白色。

每种颜色都反射不同的光的数量和不同的波长。大量的光是从黄色反射出来的，而少量的光则是从紫色反射出来的。每种颜色在其最强的纯度上都有指示着它所反射光的数量的标准明暗。为了更有效地使用色彩，我们应该知道每种颜色的标准明暗。这种标准明暗在色轮上看得最清楚，色轮上的颜色按照中性明暗的水平从黑到白依次排列。在这种比例上(及在色轮上)，所有高于中间灰色的颜色都称为高调色。所有低于中间灰色的额色则足低调色，一种颜色是否高调或低调取决于艺术家，众所周知，一种低调的紫色可以通过白色来提亮。那种调整是按照中性色水平提高紫色的明暗水平，直到它与灰色的明暗水平相一致;通过检查标准的灰色，可以使紫色在明暗上与黄-橙色的明暗相等。同样，象黄色邪样的高调色也可以通过很黑的颜色来调整，直到它成为低调色。

纯度 色彩的第二种特性，纯度(亦称饱和度)涉及在一种色彩中光的性质。我们使用纯度一词来区分同一色相中较明亮或较浑浊的色调;即区分一种颜色的饱和程度或出自灰色和中性色的颜色的强度。饱和的程度或最纯的颜色，实际上可以从透过三棱镜的光柱的色谱中看到。但是，最接近并类似光谱中的色彩的艺术家用颜色被认乃是最纯的颜色。从颜色中反射的光波的纯度产生色彩的亮度或浊度的各种变化。例如，只反射红色光波的颜色是一种纯红的颜色，但如果任何互补的绿色光波也被反射了，红色的亮度就会减弱或变灰，加果绿色和红色的光波被反射的表面均匀吸收，其色调就是中性的灰色。没有纯度的颜色就接近灰色。

有一些方法改变色彩的纯度。常见的方法是将一种颜色与其补色并置，这样会增加顿色的纯度。另一种改变纯度的方法是将颜色进行调和，这将自动地降低被调和色的纯度。增加中性色(黑色、白色或灰色)会导致颜色的变动。当白色调和到任何颜色中时，会使颜色变浅，但也会失去其亮度或纯度。同样，把黑色调和到某种颜色中，当颜色变暗时也减弱了纯度。我们不可能在不改变纯度的情况下改变深浅，尽管这两种特性不是同一回事，一种纯度的变比是通过一种相同明暗的中性灰色来调和颜色而产生出来的。调和的结果是纯度发生变比而深浅没有变化。颜色在加入灰色后会

失去纯度，但在色调上不会变深或变浅。改变任何颜色的纯度的最有效的方法是增加补色。把色轮上完全对立的两种颜色调和在-起，如红与绿、蓝与橙、黄与紫，实际上就是三原色的平均调和。这将产生中性的灰色，这是因为经调

和的颜色已经不纯，没有能力吸收所有的反射光波，也可以视为一种较浅的黑色形式。在比例不相等的调和中，两种互补颜色的调和将会使量多的颜色产生特殊的性质。量少的补色，不是纯粹的灰色，是量多的补色的灰色或中性色形式。当两种二次色与一种普通色调和产生三次色时，也会发生这种中性化。当一种颜色通过其中性化而产生出那些颜色时，它们都具有同样的特性和外表。三次色的位置在色轮的内圈，如褐色(橙色的中性化)、橄揽绿(绿色的中性化)，等等。它们以低纯度和色相的中性化为特征。一种二次色与一种原色相调和时，其结果不会出现在色轮的外圈。

补色与分离补色 色彩的结构依赖于色相的最大对比，这些对比发生在色轮上直接相对的两种颜色并置在一起的时候。这是因为较强的对比将产生兴奋的情绪。每种颜色都有明显增强另一种颜色纯度的倾向，当两种所用颜色的份量相等时，每一种颜色都不可能被长时间地观看。可以通过缩小一种颜色的比例，或改变其中一种颜色的纯度或深浅来克服这种困难。一种具有轻度对比的微妙变化是"分离补色"系统，这个系统是一种颜色与其补色两边的两种颜色的组合。这种颜色配置比直接补色系统有更多的变化，因为颜色的对比是通过一种颜色与其补色最接近的两种颜色体现出来的。甚至更大的变化和趣味也可以运用这个色彩系统中的任何颜色的全部色阶的纯度变化和色调选择来实现。

暖色与冷色 色彩的"温度"可以视为组织色彩系统的另一种方式。所有的颜色都可以划分为"暖色"与"冷色"。红色、橙色和黄色被联想到太阳或火，因而被认为是暖的。任何包含了蓝色的颜色，如绿色、紫色或蓝-绿色(青色)，被联想到空气、天空和水;它们被称为冷色。这种在色彩上的暖与冷的性质可以被其周边或邻近的颜色所改变或影响。例加，红色的暖，如其纯度一洋，可以被它相邻的一块补色，即绿色所增强。