网站美工设计中的搭配方式

网站美工设计中的搭配方式

　　网站美工设计是会应用到很多图片和颜色的，如何将图片和背景色进行完美的搭配，则是网站美工设计师重点考虑的。下面小编介绍的网站美工设计中几种搭配方式相关知识。

　　1、必须先了解配色比例

　　一般来说颜色用的越少越好，颜色越少画面越简洁，作品会显得更加成熟，颜色越少我们越容易控制画面。除非有特殊情况，比如一些节日类的海报等，要求画面有一种热闹，活力的氛围的，多些颜色可以画面显得很活跃，但是颜色越多越要严格按照配色比例来分配颜色，不然会使得画面非常混乱，难以控制。 日本的设计师提出过一个配色黄金比例，是70：25：5，其中的70%为大面积使用的主色，25%为辅助色，5%为点缀色。一般情况下建议画面色彩不超过3种，3种是指的3种色相，比如深红和暗红可以视为一种色相。

　　2、了解色彩的关系

　　色彩搭配就是不同色相之间相互呼应相互调和的过程，色彩之间的关系取决于在色相环上的位置，色相和色相之间距离的角度越近，则对比越弱，离得越远则对比越强烈。对于新人，我们只需记住红、橙、黄、绿、蓝、紫六种基础色相即可。背下这六种色相之后，那你的配色之旅已经起步了，因为所有的颜色都可以根据这六种基础色相来调配。这就是六字真言。下面我们来说下3种最常见的色彩配色方式。

　　①间隔色搭配

　　根据红橙黄绿蓝紫这六字顺序，红+黄 ，橙+绿 ，黄+蓝 ，绿+紫 ， 蓝+红，因为这种搭配方式中间都隔了一个颜色，因此称为间隔色。间隔色相比较相邻色，2色之间在色轮上相隔远一些，因此视觉冲击力会强于相邻色，而且间隔色使用非常广泛，既没有180互补色冲击力那么具有刺激性，又比相邻色多了一些明快丶活泼丶对比鲜明的感觉。特别是红黄蓝三原色之间的相互搭配，应用非常广泛，也非常流行。

　　②互补色搭配

　　在色轮中相隔180的2个颜色互为补色，是色彩搭配中，对比最为强烈的颜色，没有之一…根据红橙黄绿蓝紫这六字顺序，互补色就是中间间隔2个颜色，红+绿，橙+蓝，黄+紫…

　　互补色搭配可以表现出一种力量，气势与活力，有非常强烈的视觉冲击力，而且也是非常现代时尚的搭配。若控制的不好往往产生不协调，不含蓄，不安定的效果。

　　互补色搭配要注意三个方面：①一定要控制好画面的色彩比例，因为这个2个颜色放一起对抗非常激烈，所以一定要选出一个老大当主色调，另外一方作为点缀或者辅助色。②可以降低其中一方的明度/饱和度，这样可以产生一种明暗对比，缓冲其对抗性。③在画面中加入黑/白作为调和色进一步缓冲其对抗的特性。

　　③相邻色搭配

　　在色轮中挨着比较近的就是邻近色，根据红橙黄绿蓝紫这六字顺序，相邻色搭配就是红+橙，橙+黄, 黄+绿，绿+蓝……以此类推。相邻色因为比较邻近，有很强的关联性，非常协调柔和，画面非常和谐统一，可以制造出一种柔和温馨的感觉，因为在色轮中位置较近所以这种搭配视觉冲击力较弱。 相近色搭配中还有一种单色系的搭配方式，采用同一色相，仅仅调整该色的明度/饱和度，得到另外一种颜色。

【网站美工设计中的搭配方式】相关文章：

网页美工设计中色彩搭配技巧07-08

网站创意美工设计技巧08-28

关于网页美工设计的色彩搭配07-03

网页美工设计色彩搭配原则10-04

浅谈美工设计颜色搭配技巧07-30

网站美工设计基础知识10-05

团购网站推广的方式07-31

网站推广方法和网站推广方式08-05

企业网页美工设计色彩搭配的技巧10-01

淘宝店铺美工设计必学的颜色搭配技巧09-18