浅析网页界面设计的艺术化

来源:用户上传      作者: 朱桂萍

　　摘要：在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，也日益被网站建设者所注重。作者结合教学经验，阐述了如何制作一个完整的丰富多彩的页面。主要从网页组成要素、版式设计、色彩、优化这几个太方面对页面设计进行描述，最后对其艺术设计原则进行了深入的分类和阐述。最后总结出在进行网页设计时，应注重技术与艺术的统一，力求形式与内容的统一，以期网页的显示达到快捷、美观的视觉效果。
　　关键词：互联网；网页界面；艺术设计
　　中图分类号：TP393.092　文献标识码：A　文章编号：1009-8631(2010)05-0173-02
　　
　　一、网页的组成部分
　　
　　一个完整的网页大致包括文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等要素。网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大域布”里。
　　
　　(一)图形、图像处理制作
　　提到界面艺术化，在网页上插入一些精美、适当的图片是必要的。我们常用的图片处理软件是Fireworks。它可以制作出传输较快的gif格式的图片。占用空间非常小。相比之下，Photoshop制作的是jpg格式的位图，有损压缩，象素小了就会出现模糊或者马赛克小方格。所以我们推荐采用Fireworks处理网页图片。
　　
　　(二)动画制作
　　网页艺术设计，少不了动画的加人，这就要求设计者有艺术修养和对颜色的综合把握能力。在没有FLASH之前，用的是Go live，后来是在htInl中嵌入Java程序编写阳动面，这要求设计者对Java语言非常熟悉。随着软件的发展，有了制作动画的专门软件。现在我们用FLASH软件制作的动画，小巧迷人，只需作为一个，swf格式文件导出，再导人到网页编辑器里即可。
　　
　　(三)文本的编写
　　一般在网页中可以用网页编辑工具的“所见即所得”功能直接写人文字，如用Dreamweaver或者Front page等软件都可以进行文本的编写。为了体现站点的“与众不同”，可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体下载，要寻找一款满意的字体并不困难。
　　
　　(四)框架的应用
　　框架是网页的常用形式，它可以使网页更为清晰。可以把不同的页面超链接到同一框架中，使页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分。
　　
　　(五)表格的应用
　　表格在网页中使用最为广泛，可以布局、定位，使网页更加灵活。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。
　　
　　二、网页的版式设计
　　
　　所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，是一种具有个人风格和艺术特色的视听传达方式。同报刊杂志等平面媒体版式设计相比。印刷品都有固定的规格尺寸，网页的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。
　　
　　三、色彩的运用
　　
　　人眼对色彩非常敏感。打开一个网站，给用户留下的第一印象就是网站的色彩，一个网站设计得成功与否，在很大程度上取决于设计者对网页颜色的运用和搭配。主页的色彩处理得好，可以锦上添花。达到事半功倍的效果。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调以及与内容风格相适宜的颜色。
　　
　　(一)色彩有冷暖的感觉
　　如儿童类站点宜使用暖色系(即红色、橙色、黄色、赭色等)，不宜使用冷色系(青色、绿色、紫色等)，且色彩要丰富。
　　
　　(二)色彩有柔软和坚硬感
　　同色相，明度高，则有柔软感。明度低，则会有坚硬感。女性站点，适量选用柔美的淡粉色或高级灰，而男性类站点，就可以使用棕色，深蓝色。
　　
　　(三)色相
　　从色相看，暖色给人的感觉华丽，从明度看，明度高的感觉华丽：从纯度看，纯度高的色彩给人的感觉华丽。由此首饰类站点可以使用高雅的咖啡和金黄色，而香水类站点可以用明度高的淡绿或浅蓝色。
　　
　　(四)色彩的联想
　　红色：热情。橙色：温暖、欢乐。黄色：光明、快活。绿色：和平、新鲜。蓝色：安宁、平静、理智。紫色：优雅、高贵、庄重、神秘。黑色：恐怖、死亡。白色：纯浩、神圣、清净。灰色；谦逊等等。如游戏站点，适合黑色，因为暗色感觉诡秘。旅游类站点，可以选用草绿搭配黄色。政府类站点，可以使用红色、蓝色。时装类站点，可以选择高级灰、紫色等，突出高雅氛围。校园类站点也适合绿色。科技类适合深蓝色。新闻类适合深红色，或黑色，搭配高级灰等等。
　　
　　(五)对比色调
　　即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。
　　
　　四、网页界面的优化
　　
　　在页面设计中，网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
　　
　　(一)背景与字体
　　在资讯类网站中，文字是页面中首要构成元素，因此字体的优化显得尤为重要。通常我们使用ess样式表指定文字的样式，将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，一般使用黑色。这样不易产生视觉疲劳，保证浏览者可以较长时间地浏览网页。
　　
　　(二)分辨率因素
　　网页的适应性是很重要的，在不同的操作系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×00下制作网页，会得到最佳浏览效果。现在我们设计网页，一般要考虑800×600和1024x768两种分辨率。因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。
　　
　　五、网页艺术设计的建议
　　
　　要提高网页设计制作的整体水平，除了设计者努力提高自身的修养，我们还可以在技术和技巧上提几点建议：
　　
　　(一)主题要鲜明
　　优秀的网页设计必须服务于网站的主题。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想。或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是――美。
　　
　　(二)形式与内容统一
　　任何设计都有一定的内容和形式。内容是设计存在的基础，被称为“设计的灵魂”；形式是其外部表现方式。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出阿页设计独具的分量和特有的价值。因此，在网页设计中必须注意形式与内容的高度统一。
　　
　　(三)整体风格要统一
　　网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。这主要从版式、色彩、风格等方面人手。例如：在版式上，一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐；对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。

转载注明来源:https://www.xzbu.com/2/view-516533.htm