论页视觉要素设计

《论页视觉要素设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、论网页视觉要素设计北京印刷学院设计艺术学院王愉引言网页设计是一门边缘学科。它是一门技术，也是创造美的过程；它是信息传播的工具，也是表现多媒体技术的一部分。网页要给访问者留下深刻的印象，使信息被用户接收传播，只有美观与实用相结合，设计与用户相沟通，下载速度快与良好交互性相联系。怎样通过网页视觉要素设计来实现？本文从图像、文字、导航及其它平面视觉要素的设计来论述。一、网页中的图像设计在网页中图像的渐变、对称、对比、比例、平衡、大小、明暗等等给人以直观的印象，使网页更加美观、有趣；同时图像也是传达信息的重要手段之一。可以容易地把文字无法表达的信息表达出来，易于浏览者理解和接受。当然，网页中

2、图像的选用和编辑有其自身区别于传统媒体的特点和要求。1-1图像的文件格式图像是以文件的形式存储在计算机上的，这些文件有各种各样的格式，网页通常使两用种图像格式：GIF和JPEG，除此之外，还有两种图像格式有可能在将来流行：PNG和MNG。目前，这两种格式还没有被广泛地应用。1-1-1GIF格式GIF格式是图形交换格式GraphicalInterchangeFormat的缩写，是web图像的标准格式。GIF格式首先把图像的色彩归纳为256色之内，然后采用无损压缩，这种压缩算法比较简单，解压缩的速度很快，很适合在网页上显示。GIF的优点还有：文件量小，支持1bit透明（Transpare

3、ncy）和交错（Interlaced）模式，支持GIF89a动画格式。为避免图像周围有难看的光环出现，通常先把图像放于与网页背景颜色相似的背景层上来设定透明度，以使难看的边界降到最小程度。对于简单的web动画来说，GIF89a动画是最容易掌握的技术。GIF89a动画包含一系列的帧，每一帧就是一幅图像，此外，还包含一些播放动画的参数，如延迟时间、循环顺序等。GIF格式适合于制作图标，动画和平铺式图案背景。此外，以Flash制作的动画由于需要播放插件的限制，其中无交互性的关键帧动画通常导出为GIF格式在网页上播放。1-1-2JPEG格式１１JPEG是联合图像专家小组JointPhotog

4、raphicExpertGroup的缩写。因为JPEG格式的图像采用了一种失真的压缩算法，即通过失去部分图像信息来获得较高的压缩比，所以，压缩比例越大，图像质量越差。JPEG支持24bit真彩，适用于具有丰富细节的高质量图像。与GIF格式相比，它也有类似于交错显示的渐进式显示，但不支持透明颜色。另外，JPEG的压缩算法比较复杂，因此，图像解压缩显示的时间也相应较长。JPEG格式适合于制作照片和艺术复制品（有微妙阴影和柔和色调）。如表（1-1），对GIF与JPEG文件格式进行了比较。 GIFJPEG应用图标，动画和平铺式图案背景照片和艺术复制品（有微妙阴影和柔和色调）色彩最大支持256

5、色支持24位图片压缩方法支持无损压缩采用有损压缩透明度支持1比特透明度，1与0的透明信息，只有透明与不透明两种选择，没有层次不支持透明动画支持GIF动画,gif89a可存储多张gif图像在同一文档中，可以作出动画效果不支持动画表1-11-1-3PNG格式PNG格式是一种存储32位信息的位图文件格式，其图像质量要胜过GIF格式的图像，也使用无损压缩方式来减少文件量的大小。PNG格式图像可以是16位的灰阶、48位的彩色，也可以是8位的索引色。它的特点是显示速度快，因为它使用高速交替显示方案，只需要1/64的图像信息就可以显示出低分辨率的预览图像，但不支持动画。当前并非所有版本的浏览器都支

6、持此格式。而MNG支持动画。1-2图像的色彩模式RGB显示器色彩原理：电脑显示器的颜色属于光源色，属于基于RGB三原色的色彩原理。显示器中的所有颜色都是通过红色（Red）、绿色（Green）、蓝色（Blue）这三原色的混合、叠加来实现的，这种颜色的混合原理被称为加色法混合。CMYK印刷颜色混合原理：印刷三原色是洋红（Magenta）、黄色（Yellow）、青色（Cyan），印刷品的颜色是通过三原色以及黑色（Black）的混合来实现的，印刷颜色的混合原理属于减色法。基于HTML语言的网页色彩只能解析显示RGB色彩，而不支持CMYK色彩。如果在网页制作时使用了CMYK色彩模式的图片，即使

7、是JPEG格式的图片在互联网上也将无法显示该色彩模式的图片。这在制作网站前的色彩规划中尤为重要。1-2图像文件的大小从图像格式就可以看出，网页中的图像质量不需要很高。因为网页中的图像最终于计算机的显示器上显示，受显示器的最小分辨率的限制，一般来说，分辨率为72dpi(dotperinch)是大多数图像的最佳选择；对颜色深度来说，8位(256色)或24位的颜色深度在多数情况下就已足够。另外，网页的中的图像由于需要适合网络传输的要求１１，受到带宽的限制，其文件