网页美工设计中色彩搭配探析

张朦朦

摘要：色彩作为视觉艺术的重要运用，在网页设计中能起到夺人眼球的目的，设计合理将会收到意想不到的效果。本文通过对色彩的特征和应用原理的叙述，探析色彩在网页美工设计中的应用和具体途径。

关键词：网页美工 设计 色彩搭配

中图分类号：J0-05 文献标识码：A 文章编号：1008-3359（2017）13-0167-03

信息技术的迅速推广和电子终端产品的普及，都为网络信息的发展带来了可能，从人们的日常起居和工作交友，网络可以说是无孔不入，对人们的生活实现了全覆盖，成了人们生活中必不可少的一部分。在这种大背景下，网站的魅力就变得不容忽视了，虽然网络受众较多，但网页美工设计却并不都尽如人意，有些网页的制作技术虽然已经很纯熟，内容设计上也接近完美，但在投放和使用中仍然没有达到最初设想的效果，这种现象的出现究其原因是网页设计中色彩搭配不够合理，在色彩的搭配的艺术性和独特性上体现不明显。同时，各个网页设计之间区别不大，创新不足，还有一种就是在设计上虽然有创新，但同时也给受众群体一种不信任感，色彩是人们能够接受和欣赏的最基础、最普遍的美感，色彩的搭配如果运用的好，可以增强网页设计的的美感，给受众带来强烈的视觉冲击，同时在宣传自我设计理念时还能够引发与受众的共鸣，进而增强其艺术吸引力。因此，设计师们在网页美工设计时要注重对色彩的搭配，在合理搭配方面下功夫，使色彩在网页美工中发挥应用的作用。

一、色彩的特点

色彩是自然界的馈赠，给人们的生活增添了乐趣，不同的色彩给人的感觉也不同，有的让人开心有的让人感觉压抑。但是色彩本身并没有感情，是它产生的颜色引起的情感体验，其中最重要的就是对色彩当中各种色相、明度、纯度的各种不同搭配而产生的不同的效果。

（一）色相指的就是对各种颜色的称呼，如玫红、葡萄籽、金属黑、钻石蓝等，色相是对色彩的分类，这些体现色彩之间最大区别。同时，色相是光射入人眼后产生的，因此，根据光线的波长又有了不同的区分。

（二）纯度是指色彩当中的纯净程度和色彩的饱和度，也就是颜色当中所还有的不同色的成分的比例。这种纯度受影响的因素很多，比如色彩所附着的物体的材质、结构、光照及人们的眼睛都是影响因素，一定程度上可以说色彩成分的比例越大，纯度就越高，反之就是越小。

（三）明度是指色彩的明亮的程度，看起来是色彩相同的在明度上可能也是存在深浅的区别，比如黄色的饱和度最高，看起来最亮，而蓝色和紫色则会稍微暗一点。明度的变化也会影响色彩的纯度，比如在红色中加入黑色，红色会变成暗红，这时的纯度就降低了，相反则会增高。

二、网页美工设计中运用色彩的原则

每一个网页的美工设计都不是毫无目的的，设计师在设计网页时既要有基本的技术专业功底，同时还应该遵循运用色彩的艺术原则，要整体去把握网页的协调性，根据网站的受众人群及主题去进行设计和搭配，进而达到既有别于其他网页又突出自我特点的效果。具体来讲有三个原则要遵循。

（一）突出自己網页的设计特色。网络信息的普及和运用，给网站带来了巨大的发展空间的同时，也带了前所未有的挑战。各类网站层出不穷，同类网站竞争激烈，如果不能在同类群体中脱颖而出，就很难存活下去，因此，网页美工设计作为视觉艺术，要通过色彩搭配的设计和运用来形成自己的风格，突出自己的特点，吸引受众的目光。这种既要协调又要突出的要求，要求设计师在设计过程中，在遵循色彩搭配的基本规律的前提下，大胆创新，整体上保持协调，在局部进行改造，用强烈的对比色来突出特色，凸显与众不同。

