中文核心期刊网站页面设计中的色彩搭配原则

　　Abstract: With the rapid development of information technology, networking and computer technology has penetrated into people's lives and work, to people's lives brings a wealth of information and enjoyable amateur enjoyment. This article will focus on the color of Web page design elements for website page design principles and color matching with a brief discussion of the way.

　　Keywords: website design with color page design principles and methods

　　作为网站页面设计的基础，页面的色彩设计时非常重要的，决定了一个网站的基本风格和行业，给人以丰富的想象和联想，并且，在静态形态的色彩之外还可以使用动态进行色彩的表达，设计者在对网页的色彩进行搭配的时候，要考虑到很多的方面，以实现最佳的色彩表达效果。

　　一、网页界面色彩设计的要素

　　1.主色调

　　在网页设计的时候，最大面积采用的色彩即为网页界面的主色调，主色调掌管了整个画面的色彩气氛，给人们不同的视觉感受，并且能让人们对网站的内容产生联想，例如女性化妆品网站大多采用粉红色、黄色等暖色系，塑造出温暖、可爱的女性氛围，让女性产生购买的冲动;而一些强调自然成分的保湿护肤品的网站大多采用蓝色、绿色等颜色，让购买者产生大海、树木的联想。

　　2.辅助色

　　相对主色调来说，辅助色所占的整体面积较少，起着强调和缓冲的作用。当起强调作用的时候，可以采用与主色调对比的颜色来增强画面的跳动感，例如在主色调是绿色的时候，可以适当的加入红色作为辅助颜色，起到效果增强的作用;当起缓冲作用的时候，辅助色与主色调颜色较为相近，例如主色调是黑色，辅助色是灰色，适当对整个页面的色彩进行调和，以免太过严肃。

　　3.背景色

　　在以宣传为主的网页设计的时候，背景色是色彩设计的基本步骤，可以有效的对主题进行突出。如购物网站主色调都是比较活泼的颜色，使购物者产生愉快的感觉，这时背景色一般是白色，对主色调起到突出的作用。另外，对背景色的设计还要考虑到平时人们的思考习惯和心理因素，例如人们经常在偏黄色的光线下生活，因此对黄色产生一定的心理定势，在进行色彩搭配的时候要注意人们的这种心理感受。

　　4.色彩搭配

　　色彩搭配是对网页中的主色调、辅助色、背景色进行搭配，三者之间相互衬托、相互协调，以实现最佳的视觉效果，传递设计师想表达的思想情感。色彩搭配设计的关键在于色彩之间的对比和色调的和谐统一，在实际设计中，要多进行比对和调和，以采用最适宜的色彩表现手段。

　　二、网站页面设计中的色彩搭配原则

　　1. 主色调与辅助色的合理运用

　　主色调是整个网站中最具有代表性的色彩，当人们想到网站时就会对网站的色彩有个大致的印象，不同的主色调决定网站的不同色彩格调，需根据网站的具体经营项目和性质来决定。在对网站的主色调进行设定的时候，要明确网站的主题和服务对象，例如服务对象是女性时，就需要采用粉色、浅紫色等柔和明快的颜色，当服务对象是儿童时，要采用丰富多彩的鲜艳活泼的色彩来塑造童话世界的感觉。餐饮业一般采用橘色或者黄色作为主调，让购买者产生食欲并且增加温暖的感觉。对企业网站的设计，除考虑到功能和性质之外，还要考虑到企业的主题色，一般是将企业的标准色作为网站的主色调，以突显企业的整体形象。如百事可乐的标准色是蓝色，在网页上也要对其标准色进行体现。

　　辅助色是用来增加页面色彩的层次，或者实现某项功能而使用的，虽然占据的面积较小，但是有效的起到了缓冲的作用，能使整个网页更加流畅、生动。在对辅助色进行选择时，要根据其与主题的内在联系来进行选择，既要保持几个关系之间的和谐，也要保证主色调在其中的领导地位。辅助色与主色调一起构成网站的整体色彩，决定着整个页面的色彩风格。辅助色的选择一般是在辅助色确定之后根据主色调来进行选择的，可以是主色调相邻的颜色，也可以是对比色。

