网页 设计 颜色选择原则

初学者设计的网页往往五颜六色，看起来很花哨，事实上，网页用色并不是越多越好，一般控制在三到四种色彩以内。下面介绍网页设计颜色选择原则，希望对您有帮助。

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

(资料图)

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

(二)背景色的使用

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

(三)色彩的数量

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

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

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

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

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

(四)色彩的联想性

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

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

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

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

(六)黑白灰的功效

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

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

(七)使用邻近色

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

以一个颜色为基点，可以在色盘的另一头找到它的互补色。举例来说，蓝色的互补色在色盘中是橘色。当这两个颜色贴边的时候，互补色会让我们的眼睛非常不舒服，因为这时我们无法同时聚焦在这两个颜色之上。再顺便补充一下，互补色在一起的时候会给人一种震动的感觉。

网页设计中的颜色如何搭配

网站建设第一步要做到的就是要有精美的网页设计效果，而我们往往对于美都是有追求的，我们也抵挡不住美给我们带来的好心情，要知道，美丽的事物总是能让我们的心情都更加愉悦，网页设计的美也能给企业带来意想不到的 效果。由于每个人的审美观是各有差别的，所以网页设计不可能做到人人都满意，但是一个好的设计，在不喜欢这种风格和颜色搭配上的眼里，也不会差到哪里去的。

对于做网页设计的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨，因为这些主色调基本上都是每个人都可以接受，而且感觉舒服的色调，浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果，所以只要设计的精致点，做出来的网站都有一个理想的设计。

一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜 色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定 会有不错的效果，希望对大家在制作网页时有用。

网站制作 中我们只有充分了解了色彩的固有属性,种类特征才能令其成功运用于网站开发设计实践环节,从而创作出色彩丰富、生动优美的网络页面。其中前者较为简单,主要包括黑、白色彩及深浅不一的灰色,而后者则包含种类繁多,从宏观角度讲可将彩色分为色相、明度及饱和度三类属性。饱和度则主要指颜色的纯度,其数值越大颜色便越显眼,反之数值越小颜色便越灰暗,而在饱和度为零的情况下,颜色便失去了色彩属性,成为非彩色的灰色系。明度代表色彩亮度,主要用于体现颜色的深浅属性,在日常生活中我们所说的颜色深或潜便是指该色彩的明度高低。明度越高色彩越接近白色,而明度越低色彩则越接近黑色,因此明度属于非色彩及色彩的共有属性。

颜色是一个很奇妙的东西，任何事物通过颜色的加入都能给我们意想不到的效果，在网页设计中，色调是很重要的，这对网站有着很重要的影响。各种各样的 网站设计给企业带来了很多新鲜感，提升了网站的视觉美感，同时提高了其审美价值。

网页文本配色要点

1、同色系文本配色蔚蓝色有着天空一样的色彩，让人感觉舒适、轻松。文本的颜色采用与背景色同色系的深棕色搭配，和谐、自然，并且能够与网页色彩印象统一。首先，决定主要的色调，如暖、寒、华丽、朴实感所代表的色调意义，依照色调选择一种主要的颜色。思考主要颜色应用在网页中的哪些位置比较合适，以营造出最佳的视觉效果。再选择第二、第三的辅助色彩。其次，在选择色彩时，需要注意颜色的明暗、对比、均衡关系，同时在与主色调搭配使用时，需要考虑其面积大小的分配。在配色过程中，最好能思考色彩间的关系，同时使用色盘作为对照工具，依照个人美感与经验进行微调。必须先了解有关色彩与配色的基础理论。

(1)色彩的三属性：色相、明度、饱和度;

(2)色彩与色相环;

(3)色彩的功能，如色彩联想、色彩的心理感觉、色彩味觉等。

最后，在配色前，还要考虑如下内容：

(1)针对的对象以及目的;

(2)商品的形象;

(3)所需传达的含义与机能。

2、清凉感的网页文本配色绿色与黄绿色的搭配，让人感觉自然、清爽，在文字搭配时，采用同色系，不同明度的绿色和黄绿色搭配，色调统一，并且给人清凉、活力四射的感觉。

XML语言在网页设计中的应用研究

就目前而言，网站的设计者都要有一个良好的XML语言应用水平，这就像Flash在网页上应用一样的广泛，笔者从以下三个方面探究了XML语言在网页设计上的应用。

(一)良好的拓展性，便捷浏览

在HTML标识中，仅仅只能对指定文字进行出题或者斜体展示，这种语言只能针对特定的段落文本，但是XML语言却能够在进行标识的过程中将数据进行结构化，让其相关的数据比如网页上的商品名称、商品售价、商品经销商、商品厂家、商品数量或者其他有关的元素进行整合，从而变得更加便捷和简易。在用户浏览网页的时候，就可以通过一些简单的搜索操作找到自己想要的信息，一旦找到一个信息，其相关信息也会进一步的关联出来，这种数据可以在网络上借助任何方式进行传播，并且可以通过用户自主的运用浏览器或者其他应用程序中进行自定义的处理和检查，这种在网页上的设计可以给浏览网页的用户带来极大便利的同时，还能增强网页排版的关联性。

(二)网页中数据的和现实是分离存在的

XML语言组显著的特点就是保持网页使用者的界面和其构建的结构化数据是相互独立，在XML语言设计的网页中，可以将网页文字表现层自定义的数据内容，不再像HTML中在浏览器中将数据必须显示成斜体或者粗体，这大大增强了网页整体的简洁性。另外，XML语言的网页数据处理中，处理和数据的显示是分开的，这就让其处理速度更快捷，并且通过XML语言编写的数据，可以通过网络传递到世界上的任意角落，不需要特定的编写程序或者重组数据库或者更新文件信息，只要进行简单的样式表套用就可以按照使用者自定义的方式进行数据的处理以及显示了。

(三)自定义XML语言数据，加强网页的美观性

自定义的XML语言数据，更能让网页设计变得美观，比如XML语言可以描述HTML的界面或者来描述网页上各种电子商务的交易进行描述，这种将XML语言采用内嵌的方式进入HTML中，就可以实现数据传递中不同的展示方式。另外，由于其Schema语言的可以被拓展的特点，在进行网页设计开发的过程中，Schema往往比DTD的应用功能更为强大，极大地方便了网页设计。并且XML语言开放的、具有弹性的格式，就让其参与信息交换或者转换的时候变得更加容易网页设计应紧跟网络科技的发展，将现代社会中的信息方向把握住，就能牢牢地掌握网页设计的先头阵地，让网页设计作品更加具有现代性、创新性以及吸引性。将XML语言在网页设计上进行良好的应用，不但能让网页设计内容变得有序、便捷，更让网页的美观性和简洁性更上一层楼，符合人们在网络社会上的审美需求以及使用习惯，进一步吸引用户。