美学原理在网页设计中的应用.docVIP

美学原理在网页设计中的应用 唐一鹏 （福建信息职业技术学院，福州 350003） 摘 要 当代网页设计师除了掌握相关的Web技术外，还应具备一定的艺术修养。这样才能做出美观 而又实用的网页。笔者从美学原理的角度出发，探讨网页布局、导航及LOGO的设计。 关键词 色彩；布局；导航；LOGO　　 引言 网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容介绍、按钮摆放、文字组合、色彩应用等等。这一切既是网页设计的范畴，也是网页设计师的工作。好的网页布局应该是把美学原理合理地融入到技术中去，为此，谈谈个人在这方面的认识。 一、认识色彩 色彩的魅力是无限的。信息时代的快速到来，网络也开始变得多姿多彩。因此色彩在网站设计中占据相当重要的地位。设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格、配色等设计艺术。 1.1　基本概念 自然界中色彩虽无以计数，但最基本的有三种（红、黄、蓝），其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为 “三原色”。 任何一种彩色具备三个特征：色相、色度和色纯。 色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色、绿色、黄色等等都代表了不同的色相。同一色相的色彩，调整一下亮度，或者纯度很容易搭配，比如，深绿、暗绿、草绿、亮绿。 色度，指的是色彩的明暗程度。明度越大，色彩越亮，比如一些购物、儿童类网站，用的是一些鲜亮的颜色，让人感觉绚丽多姿，生机勃勃；明度越低，颜色越暗，主要用于一些游戏、探险类网站，充满神秘感。有明度差的色彩更容易调和。如紫色 （#993399）与黄色（#ffff00），暗红（#cc3300）与草绿（#99cc00），暗蓝（#0066cc） 与橙色（#ff9933）等。 色纯，指色彩的鲜艳程度，纯度高的色彩纯、鲜亮。纯度底的色彩暗淡，含灰色。 相近色：色环中三原色左右构成的相邻颜色，如绿与黄、绿与蓝。相近色的搭配给人的视觉效果很舒适，很自然。 互补色：色环中相对的两种色彩，如红与绿、蓝与橙、紫与黄等。对于互补色，调整补色的亮度，一方加强、一方减弱，这是一种很好的搭配。 暖色：暖色跟黑色搭配可以达到活泼、温馨的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等。 冷色：冷色一般跟白色搭配可以达到严肃、稳重、神秘的效果。冷色一般应用于一些高科技，游戏类网站。绿色，蓝色，蓝紫色等都属于冷色系列。 色彩均衡：意为每种色彩所占的比例、面积、位置要合理。网站要让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。 1.2　色彩的作用 色彩在生活中是有丰富的感情和涵义的。比如：红色让人联想到玫瑰，联想到喜庆，联想到兴奋；白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等。当然不是说某种色彩一定代表了什么含义，在特定的场合下，同种色彩可以代表不同的涵义。 对一些明度较高的网站，配以黑色，可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。恰当的留白对于协调页面的均衡起到相当大的作用。当觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，会有意想不到的效果。 1.3　确定网站主题色 一个网站必须有一种或两种主题色，多则让人感觉轻浮、花俏；少则单调。当主题色确定以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。 另外，哪种因素占主要地位，是明度、纯度还是色相。一般一个页面尽量不要超过4种色彩。 二、网页的布局 网页是网站构成的基本要素。网页布局的好坏直接影响到视觉效果。 2.1　网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、封面型、Flash型、综合框架型等，下面分别论述： 1.“国”字型：也可以称为“同”字型，常用于大型网站，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见的最多的一种结构类型。 2.拐角型：这种结构与上一种只是形式上的区别，其实是很相近，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。 3.标题正文型：即最上面是标题或类似的一些东西，下面是正文，常见于一些文章页面或注册页面。 4.左右框架型：这是一种左右为分别两页的框架结构，一般左面