探析网页界面艺术设计

1、探析网页界面艺术设计摘要：在互联飞速发展的今天，络已成为人们生活中不可缺少的一部分，无论是 在商业、工业还是政府部门中都早已普及开来， 如今就连教育事业也都承载着络 这四通八达的命脉迅速的发展起来。站建设越来越接近于一门艺术而不仅仅是一 项技术。页界面艺术设计，日益被站建设者所注重。结合自身的经验，阐述了如 何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方 面对页面设计进行描述，对页界面艺术设计的文字、图形、色彩、多媒体四个要 素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述， 这一部分的重点是对页界面艺术设计风格的研究。页作为新兴媒体，有着比报刊、

2、杂志、广播、电视等传统媒体更多的构成要素，如文字、图形、声音、图像和动 画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的页界面艺术设计 这一观点。关键词：互联；页界面；艺术设计页界面艺术设计是伴随着计算机互联络的产生而形成的艺术设计新课题， 是页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着络技术的发展而发展。表面上看，它表面上看，它不过是 关于页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术 的高度统一。？页设计包括风格定位、版面编排、色彩处理、浏览方式、功

3、能等 诸多方面,其中色彩处理有着举足轻重的作用。色彩既是页作品的表述语言，又是 视觉传达的手。所以首先要了解一个问题那就是：1制作页包括具体都包括哪几部分呢？图形、图像处理制作页界面艺术设计，提到界面还有艺术，那在页上插入 一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设 计页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家 都会想到的软件是PhotoshoP这个软件，对，这个软件是进行图形、图像处理的 软件，但是，它不是专门的处理络图像的软件，Photoshop这个软件会用到去进行一些平面的图形图像，我们络的图形、图像处理用的是Fireworks软件，

4、它可 以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是KB 而Photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就 清晰，但这样的话上传到上会影响浏览速度， 象素小了就会出现模糊或者马赛克 小方格，所以我们采用的是Fireworks软件进行处理图形、图像。动画制作页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气 息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有FLASH软件之前，用的是Go live这个软件，再后来就用传统的做法，在 html 中嵌入Java程序编写的动画，但这要求设计者要对Java语言熟悉。随着软件的

5、 发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的 FLASH软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再 导入到页编辑器里就可以了。文本的编写一般是采用在页中用html语言中的标签编写，也可以用页编辑 工具的“所见即所得”功能直接写入文字，如：Dream weaver软件或者Front然后转换栅格化图page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候， 设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到上以后， 别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的 漂亮样式字体，因此，在考虑页界

6、面艺术设计的基础上，我们是把文字提前在 Photoshop或Fireworks可以将字体先选择自己喜欢的样式，片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到Dream weaver进行具体编辑，做可以用图片特有的属性进行热区，这样就完 成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。框架的应用框架是页的常用形式，它可以使页更为清晰，可以把不同的页 面超到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍 图书章节的部分，或者教学页用到的的框架比较多。表格的应用表格是页中用处最广泛的，可以布局，定位等等，它是页中最 活跃的元素。它的应

7、用可以使用页更加灵活。表格(table)是页面中的重要元素, 是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐 方式等参数。很多时候，我们将表格的边框设为0,以此来定位页面中的元素，html源代或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取页码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格， 必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待 多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamwe

8、aver制作页时，会自动在每一个td内添加一个 空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。2色彩的运用页界面艺术设计离不开色彩的应用，当打开一个站的时候，给用户留下第一印象的既不是站丰富的内容，也不是站合理的布局，而是站的色彩，尤其是在 体现界面的时候，色彩对人的视觉效果非常明显，一个站设计的成功与否，在某 种程度上取决于设计者对页界面设计颜色的运用和搭配。页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只 是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图， 而并非 创造美。页界面页面设计的任务，是指设

9、计者要表现的主题和要实现的功能。 点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一 类是资讯类站点，像新浪、易、搜狐等门户站。这类站点将为访问者提供大量的 信息，而且访问量较大。因此需注意页界面设计页面的分割、结构的合理、页面 的优化、界面的亲和等问题。第二类是资讯和形象相结合的站，像一些较大的公 司、国内的高校等。这类站在设计上要求较高，既要保证资讯类站的上述要求， 同时又要突出、单位的形象。第三类则是形象类站，比如一些中小型的公司或单 位。这类站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的 主要任务是突出形象。这类站对设计者的美工水平要求较高。3页界面

10、的优化在页面设计中，页界面的优化是较为重要的一个环节。它的成功与否会影 响页面的浏览速度和页面的适应性，影响观者对站的印象。在资讯类站中，文字是页面中最大的构成元素，因此字体的优化显得尤为SS样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为 12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时 间地浏览页。一般我们页默认的字体是宋体。为了体现站点的“与众不同”和特 有风格，我门可以根据需要选择一些特别字体。 例如，为了体现专业可以使用粗 仿宋体，体现设计精美可以用广告体，体现亲切随意可

11、以用手写体等等。当然这 些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字 体有二三十种，常见的英文字体有近百种，络上还有许多专用艺术字体下载，要 寻找一款满意的字体并不算困难。 需要说明的是：使用非默认字体只能用图片的 形式，因为很可能浏览者的PC里没有安装你的特别字体，那么你的辛苦设计制 作便将付之东流。页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览 器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800X600下制作页，最佳浏览效果也是在 800X600分辨率下，在其它情况下只要保证基 本一致，不出现较大问题即可。现在我们设计页，一般要

12、考虑800X 600和1024X 768两种分辨率，因此我们的表格一般为居中的 770左右的表格，表格的 宽度最宽不要超过778。事实上，”做页”不是单纯意义上的”制作页”，如果 想让自己制作的页美观大方，就必须要考虑”设计页”的过程，一个好的作品， 不通过仔细的”设计”就成形是绝对不可能的。我国的页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是 一种风格，这也是因以前我国的宽带水平跟不上有原因， 一个漂亮的页面，必然 体积会比较庞大，络比较慢的话打开的速度也就可想而之， 打开速度慢正是页的 一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象， 但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。页界面页面设计的一个基本特色便是吸引浏览者，一