网页设计色彩搭配原则

初学者设计的网页往往五颜六色，看起来很花哨。事实上，网页用色并不是越多越好，一般控制在三到四种色彩以内，通过调整色彩的各种属性来产生变化。下面介绍网页设计色彩搭配原则，希望可以帮助到各位。

(一)避免使用单色——搭配的合理性

网站设计要避免采用单一色彩，以免产生单调的感觉。网页设计不仅色彩要漂亮，还要考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，纯度很高的单一色彩容易造成视觉疲劳。

(二)背景色的使用

背景色一般采用清淡素雅的色彩，避免采用复杂的图片作为背景色，同时背景色要与文字的色彩对比强烈一些。

(三)色彩的数量

初学者设计的网页往往五颜六色，看起来很花哨。事实上，网页用色并不是越多越好，一般控制在三到四种色彩以内，通过调整色彩的各种属性来产生变化。

冷色来自于蓝色色调。譬如蓝色、青色和绿色。这些颜色将对色彩 主题起到冷静的作用，它们看起来有一种从浏览者身上收回来的效果， 于是它们用作页面的背景比较好。

当你想使色彩强烈突出的话，选择对比色比较好。

为了带来视觉上效果，设计师经常选择多个颜色来做设计。但在每个地方都用到不同的颜色也会降低它的视觉效果。

基本原则：为把视觉效果最大化，把颜色充分利用在标题上，并把最重要的文字写在标题上。

(四)色彩的联想性

不同的色彩会产生不同的联想。例如：白色使人联想到白雪，黄色使人联想到丰收，黑色使人联想到夜晚。要考虑色彩的联想性，可以使浏览者印象深刻。

(五)色彩的鲜明性——网站主题风格的统一

一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。如邮政类网站多采用绿色，微软的网页多采用蓝色。

确定网站的主题色，一个网站不可能单一的运用一种颜色，让人感觉单调，乏味;但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花哨。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。

(六)黑白灰的功效

说色彩的运用，还是先谈谈黑白灰色彩的应用吧，因为黑白灰色彩是万能色，可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果。

对一些明度较高的网站，配以黑色，可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，恰当的留白对于协调页面的均衡起到相当大的作用。

(七)使用邻近色

例如绿色和蓝色，红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱，从而达到页面的和谐统一。

网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。

蓝为主调。蓝色多与白、橙搭配，。白底，蓝标题栏，橙色按钮或ICON做点缀;蓝天白云，沉静整洁的感觉。

绿为主调。绿色多与白、兰两色搭配。白底，绿标题栏，兰色或橙色按钮或ICON做点缀，绿白相间，雅致而有生气。

橙为主调。橙色多与白、红搭配。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀，橙色活泼热情，标准的商业色调，因此多用于商业网站的网页美工设计。

暗红为主调。暗红色显得宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

网页设计师需要注意的几点：

尽管三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页设计，不同的颜色在搭配上也有着其中的学问，网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来，所以平面设计上的审美的观点在网页设计上非常实用。

在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。

忌脏是指背景与文字内容对比不强烈，灰暗的背景令人沮丧!

忌纯是指艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

忌跳是指再好看的颜色，也不能脱离整体。

忌花是指要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

忌粉是指颜色浅固然显的干净，但如果对比过弱，显得苍白无力了，就象病夫一样无可救药。

另外，蓝色忌纯，绿色忌黄，红色忌艳。

当然，作为网页设计师，我们最需要时刻提醒自己的是不要为了设计而设计。

一切的设计都要以用户的需求为导向。一个优秀的网站，会给用户非常直观简介明了的体验和简明的导航。

现如今，就我国当前网页设计现状来看，由于缺乏相对完善的设计原则和标准规范体系，导致其在实际的设计过程中难免会出现一些不必要的麻烦，近而影响设计质量。因此，本文就具体归纳了在网页设计中应该注意的几点原则。

1、网页设计的原则

