网页设计视觉传达色彩搭配

2021-10-20吴娜

流行色 2021年7期

吴娜

长春光华学院视觉传达设计学院吉林长春 130031

引言：网站在众多领域中都不可或缺。当前很多网页设计中依然存在着一些问题，例如网站的色彩设计过于集中，难以体现艺术表现的独特性，存在单一化的问题等。本文中笔者将以时代的快速发展为背景，从实际应用的层面分析网站设计的颜色搭配，以供同行从业者参考。

一、色彩的影响

（一）色彩对时间的影响

有调查结果表明，人在灯下工作时，会感觉到颜色对时间的影响，例如，在白炽灯下工作时，人会感到时间过得很快，精力充沛，效率也会相应提高。心理学家认为，人最直观的感受是眼睛所见，而对所见影响最大的是颜色。情绪可以控制人类的大脑，所以颜色会在一定程度上影响人类的行动。例如快餐的室内装饰，多是红色和橙色为主，以刺激客人的食欲并督促食客加快进食。在生活中，线下的各种商家对颜色对人们心理产生的影响运用已经非常广泛。当我们把它推广到网页上，在追求网页设计美感的同时，利用颜色的组合，也能够达到延长人们的浏览时间，吸引更多的网站产品的关注的目的。

（二）颜色对人的心情的影响

早在很久前人们就发现颜色能够给人的心理以暗示，同时人们也根据颜色的这些特性将其分为冷、暖、中性等类别，如图1。暖色调主要由赤、橙、黄等颜色组成，冷色调则包含青、绿、蓝等，中性色调则有紫、黑、灰、白等几种颜色。不同的色调通常能够对观看者的心情造成一定的影响。同样的颜色看起来也有深度，这种颜色的特征之一叫做亮度。亮度表示颜色的明亮度。在网站的设计中，如果底色是黑色，文字也选择深色的话，由于颜色的亮度相近，会给浏览者造成视觉上的困扰。当然，颜色的亮度也不能改变太大。否则，画面的亮度反差过大，会让阅览者眼花缭乱。同样色调的颜色，除了亮度的不同之外，还会表现出色彩饱和度的不同。在网站的颜色搭配上，设计人员不要什么都不考虑就把所有的颜色都加入到网站中，这样会显得过于土气和花哨。不同颜色的组合，可以给人以不同的印象，给页面带来明暗和色调的变化，不同的组合也可以给访客以良好的印象。设计人员应尽量避免单一颜色的应用，防止受众的视觉疲劳问题，尽量提高浏览网站的兴趣。因此，在网页设计中，为了在被他人看到时给阅览者带来愉悦感，设计者必须进行良好的配色。

图1

二、色彩搭配的原则

色彩心理学越来越被应用到各个领域，在互联网飞速发展的今天，色彩的搭配已经成为判断网页设计是否优秀的重要指标。在进行网页设计时，设计人员应尽量贯彻以下几个原则。

（一）功能性原则

所谓功能性原则，是指在网页设计中颜色的组合要充分利用颜色本身所具有的功能，这一原则的目的是强化网页上的信息传达。当然，在网页设计中，也有公司会根据用户的层次来选择颜色，以更加突出主体。颜色的组合是网页设计中重要内容，设计师在网页设计中必须充分重视色彩的功能，从根本上始终坚持原则，确保网页的魅力和感染性，进而从根本上提高网页设计的质量，在提高视觉效果的同时，更有效地吸引用户，提高网页竞争力。

（二）统一性原则

统一性原则是网页的色彩搭配中颜色应和谐、统一。究其原因，主要是因为具有统一性色彩的网页能够更好地传达内容。所有的网页设计都应该遵循这一原则。例如面向孩子的网站中，设计师应以孩子的年龄特征为基础，基于网页的主题并以核心颜色为中心，完成网页设计中的色彩搭配。并在此基础上，提高网站给用户的冲击力，提高网页设计的质量。

三、色彩搭配的意义

颜色搭配往往能影响用户对网页的第一印象，而且颜色搭配在网页设计中也一直占有重要地位。以此为基础，针对网页设计的颜色应先充分地分析网站的内容，要在明确表达主题的基础上，结合网站的实际内容，重视主体颜色的组合运用，充分利用色彩的相关信息，确保网站的内容的传递。另外，颜色的组合本身具有一定的功能，确保颜色的功能发挥作用也是很重要的。

