创建具有视觉吸引力的网页

摘 要:随着人们对美的追求不断深入，网站中有创意、有美感的页面会给浏览者留下深刻的印象。本文从网站的主题和风格出发，对色彩的定位、布局的选择、字体的设置及多媒体元素的合理选用方面提出了一些建议，以提高网页设计者的制作水平和使用者的欣赏水平。

关键词:网页设计 色彩搭配 文字艺术 多媒体元素

Abstract: As people pursuit of beauty unceasingly thorough, web pages, aesthetic ideas will give visitors leave deep impression. From this site theme and style, the color of the localization,the choice of font layout, and multimedia elements of reasonable selection aspects, and puts forward some Suggestions to improve the production level and web designers users’ appreciation level.

Key words: Web design,color matching,Text art,Multimedia elements

网站是企业向用户和网民提供信息、开展电子商务的基础设施和信息平台，也是个人展示风采的有效途径。网站中有创意、有美感的页面会给浏览者留下深刻的印象，人们对美的追求不断深入，要增强网页的美感及大众的审美需要，应从网站的主题和风格出发，进行色彩的定位、布局的选择、字体的设置及多媒体元素的合理选用。

无论是什么类型的网站，它的产生都需要经过精心的设计和规划。首先应该考虑好它的主题，也就是希望通过网站表达什么内容。对于内容主题的选择，要做到小而精，主题定位要小，内容要精。风格是抽象的，是指站点的整体形象给浏览者的综合感受。风格可以是平易近人的、生动活泼的，也可以是专业严肃的。比如推销医疗器械类的网站应有高科技感、严肃的感觉，如果把这个网站做的过于花哨，有大量卡通图案而吸引了儿童访问的话，这样的网站就失去最初的意义了。风格的形成不是一次定位的，可以在实践中不断强化、调整和改进，还要特别注意风格与主题要统一。

一、色彩的和谐运用

人们在浏览网页时，首先映入眼帘的是界面的色彩，所以确定网站的色彩是相当重要的一步，色彩的设计关系到网站的形象，与网站的主题和风格息息相关。不同的色彩给人的感受是不同的，可能会影响到访问者的情绪，应该结合主题合理运用。比如红色让人联想到喜庆、热情，蓝色让人想到大海、天空和水面等，绿色则给人环保、健康、安全等等的感觉。另外即使同一色系的颜色，其明度、饱和度不同，给人的感受也会不同。那么在网页设计中，如何进行不同色彩的合理搭配呢？

从美学角度上分析，网页的色彩搭配有几个原则，如相近色搭配、对比色搭配、互补色搭配等。无论哪种搭配原则，都必须确定主色调，即网页的风格色。如网站的内容是有关环保的，则可以用绿色做主色调。确定了主色调后，再采用相近色、对比色或互补色来衬托页面，从而更好地表现主题。

网站的用色应该和其主题与风格相统一，和谐地运用色彩来体现网站的特色，这样才能显得个性鲜明，给浏览者留下深刻的印象。

二、布局的合理安排

网页的布局类型很多，比如有“国”字型、左右框架型、上下框架型、封面型等。无论选用那种布局，都要考虑到导航、必要的其他信息与正文之间的关系。

还应该注重一致性。所有网页的设计都应该保持一致，这样用户才不会感觉到自己处于不同的网站中。另外网站中所有网页导航都应该相同，再者导航系统要明晰，网站的链接应该是叙述性的，并且要容易理解，可以用一种颜色标示网站的主要链接。

另外网页布局中的留白也不能忽视，它能增强画面的节奏和韵律，提高艺术美感，但留白并不是简单地留出一块空白的地方，是需要仔细斟酌的。在网页中通过留白的桥梁作用，使整个页面的布局呈现出错落有致的状态。

三、文字的艺术发挥

网页中最主要的元素就是文字了，它作为信息传达的主要视觉艺术媒介符号，除了可以传达信息，还能增强网页的审美价值。在设计中切记的是，文字不只是草草出场，它还应该是漂亮的并且能够容易阅读的。

注意对于字体、字距、字号、行距以及文字排版的方式的选择。在字号的选择上，最适合于网页正文显示的字体大小为9点左右为宜。而在考虑到文字的行距、空间的安排时，要注意行距对文字的可读性会产生很大影响。一般应选用文字与行距最合适的比例10∶12，即用字10点，则行距12点。而字体的选择是一种感性、直观的行为，主要考虑其风格与内容特性的相吻合性。

另外要注意的是字体颜色的选择，一定要选择和背景色对比较强烈的颜色，这样才会便于浏览者阅读。一般来说，网页的背景色应该柔和一些、淡一些，配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。

四、运用多媒体元素，实现动态效果

在网页中，经常可以看到一些信息以图文并茂、生动活泼的动态形式表现出来， 给人留下深刻的印象。动态效果的插入，会使网页更加灵活、丰富多彩。比如给网页添加滚动字幕，可以实现元素在网页中移动的效果，以达到动感十足的视觉效果，还可以插入各种多媒体文件、背景音乐、视频等。想象一下当你浏览网页时，欣赏到图文并茂并且有动态效果的网页，优美的背景音乐在耳边缠绕，一定使你如临其境。

但同时也要注意应尽量减少图片的数量。因为图片会减慢网站下载速度，这样，可能会造成访问者关闭网页或者退出网站。再有搜索引擎不会对图片数量多的网页做索引，所以，这样的网页很难被用户搜索到。Flash、视频等多媒体元素和图片一样，即使它们可以让网页更形象、生动、也不要运用太多，因为它们也会使网站的下载速度变慢。

再有，切忌乱用特效。没有考虑与网站风格是否统一就全部加到网页上，不仅会影响网站数据运行的可靠性，也会抢走浏览者的眼光，从而使网页的具体内容显得苍白无力。

总之，人们对美的追求不断深入，要增强网页的美感及大众的审美需要，就应该把网页做得很精彩。网页给人很直观的感受，本文提到的色彩、布局、文字、多媒体元素等的运用的艺术表现都是要经过精心规划和设计才能体现出网页的特点，这才是具有视觉吸引力的网页。

参考文献：

［1］姜玉洁，张楠，戴毅君等编著.网页制作教程.机械工业出版社，2007.2.

［2］刘洪峰.网页设计色彩配色应用.江西美术出版社，2003.1.

［3］韦艳丽.多媒体设计［M］.北京：北京理工大学出版社，2006（7）.

［4］马丹.网站页面设计［M］.北京：北京理工大学出版社，2006（7）.

［5］刘瑞新，张兵义，冯柯编著.网页设计与制作教程.机械工业出版社，2005.

作者单位：山西晋中职业技术学院信息技术系