第一，网页设计人员在对网页进行设计时，一定要保证网页命名的简单明了，这是因为每一个网站室友多个网页共同组成的，如果不对其进行简化处理，很容易使人们产生一种混乱错杂的观感。因此，为了提高页面的连贯性，使其能够很好的链接在一起，设计人员应该对不同的页面设计具有代表性的名字，这样不仅能够减轻管理人员的工作任务量，还极大方便了人们的快速检索。并且，通过设置多项的关键词，让使用者更多更快的找到自己所需的信息内容。

第二，当用户登录到页面时，第一感官印象是非常重要的。因此，设计人员还要充分考虑到视觉效果问题，并对反差效果进行合理的应用。其次，还要保证网页结构和排版的流畅性。尽量在网页设计中插入大量的表格形式，以此来增强整个网页布局的均匀性，重点凸显该网站的主要内容，第一时间就能够抓住人们的注意力。此外，设计人员还要对页面的长度进行严格的控制，不宜过长，这是因为大多数使用者并不喜欢一直拉动滚动条，如果页面长度非常长，就会让用户失去耐心。同时，为了提高网页的视觉效果，无论是图像、背景、还是文字、标题，都应该保持风格一致，只有这样，才不会给用户带来混乱的观赏感。

第三，设计人员在对一个网页进行设计时，必须清楚认知到一点问题，那就是，并不是所有的用户都可以了解网站的各项设计，正是因为这一点错误的意识，很多设计人员往往忽视了网页导览的重要性，这就给不熟悉网页的用户造成了极大的不便。为此，网页设计者为每一位用户提供网页浏览地图。这样一来，用户就可以在主页搜索栏中输入所需信息，从而逐步提高网页的实用性。

第四，我们都知道，在一个网站中，有着大量的文字信息的图片，为了方面用户的使用，设计人员要在每一张的图片下面，加注详细的说明。并且，当图片处于缓冲阶段时，用户可以事先通过加注的文字信息来了解图片中的内容，这样不仅就可以有效减少用户的等待时间，避免用户出现厌烦的情绪。

第五，文字作为网页中主要的信息输出方式，其准确率的高低对于网页质量的好坏有着至关重要的影响，更是用户对网页评价标准的基本前提。若是网页设计人员不注重这一问题，导致网页中出现了大量的错别字，即使网页设计的再漂亮，也会在用户印象中大大折扣。所以，设计人员必须高度重视这一问题，并对所有的文字拼写进行认真仔细的检查，从而确保网页各方面设计都能够达到完美。

第六，网页设计人员要定期对网页链接情况进行测定，确保其始终处于有效性的状态，这样才能保证用户可以在第一时间寻找到页面。另外，还可以为用户提供其所需要信息的相关联系方式，使其能够更深入的了解信息内容，以此来增强用户对网页的依赖性。

2、网页设计的制作技巧

(1)首先要准备大量的资料。在网页设计之初，应该准备大量的资料，这些资料必须是有价值的，不能违反著作权的相关规定。大量的资料对后期合理的排版，架构的调整，内容的丰富有着很重要的作用。

(2)注意每页档案大小。建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。

(3)内容搭配要合理。在网页设计的过程里，合理编排内容显得尤为重要。要让一篇文章表达出想要表达的意义，让用户在查阅时清楚的知道设计者想要表达的内容，关键词尤为重要。而关键词如何放置才能起到这样的效果呢?拿出你的关键字，在下列六个地方各使用一次：标题、标签、网址里面、粗体关键字、页面上半部。

(4)当网页设计完成以后，设计人员要对网页进行随时的跟踪调查，观察用户更注重网页中的哪些部分，对哪一栏的信息量浏览率最多。并对用户发出评价表，具体了解用户对网页设计中的不满意之处，以此来对网页进行不断的优化调整，进一步提高信息的利用率，加入更多用户所需要的信息，追求精益求精的设计目标，从而逐步提高网页设计的高品质。

3、结语

网页设计不仅需要有专业的技术，还要有不断创新的能力。要求所有的网页设计者在以后的工作中，学习更多，思考更多，这样才能设计出更加符合大众需要的优秀的网页。

