美工设计配色方案.docx

美工设计配色方案

在网页设计中色彩搭配是相当重要的一个环节，网页的视觉效果情况对于游客的印象分有着很大的影响，因此也就形成了网页美工这个行业。因为网页视觉效果的重要性，因此在网页设计的过程中，色彩搭配原则是作为一名合格的网页美工必须要掌握的。网页设计色彩搭配原则网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。 蓝色多与白、橙搭配，蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀;蓝天白云，沉静整洁的感觉。 绿色多与白、兰两色搭配，绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀，绿白相间，雅致而有生气。 橙色多与白、红搭配，橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀，橙色活泼热情，标准的商业色调，因此多用于商业网站的网页美工设计。 暗红色显得宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，常以暗红为主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。 网页美工设计色彩忌讳尽管三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页美工设计，不同的颜色在搭配上也有着其中的学问，网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来，所以平面设计上的审美的观点在网页设计上非常实用。 在网页美工设计中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。 忌脏是指背景与文字内容对比不强烈，灰暗的背景令人沮丧! 忌纯是指艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。 忌跳是指再好看的颜色，也不能脱离整体。 忌花是指要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。 忌粉是指颜色浅固然显的干净，但如果对比过弱，显得苍白无力了，就象病夫一样无可救药。 另外，蓝色忌纯，绿色忌黄，红色忌艳。 设计师不要“为设计而设计”。再炫酷的页面效果、再丰富的表现形式，如果偏离了以用户为中心的主线，让用户抓不住重点，感悟不到网页本身所需要体现的信息，那么，再好的画面呈现也是败笔。 一、学配色，必须先了解配色比例 日本的设计师提出过一个配色黄金比例，是70：25：5，其中的70%为大面积使用的主色，25%为辅助色，5%为点缀色。一般情况下建议画面色彩不超过3种，3种是指的3种色相，比如深红和暗红可以视为一种色相。 一般来说颜色用的越少越好，颜色越少画面越简洁，作品会显得更加成熟，颜色越少我们越容易控制画面。除非有特殊情况，比如一些节日类的海报等，要求画面有一种热闹，活力的氛围的，多些颜色可以画面显得很活跃，但是颜色越多越要严格按照配色比例来分配颜色，不然会使得画面非常混乱，难以控制。 二、了解色彩的关系 色彩搭配就是不同色相之间相互呼应相互调和的过程，色彩之间的关系取决于在色相环上的位置，色相和色相之间距离的角度越近，则对比越弱，离得越远则对比越强烈。 背下这六种色相之后，那你的配色之旅已经起步了，因为所有的颜色都可以根据这六种基础色相来调配。这就是六字真言。下面我们来说下3种最最常见的色彩配色方式。 ①相邻色搭配 在色轮中挨着比较近的就是邻近色，根据红橙黄绿蓝紫这六字顺序，相邻色搭配就是红+橙，橙+黄,黄+绿，绿+蓝……以此类推。 相邻色因为比较邻近，有很强的关联性，非常协调柔和，画面非常和谐统一，可以制造出一种柔和温馨的感觉，因为在色轮中位置较近所以这种搭配视觉冲击力较弱。 几个例子： 这两张基本都是采用相邻色的搭配方式，第一张还加了一笔橙色起到点缀的作用，整体画面非常柔和协调，因此这类配色常用家居，棉织品，小清新淡雅的服装，中国风等能给人以宁静，柔和，传统感觉的产品。 相近色搭配中还有一种单色系的搭配方式，采用同一色相，仅仅调整该色的明度/饱和度，得到另外一种颜色。如上图所示，文字颜色就是用背景色降低饱和度/明度后的结果。本身背景色明度很高，又采用单色搭配手法所以会给人高雅，淡雅，宁静的感觉。主标题的字体也配合整个画面采用了一些变形，使得整体非常统一和谐。 七夕这张图片使用的.蓝与紫搭配，画面宁静和谐。旁边这张图片使用的单色搭配，深蓝+浅蓝，画面统一带有一点传统的感觉。 这张海报用的红+橙的搭配方式，以橙色为主色调，背景中采用不同橙色增加了画面的空间感，并且让画面看起来不是那么的单调。海报中邓超惊讶的表情，以及背景倾斜的线条和几何方块的点缀，漂浮的产品使得原本稳定的画面变得活泼轻快富有冲击力，可见海报做成什么格调也与画面每个组成部分都有密切的关系。 ②间隔色搭配 根据红橙黄绿蓝紫这六字顺序，红+黄，橙+绿，黄+蓝，绿+紫，蓝+红，因为这种搭配方式中间都隔了一个颜色，因此称为间隔色。 间隔色相比较相邻色，2色之间在色轮上相隔远一些，因此视觉冲击力会强于相邻色，而且间隔色使用非常广泛，既没有180互补色冲击