（二）要注意与网页主题的搭配。色彩作为一种视觉艺术呈现在人们面前，其色彩的不同则想要传递给人的信息也不同，人们所获得的情感体验也会不同，因此，在色彩的运用上，追求创新的同时还要注意与网页的设计主题相契合，只有这样才能向受众传达网站的理念。比如若想展示网站的优雅和严肃，在色彩上就要以冷色调为主；再如渲染节日气氛时就要用红色等较为明亮的颜色，营造热闹、热情的氛围；在宣传环保和健康的网页中就应该多用绿色作为主色调，给人健康、舒服的感觉。

（三）色彩的搭配要考虑持续性。网页的色彩的搭配完毕，在一定时期内其主题是不需要更改和更换的，但当前网站竞争压力大，想要留住浏览者的角度，保持新鲜感是方法之一。因此，为了提高自身的魅力值，应该对网页的色彩各方面的搭配上进行一些小范围的调整和更换，来增强网页的吸引力。如在企业的网页设计中在色彩运用上要考虑围绕企业的标准色来进行设计，进而帮助企业做好网络的宣传和推广，同时，在一些节日或者活动时也应该进行相应的添加，但不能影响主体的色才主基调。

三、网页美工设计中色彩搭配的应用

（一）对主体色的把握。在网页设计中，除了白色外，被大范围使用的颜色便是主体色，主体色的应用直接影响主题的体现。因此，在网页美工设计过程中，设计师要熟悉掌握网页的主题和受众群体的特征，再来确定页面的主体色，根据色彩的主次搭配，让整个网页既突出主题有不至于单调，看起来和谐美观。首先在冷色调的应用上，要充分考虑其波长，因为其波长较短，能见度低，让人在视觉上的感受过于严肃、压抑，如蓝色、青色和与其相接近的其他色彩。在网页美工设计中，设计师往往会用这种冷色调来营造宁静、肃穆的氛围，同时还能够借助冷色调来起到增大网页的空间的效果。如在司法系统的网页设计中，在主体色调中选择蓝色，用蓝色来展示法律工作的庄严，营造一种庄严肃穆的氛围，既体现其自身的形象，同时也起到了很好的宣传效果；另一方面，冷色调还能够让人感觉的凉爽和舒适，因此，在炎热的夏天进行宣传时，可以选择冷色调来对网页的色调进行更换和调整，来激发人们的购买欲，增强视觉上的舒适感。暖色调波长较长，可见度高，给人一种活力、热情和活泼的感觉，因此，设计者往往在网页设计中愿意使用这些暖色调来烘托气氛，让人们在浏览网页的过程中能够被感染，心情愉悦。如我国最大的电商门户网站淘宝，在春节和“双11”大促中，网页设计会大量的使用红色，刺激人们的消费，再如肯德基的广告宣传页总是用活力四射的红色，让人心情愉悦。黄色在色彩上饱和度较高，给人一种温暖和充满活力的感觉，因此在设计中也被大量的运用。之后就是橙色，在色彩的明度上也较明亮，纯度是比较接近于红色，也是比较醒目的颜色，但是它同红色的那种热烈相比，显得更容易被亲近，有活力的同时又有点严肃，很多网页会把橙色作为主体色来使用。

（二）多色彩的把控。一个网页若只有一个色彩出现就会显得过于单调，很难有受众，同理，若一个网页色彩过多，色彩间的跳跃太大也会让人感觉烦闷，很难停留太久，因此，在色彩的应用上要注意色彩与色彩之间的过渡和相互之间的和谐。另一方面，设计师在网页美工设计中还要充分考虑网页设计的商业目的，大多数情况下，网页都有要宣传的商品，但在当前竞争越来越激烈的市场，大而全的宣传很难赢得消费者，只有求新、求精、求细，才能在众多网站中脱颖而出。因此，网页美工设计中还要考慮网站的整体风格，与当前的宣传商品的总体基调也要契合，将色彩对人们的心理暗示的特点发挥出来。

