网页设计对色彩的基本要求和搭配发布者：本站     时间：2020-05-02 14:05:43

网页界面是由多种元素构成的，其代表着网站的门面和形象，网页界面设计的好坏直接决定了网站对人吸引程度的高低。为了将网站对人的吸引程度提升至最大，必须良好把握网页界面的制作设计。而这就要求网页设计者灵活运用色彩对界面美观的影响，从色彩的基本概念和搭配出发，充分研究好的色彩给人带来的积极心理效应，从而设计出更为吸引人的网页界面，给网站带来更多更优良的效益。

一、 色彩的基本原理和应用

颜色是由光的折射产生的，红、黄、蓝是通常所说的三原色，其它的色彩都可以用这三种色彩调和而成。色彩是美丽而丰富的，能够在一定程度上唤起人类的心灵感知。不同的色彩代表着不同的情感，有着不同的内涵和象征意义。一般来说，颜色的使用和调和并没有固定的法则，色彩的美就在于它的多样性和不确定性，如果硬是要用某个法则去套用色彩，达到的效果可能更加不尽如人意，甚至是适得其反。从经验上出发，我们可以先确定一种能充分表现出主题的主体色，然后再根据具体设计的需要，添加更多的颜色和线条对比的配色方案来完成整个页面设计。同时注意通过搭配点、线、面等与色彩的相互组合，可以重点突出页面上的某些重要元素，从而突出该设计的特定主题，增强页面的整体美感，同时也能让观者在观赏页面设计时充分体会到页面美感，并能在一定程度上领会页面设计的主题，对页面有更进一步的了解。为了充分实现设计的任务，在设计时也应当注意页面的整体性，使得整个页面在视觉上成为一个整体，以达到和谐、悦目的视觉效果。同时因为设计的任务不同，设计者采用的配色方案也应该随之不同。在网页设计制作中考虑到网页的适应性，应当酌情使用适应网页的安全色系。以色相为基础的配色是以色相环为基础进行思考的，用色相环上类似的颜色进行配色，可以得到稳定而统一的感觉。用距离远的颜色进行配色，可以达到一定的对比效果。

类似色相的配色，能表现共同的配色印象。这种配色在色相上既有共性又有变化，是很容易取得配色平衡的手法。例如：

草绿色、浅绿色、黄绿色的组合；普蓝色、青蓝色、紫罗兰色的组合都是类似色相配色。与同一色相的配色一样，类似色相的配色容易产生单调的感觉，所以可使用对比色调的配色手法。

中差配色的对比效果既明快又不冲突，是深受人们喜爱的配色。

对比色相配色，是指在色相环中，位于色相环圆心直径两端的色彩或较远位置的色彩组合。

它包含了中差色相配色、对照色相配色、补色色相配色。对比色相的色彩性质比较青，所以经常在色调上或面积上用以取得色彩的平衡。

在表现设计作品内容时，色彩是很重要的一个因素，它通过特有的多样性向人们提供传递和表达着设计内容的某种信息，色彩在网页设计中不仅提升了页面的视觉美，而且强化了页面设计中设计者所要表达的特定的设计意义，从而更容易的让人们理解网页传达的信息和吸收设计者所传达的信息，也更加突出了设计精神。因此合理的运用色彩对页面设计具有很重要的作用。

二、 网页设计对色彩的基本要求和理论基础

网页设计作为一个新兴的设计类职业领域， 它的构成元素与传统的媒体相比显得更加复杂和多样，其中不仅包含了文字、图像等一般元素，还包含了色彩、声音、动画等新兴元素。其中，色彩元素毋庸置疑的占了十分重要的地位。色彩是网页浏览者对网站最直接最主观的了解，也是网页能被访问者记住的最重要因素。色彩是网页设计的主要组成部分。网页设计制作中的色彩运用主要考验了设计者的色感，将设计者的色彩运用能力激发出来。同时使网页作品看起来更丰满生动，使浏览者有进行网页阅读的热情。在物质生活逐渐丰富的新时期，如何设计出艺术感和科技性相结合的网页作品是一项具有研究意义的课题，色彩的正确使用对网页艺术性的提高有着至关重要的作用。在表现设计作品内容时，色彩是很重要的一个因素，它通过特有的多样性向人们提供传递和表达着设计内容的某种信息，色彩在网页设计中不仅提升了页面的视觉美，而且强化了页面设计中设计者所要表达的特定的设计意义，从而更容易的让人们理解网页传达的信息和吸收设计者所传达的信息，也更加突出了设计精神。因此合理的运用色彩对页面设计具有很重要的作用。