　　2.静态色和动态色的合理运用

　　一个完整的网页都包含着动态和静态的两种色彩元素。静态色主要是指静止不动的颜色，并且以静态文本的颜色为主。静态文本在网页中常以大面积的文字形态出现，功能相对来说比较简单，是以阅读为主要功能的色彩。浏览网页的时候，人们习惯与阅读自己感兴趣的文字内容，也更倾向于阅读看起来更轻松、更舒服的文字，所以在进行静态文本色彩的搭配时要注意对重点信息的突出和减少视觉上的疲劳。例如，当眼睛在阅读两种颜色对比明显的文本时，眼睛周围的肌肉会比较紧张，阅读起来比较费力，因此一些鲜艳的补色方式是不利于浏览者进行阅读的，如果文字在紫色背景下以黄色显示，在阅读的时候会非常的吃力，影响阅读的体验。如果底色和文字色的色彩差异度越低，就越贴近浏览者的阅读需要，有利于浏览者进行长时间的阅读。色彩差异度越高的色彩搭配，越容易引起浏览者的注意，浏览者就越能够从其中提取出需要的信息。

　　动态色大致分为以时间为条件变化的动态色和以交互因素为条件变化的色彩。以时间为条件变化的动态色主要指闪烁，闪烁又分为单色闪烁和颜色闪烁。闪烁能够进行氛围的烘托，引起浏览者的注意，面积较小的闪烁也常用来活跃网页的画面。闪烁效果的决定因素包括闪烁的频率和色彩变化的幅度。速度快的闪烁虽然能够吸引更多浏览者的注意，但是也会增加浏览者的不安感受，而缓慢的闪烁效果较为柔美和优雅，具有抒情的感受。闪烁的色彩明度越高则在画面中的跳跃的就越高，明度较小的色彩闪烁较为含蓄柔和。闪烁的颜色若是温暖的红色、黄色时，产生的是突出和热门的感觉，若闪烁的颜色是紫色、银色等冷色调时，产生的更多的是神秘感。在使用闪烁效果的时候，也要注意闪烁频率、色彩的明度和颜色的变化与整个网页界面是否和谐，与其内容和主题、风格是否一致。由于闪烁具有强烈的吸引性，所以在设计的时候要注意对闪烁位置的设置，并注意闪烁与其他元素的相互关系。

　　包含交互因素的动态色大多见于按钮、超链接等区域，色彩变幻包括亮度、反色和特殊颜色。当鼠标移动到这些局域的时候，色彩和亮度会出现一定程度的变化，引起浏览者的注意力。，并且对于点击过的内容，会有区别于其他内容的颜色。例如在一些网站首页进行搜索时，普通网页文本的颜色为蓝色，浏览者将鼠标移动在超链接上就呈现红色，点击过的内容就呈现紫红色，就使得这几个内容有所区别又有所提示，方便浏览者的阅读。

　　三、结语

　　随着互联网技术的进一步发展，新网站将会层出不穷，给人们带来更多的业务生活享受，互联网行业的竞争也会越演越烈，对网页设计的要求也会越来越高，网页设计将是具备艺术美感和使用功能的高水准作品，作为网页设计者一定要对网页中的色彩搭配有着明确的理解，并且充分利用设计中的色彩要素，设计出既美观又实用的网站页面。

　　参考文献：

　　[1]董海斌，王家民.网页界面中的色彩设计[J].艺术理论，2007.11，78—79.

　　[2]张秀杰.个性化网页设计技巧[J].黑龙江畜牧兽医职业学院学报，2006.12，59一60.

　　[3]王庆斌，张福昌.现代网页色彩设计[J]，无锡轻工大学学报，2001.6，2(2)：26.

　　[4]王英玫，张文英. 网页设计中的色彩运用[J].信息技术与信息化，2009年第1期:45-46.

　　[5]游婷. Web界面设计中的色彩设计原则[J].科技资讯，2009年第35期：13.