（一）延长浏览时间

在条理清晰、主题明确、内容有趣的网站上，良好的色彩搭配能够有效地延长浏览者的浏览时间，以增强用户对于网页内容的了解。阅览者可以在90 秒内判断自己是否对一个网站感兴趣，其中60～90%是由颜色决定的。颜色能给人最直观的感觉，但我认为颜色给人的最大冲击是情感。感情的变化，是阅览者下一次浏览的重要因素。设计人员应重视阅读者在浏览网站时的感受，通过配色对用户感情的刺激来提高内容的可读性。

（二）提供舒适度

如前文所述，颜色能够对人的心情产生较大的影响。网页设计也是如此，当网页设计给浏览者带来愉悦感时，浏览者就会想要花时间、看更多、了解更多。这样就可以建立更有价值的网站，传达网站内容中的某些理念，并展示其产品。

四、网页设计中的色彩搭配

色彩是网络制作设计中不可缺少的重要内容，在网络设计中具有无法替代的作用。我们设计网站时，首先必须重视颜色的使用方法和组合。只有重视颜色搭配的网站，才能让人流连忘返，进而产生了解该网站的其他信息的兴趣。因此，在进行网站设计的过程中，要从实际内容出发，要有独特的风格，要善于搭配颜色，合理地确定主色调，使网站的风格更加突出。因此，在网页设计中要重视颜色的搭配，以满足网页设计突出的主题。另外，也要重视如何高效地实现色调的组合，充分体现网站的核心理念。

（一）明确网站主题

网站的主题是我们在设计网站的时候首先要考虑和决定的问题。网站的设计最好有自己的基础颜色。说到那家公司，马上就能联想到相应的色彩。所以色彩是我们企业的文化形象的另类具象化，进行网站的设计时也应以其为第一考虑要素，该色彩不仅要符合公司战略的形象，而且能提高公司的形象，在公司的发展起到积极的作用。同时网页设计应该最大限度地满足客户的需求，并增强客户信任感。当客户翻开一页，能够适应自己的身份和角色的时候，那么该网站也就达到了最初的设计目的。因此网页设计人员在进行色彩搭配时一定要考虑客户的需求和客户公司的企业历史文化。例如万方数据服务平台，其用户主要针对受教育程度较高的群体，且这是一个信息服务平台，因此，其网页主色调选用了蓝色。蓝色是一种让人觉得正式、冷峻的颜色，它很好地切合了该网站的服务主旨。

（二）重视背景效果和文字效果

我们经常看到很多网页背景的颜色很淡，文字的颜色很深，尤其是标题的颜色。因为如果没有颜色的改变，就无法控制页面整体的趣味性。因为它传达的是企业文化和企业想要传达的重要内容。因此，在设计网页时要注意文本效果及背景效果。在网页制作中，选择浅色作为背景色，在此基础上搭配深色文字，可以给访问者留下良好的印象。在具体的设计中，要把重点放在文字的效果上，灵活运用背景的衬托效果，更加突出主题思想。在具体背景和文字的组合上，要从实际出发，合理设计，达到吸引游客驻足的效果。这也是相关网页设计制作中的重要内容。依旧是以万方数据服务平台为例，其主色调为饱和度较高的蓝色，其中的大标题采用了饱和度更低的蓝色以及灰色，让浏览者能够一眼看到自己需要寻找的内容，增加了页面可阅读性。

（三）logo 要鲜明有力

网页设计的一个重要特点是明确企业的logo 并且让顾客在看到logo 时第一时间记住，并产生继续观看的欲望。logo对于一个企业来说非常重要，很多企业都对自己的logo 申请了知识产权保护。由于客户浏览网站的速度很快，所以设计师可在每一页都显示企业logo，但没有必要在每一页都统一logo 的颜色，以避免因颜色及图案的单调让用户感觉乏味，如图2。

图2

（四）三个基本组合法则

首先设计人员应根据设计的主题大致确定网页的颜色和风格，根据公司的理念、宗旨或标志进行网页主颜色和风格的选定。一般公司的网站都是先进行简单漂亮的主题设计，强调设计意图，之后再进行细化。例如新浪的黄色，海尔的绿色，淘宝的橙红色等等，如图3。之后设计人员再配合主色调和风格，展开更细致的设计和颜色计划。通常来讲，在进行网页色彩搭配时，应考虑以下三点。