现代人上网接受和吸收信息的最主要载体就是网页，网页主要以数字技术为依托，用文字、图片、声音或视频等多种元素和形式承载特定的信息，并通过对页面的展示和排列传递给浏览者。制作精美优良的网页可以吸引更多人的光顾，因此网页的色彩设计是网页设计的重要方面，一个优秀的网页制作案例，其色彩搭配一定是和谐而且吸引人的，能够达到令人赏心悦目的目的，也能因此给网页带来更多的访问量和运行效益。

网页色彩设计方法多种多样，需要考量各方各面的东西。

它不是简单的色彩排布，而是以人的尺度去设计，以满足人的不同需求为任务，同其他的产品色彩设计一样，最终是以人的满意为目的的。

作为新媒体中的信息载体的一种，网页色彩设计通过发挥数字化制作的优势，并结合传统的色彩设计的理论方法，可以制作出任何想要的美丽页面。

三、 网页设计中的色彩搭配与案例分析

在网页设计中，如何灵活的运用色彩使得界面看起来和谐吸引人呢？首先要注意色彩的搭配，从制作的任务入手，整体而全面的考虑色彩的合理搭配，使网页界面达到最佳效果，色彩达到平衡。

其次要注重色彩的明暗和深浅变化，在纯度和明度方面选择良好的搭配，也要在色块的面积之间注意平衡。以目前知名招聘网“前程无忧”为例（见图 1），打开其首页可以看到一条蓝色的导航栏上面是黄色与蓝色组合的 LOGO.

LOGO 的右边是蓝色的搜索框，蓝色的导航栏下面是以灰色调为底大幅的精美宣传画面及注册栏，大块而具有层次的灰色调很好地烘托出身穿土黄色西装并手持柠檬黄手杖的何炅。整个界面用大面积的灰色调来平衡对比色的黄和蓝，设计简洁大方，达到了和谐、悦目的视觉效果，很好的体现整体性。通过企业色突显出了网站独特的色彩语言， 增加了公众对网站的辨识度，让浏览者对这个界面有了很深的视觉印象，使人们一看颜色基调和页面布局，就已经大致知道这是什么企业什么网站，在很大程度上提高了网站的经济效益。

再以微软公司为例，微软公司可以称作是软件业的巨头，计算机行业的专家，它的网页界面也是十分出彩的。打开网页 （见图 2），可以发现它的界面就象 Win8 系统的桌面风格，以一块块精心搭配但感觉很随意的色块组成，极具视觉冲击力，给人留下了很深刻的印象。

提到网页设计不得不提韩国的网页设计风格，现在很多企业的网站设计参考韩国网站风格。

韩国大多数的网站都展现了非常高的色彩应用技巧，各种类型的网站色彩都做到了个性化和舒适化，界面美观，色彩搭配富于层次，每个细节处理的都非常细腻。

他们设计师对色彩的运用非常到位，在我们看来有些非常难看的颜色到了他们的手里很轻易的就搭配出一种很另类或和谐的美感，给人的感觉要么淡雅迷人，要么另类大胆，给人以良好的视觉感受。

网页色彩设计方法多种多样，需要设计师考量各方各面的东西，它不是简单的色彩排布，而是以人的尺度去设计，以满足人的不同需求为任务，同其他的产品色彩设计一样，最终是以人的满意为目的的。作为新媒体中的信息载体的一种，网页色彩设计通过发挥数字化制作的优势，并结合传统的色彩设计的理论方法，制作出任何想要的美丽页面。