（三）做好色彩之间的过渡。两个相近的颜色是最好的过渡色，同一个色系的不同纯度的两个颜色也可以很好地过渡。在网页美工设计中，根据网站的主题，用冷暖搭配和明暗交替的几个相近色进行搭配，但数量上最好控制好，不可过多，最好是三个左右，可以营造一种和谐平衡的美感，这些相近的颜色在成分上会有很多共同之处，搭配在一起可以让色彩烘托氛围的效果更强。比如在化妆品的网页宣传中，为了宣传它健康、清洁和滋养的功能，用柔和的、淡雅的和暖色的色彩可以给人一种干净、舒适和可信任的感觉，可以提升消费者对化妆品的信任感，从而刺激消费者去购买。室内涂料的宣传上，重要体现其绿色、环保和无毒的特性，为此，在色彩的选择上多以白色、绿色和蓝色为基调，可以体现一种清爽、干净的感觉；再如，在一些奢侈品的广告中，主要是融入黑色、金色、白色等冷色调，突出其高贵、优雅的品味，体现其高级感。针对不同的产品特点及宣传理念其使用的色彩区别很大。

（四）合理使用对比色。对比色顾名思义是两个色相相差很大的色彩，但对比色虽然反差大，但若合理运用起来，能够达到很好的效果。在对比色中尤以补色的反差最强烈，在效果上也最好。比如红绿的对比、橙色与蓝色的对比，它们的搭配可以达到很强的视觉冲击，让人们可以感受到热烈又不失优雅的气氛。这些对比色往往被用于在网页中的广告和标题的宣传，能够迅速抓住人的眼球，增强网页的吸引力。比如聚美优品的网页设计中用粉色和黑色营造了一种柔美又不失专业的氛围；如京东商城的网页设计中突出了蓝色，又有灰色和黑色的搭配。这些不仅使网页空间看起来得到了延展，同时也能够给人一种专业、严肃的感觉，增强信任感；再如在婚恋网站上，往往会选择红色和金色的饱和色来营造热情喜庆的氛围。

（五）适当采用黑白色。黑白色算是色彩当中的万能色，可以和任何的色彩进行比例调配和搭配。其中，白色是最常被使用的颜色，有些网页会故意留出一部分白色来让人去猜，黑色在运用上不及白色多，但是在调节功能上不输白色。在一些颜色饱和色过高，过于明亮的颜色上，加入黑色进行调和，会显得更加和谐，人们在浏览过程中也会更加舒服。如果在网页美工设计中，选用的色彩难以选择时，可以尝试用黑白色。比如一些奢侈品中的香水广告中，就会大面积运用黑白色，二者合理布局不仅不会显得单调，反而能够凸显商品的特点，显得与众不同，又具有高级感。在题目的设计上也可以广泛地运用黑白色，二者的搭配可以让题目更加的清晰，增加浏览者的阅读兴趣。

四、结语

网络市场的竞争越来越激烈，想要让自己的网站能够在竞争中立于不败之地，做好自己的产品的同时，还需要好的宣传和包装，这就要求网页设计者在网页美工设计中要有一个好的审美，合理运用色彩搭配，让网页整体和谐充满美感，在遵循色彩运用的原则的同时适度创新，增加网页的特色，提升网页的艺术魅力，这样才能吸引更多的受众，才有利于产品的宣传和销售。

参考文献：

[1]中央编译局.马克思恩格斯全集[M].北京：人民出版社，1963.

[2]孟东生.色彩[M].石家庄：河北教育出版社，2008.

[3]秦盈莹.网页设计中的色彩探析[J].企业科技与发展，2008，（04）：55.

[4]马艳丽.谈网页设计的风格把握和色彩搭配[J].艺术研究，2008，（02）：120-121.

[5]黄在贤.设计师谈精彩网页设计[M].北京：电子工业出版社，2004.

[6]权智殷.设计师谈网页色彩与风格[M].北京：电子工业出版社，2005.

[7]李立伟.浅谈网页色彩设计[J].郑州轻工业学院学报（社会科学版），2007，（02）：74-77.

[8]文红.色彩构成[M].重庆：重庆大学出版社，2005.

[9]文芳，李明.中国网页设计前线[M].长沙：湖南美术出版社，2002.

[10]张连生，单德林.设计色彩[M].南京：江苏美术出版社，2001.