文字的动态控制网页动态设计中往往以文字和影像为主，这两者在视觉上依靠其本身的形态和动态的画面效果可以起到很强的吸引力，动态的文字表现形式在完美的编排下会形成一定的律动感，通过这种律动感来讲主体信息传递给观众，所起到的效果往往是不可估量的，甚至可以说，观众在接受信息传递时内心是喜悦的，是主动自愿去接受的。

1、网页动态文字的设计

因此,设计中对于文字的动态控制显得十分重要，要求对其相互间的位置关系进行动态变化的把控，注重其上下、左右、前后的动态变化，要做到其动态的走势能够良性地引导观众的视线，不易过快，特效要尽量单一，不易过多，不易复杂。

1.2文字的识别性和可读性网页设计中对于文字的选择都是根据其重要性的程度进行了一定的取舍，对字体的大小、颜色、显示效果、动态方向及效果等都有极高的设计编排要求，要充分考虑在有限的屏幕中大量的数字信息融合在一起所造成的信息辨别，一旦设计编排过于复杂，设计者追求多元化的表现手法，在文字效果上加入了过多繁杂的设计表现，往往会使观者无法辨别信息的主次，甚至于不能有效取得设计所要求表达的理念和效果。在现代平面设计中，如何提高观者的阅读效率是设计者应该着重考虑的问题，融入动态的文字设计仅仅是为了凸显信息的主次和吸引观众的注意力，起到引导阅读的效果，要着重考虑到字体的选择、显示屏的精度、运动的速度、文字量、句子长短、特效等各种因素的整体整合，要提高文字的可读性。

1.3屏幕的无限性及开放性二维的平面设计在效果呈现时往往以立体的三维效果来给予呈现，在屏幕两端留有空白给人以无限的延伸空间，而动态文字的设计与编排则给人一种进深的立体感，因此观众可以在具有动态效果的二维设计中感受到屏幕空间的无限大，这在一定程度上打破了媒介空间有限性的束缚，即在有限的空间内所要表现的却是无限的空间延伸，这一无限性则取决于设计者对文字形态、色彩、格式等方面的设计。

2、动态文字在网页设计中的表现

2.1形态的变化空间与动态是网页设计中文字动态的体现，是基于字体基础上对文字外部进行形态的处理与设计来实现的，在文字动态的设计中，一方面可以根据字体的本身结构对其进行变形处理;另一方面可以让字体的形态随着时间的变化而发生改变，例如最近比较热门的《舌尖上的中国》，其在影片开场前的设定上便十分动人，第一部以水墨画延伸出来的画面实际上是美食的结构，而字体的铺设则是由水墨画中毛笔笔尖的恣意挥洒而成，带给观众极强的美感和想象空间，观众在接受到这一视觉效果时所表现的心境便是平和且愉悦的。

2.2材质的构成现代计算机技术为动态文字的构成和质感提供了许多有效的技术处理，使得动态的文字能够实现在光影中的流动，富有肌理，极具美感和质感。现代电影开始广泛运用这种特效文字处理方式，以此来引起观众的共鸣，增强影片的氛围及烘托影片的主题，在3D技术渐渐普及的今天，以3D字体来进行网页设计和编排也渐渐成为设计的潮流，在网页设计中，裸眼3D文字及图像将慢慢渗入到人们的视线之中。

2.3机遇：动画与超文本动画作为一个立体、生动、可视可闻可感的数字实现过程，其兴起与发展给予了设计更多的创作平台，动画中的文字动态设计显得极为微妙，在每个动态的运行之中都有极强的吸引力和传递着特殊的信息，并且能够表达特定的情绪。动画设计在材质上和造型展示上都开始了新的革变，给予了设计者更广泛的设计空间，设计中融入无穷的想象力，通过立体的三维展示来传递思想和主题，在动态的设计中表达设计者的情感和情绪，能够很好的诠释设计者的作品，这也就促使了当前一大批短片动画的出现，其中不乏优秀的设计作品。