网页设计的应用与页面优化

陈奇 吕琛

[内容摘要]网页设计作为一种视觉语言，它是平面设计在信息时代的延续，也是一项现代数字科技与传统人文美学相结合的创造性智力活动。互联网和多媒体技术的快速发展，网页作为信息的主要载体，承担着将各类信息展现和传达的任务，网页设计的使命是直接有效地传达信息给用户，现在网页用户群体复杂，层次多样，对网页的好用性要求越来越高，要求一个网页在很好的需求战略，功能规格，信息架构的基础上更多的关注交互细节设计。

[关 键 词] 交互性  导向  设计  体验

一、国内外网页设计现状

网络作为第四媒体，逐渐走向成熟，网页设计业也已逐步脱离了传统广告设计的范畴，形成特殊而独立的体系。同时表明了，设计人员对网站视觉审美以及网站功能应用等多个方面的认知达到了新的高度。抛去媒体这层外衣，网站是信息的储存空间。从理论上来说，套用相同的模板，只要保证浏览者能够获取信息，网站的功能其实也就实现了。

众所周知，“优者生存”是事物繁衍发展的自然规律。随着网络技术的更新换代，以及计算机美术的可达到的范围越来越广，无法继续满足于：只有几篇文字和版式一模一样的网站。网页艺术设计包含的视觉传达效果以主题鲜明、形式与内容相统一为设计原则。文字内容的精心组织、图片的唯美设计、和谐的色彩搭配都是吸引浏览者访问网站的基本因素。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。通过对网页设计中的审美需求和其各种视觉构成要素（文字、图片、颜色、布局等）进行了分析。进入21世纪，人类社会正经历着从原子时代向数字时代的转变，新世纪不可缺少的必然是互联网，互联网正在全世界进行着越来越深刻的革命。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。

二、网页设计中的视觉流程

视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造，只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为合理、灵活地运用。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性。三、网页中各个构成要素分析

网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

1.文字的编排与设计

最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。在同一页面中，字体种类少，版面雅致，有稳定感;字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。虽然可供选择的字体很多，但在同一网页上，使用几种字体尚需精心编辑和考虑。一般来讲，同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的，所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面形象要素之一，除了表意以外，还具有传达感情的功能，因而必须具有视觉的美感，能给人以美好印象，获得良好的心理反应。

2.图像的编排与设计

图片是文字以外最早引入到网络中的多媒体对象。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。图片的引入也大大美化了网络页面。在图片的选择和优化的同时，应考虑图片在整体编辑计划中的作用，到和谐整齐。

图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点，特别是在处理和相关文字编排在一起的图片时。一般来说，分辨率为72dpi（dotperinch）是大多数图片最佳选择;另一个特点是，图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。

3.色彩的设计

首先，整个页面的色彩选择，确定一个主色调，可以有利于体现网站主题。其次，在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对立的颜色。网页在一定意义上说也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面更加生动。

实际上背景的作用主要在于统一整个网页的风格和情调，对视觉的主体起到一定的衬托和协调作用，一方面吸引网民的注意力，另一方面有助于体现网站的主题。只有少量精心选择的元素，为了突出强调的需要，才采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。

4.布局设计

关于布局也许是大家最不放在眼里的地方，其地位如同文字的排版一样，随便可布，布即随便。

其实文字排版是一种不起眼但却非常重要的细节。做好了会让作品更为精细漂亮，做不好也许就成为作品失改的重要原因。其实布局也是一样，需要足够的重视起来。

结语

网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。在本文中只从视觉传达的角度和如何能将页面更优化进行了一些阐述与分析。除了掌握技术知识，还要具备较高的审美能力和文化素质，结合时代的发展。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心享受和共鸣。

本文系黑龙江省艺术科学规划课题一般项目 课题名称：网页设计与创意思维的整合策划及设计应用研究

课题号：2013B083

参考文献：

[1]郭洁恩，网页色彩表现研究[D].西安美术学院，2007

[2]王庆斌，张福昌.现代网页色彩设计[J].无锡轻工大学学报，2001

[3]张秀杰，个性化网页设计技巧[J].黑龙江畜牧兽医职业学院学报，2006