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