网页图像功能与表现形态范文

图像，是一段充满生命力的生动体现，是对客体、位置、人物的形象描述；图像，是感性的情感空间，在观者的脑海里，它既是信息与知识的参照符号，也是人类创造能力的直观化表现，它广泛地应用于设计领域。在网页设计构成诸多要素中，图像是吸引视觉和形成设计风格的重要因素之一。

一、网页图像在信息传达上应该具备如下功能作用

1．要有良好的视觉吸引力，能吸引读者的注意力，通过“阅读最省力原则”来吸引人们注意网站，图像的大小、位置、数量、色彩、形状等因素，直接关系到网页的视觉传达效果。

2．要简洁明确地传达网站信息的思想概念，有良好的阅读效果，能使人们一目了然地抓住网站信息的诉求重心。

3．要有强有力的引导作用，直接诉诸观者视觉，造成鲜明的视觉效果，能使人们与自己的问题联系起来，从观看过程中产生愿望和诉求。网页设计中图像的选择和使用不能只考虑到漂亮与否，还应从更多的角度和层面来考虑。

二、网页设计中图像格式的选用

由计算机产生的形式简单的图像(如标识、图标)首选PNG格式，而色彩丰富的照片则一定是JPEG。如果颜色不多且没有渐变，应当使用GIF格式。GIF是用得最多的网页图像格式。GIF最多能呈现256种颜色，几乎适用于除照片以外的所有图像。它还具有制作简单的动画和透明图像的能力。PNG格式相对较新，也是W3C推荐的格式。PNG-8最多也能呈现256种颜色，堪比GIF；PNG-24支持RGB模式，既可以表现任何颜色，品质较高；而如果能在PNG-32在PNG-24的基础上增加alpha通道，也可以设置透明效果。JPEG可以呈现约1670万种颜色，常用于保存照片。但除此之外，一般设计中几乎用不到JPEG。如果图像颜色少于256种，或者含有大片纯色，则JPEG的色彩效果反而不好—为获得高质量的图像，文件所占用的储存空间可能会成倍增加。以上几种格式均可以通过Photoshop或Fireworkes的导出向导输出图像。选择的标准是，在保证图像的可接受质量的前提下，文件所占用的储存空间应尽可能小，这样才能确保浏览者不至于没有耐心等待图像完全呈现而关掉正在打开的页面。

三、网页设计中图像的表现形式

1．摄影

摄影图片有着直观性和写实性，能够让观众迅速地接受和处理图像，而没有被诸如纹理、材料与构成之类抽象的画面形式来左右浏览者的注意力。正如前面所说，在网页设计中，图像的“接受速率”显得极为重要，因为对于面临视觉信息泛滥的每一位浏览者来说，图形必须有足够强的竞争力才能吸引眼球。摄影图片不再依赖人们所熟悉的修饰加工以及润色等一般照片处理技法，而是把照片的内容真实地传达出来而不显露出人工的痕迹，就比较容易得到观众的赏识。摄影这种表现形式广泛地应用于商业类网站，如levi是国际时尚品牌，网站页面通过少量文字和产品图片组合，达到一种带有levi色彩的时尚效果，每个页面中央都是一张levi品牌裤子的摄影图片，有近景的局部特写，有远景的整体实景，有levi裤子前部细节图和后部细节图，在选图上有张有弛，即便是静止的画面，也能够产生动感，大量的摄影图片充斥于整个网站的主页和子页，使人们能够一目了然地抓住网站信息的诉求重心。

uktsc.com网站是衣着类商品网站，它将衣着类图片以摄影图片的形式出现在页面当中，网站设计者考虑到浏览者就是进入“商城”的消费顾客，搞清楚什么是最可靠的、最重要的就是最好的，将衣着类商品真实地摆放在浏览者的面前，同时网站还运用弹出窗口的方式展现出大衣的面料小样照片，很有说服力。

2．插图

插图这种表现方式能极大地拓展传达信息的潜在手段。插画也可以是具象写实的，也可以是抽象象征的。网页设计者可以利用肌理、构成方式及动作特点来制作插图，不仅能够避免真实生活的失误和环境的束缚，而且还可以增加细节性的选择，甚至是设计者个人对视觉化的阐释。插图与摄影照片相比，插图的力量在于利用了视觉的敏锐性，传达着情感、诗意、感官、自然的人性。Superfabulous.com网站中，一幅大面积的插画映入眼帘，两位时尚少女惬意地听着优美的乐曲悠闲自得地翻阅着杂志。浏览者即便对本网站并不了解，但是透过这张插图表现的内容、颜色，很容易辨出消费者为年轻的女性。再向下看其他的图片，不难看出这是一件销售服装、时尚饰物的电子商务网站。本网站从图像入手，让图像说话，用形象传递信息，以强烈的视觉冲击力打动浏览者的心，唤起浏览者的联想和刺激浏览者的想象，让浏览者在审美的过程中接纳商品信息。网页中的图像是商品信息的载体，它最主要的功能就是将产品或者企业的商业活动所承载的信息、概念转化为视觉语言，进行形象、艺术的描绘，以此来感染大众的情绪，影响他们的心理，完成商业运作及广告宣传，让大众最终实施消费。

Superfabulous.com网站运用插画也确实做到了这一点。Sixteen-o-two是一个设计工作室，网站背景是以工作室为蓝本的插图，完全是用flash制作的。浏览者在场景里寻找感兴趣的物体，可单击跳跃到下级栏目中。用矢量插画和渐变色彩做成的网络广告也是本网站中抢眼的一部分。另外，还有韩国法宝宗刹伽山海印寺的网站：网站的宗教气氛并不浓郁，设计师在庄重与大气上下了工夫，插图均是远景、近景的寺庙照片，直接点题，同时营造出一种静谧、祥和的气氛，使人们一目了然地抓住网站信息的诉求重心。

3．图形符号

西方谚语曰“一粒沙中见天国”，禅语曰“一花一世界，一木一菩提”，还有石涛的“一画（划）论”，都是说基本元素中包含了根本性，犹如一粒种子，就包含了生命的全部，可以看作生命最简化的表现。这种图形符号既有事物的具象特点，又有象征符号的抽象特点。它的视觉语言减少到没有多余的东西，只留下描述对象所必需的形状特征，比如可以表现事物的外部造型、细节、纹理等特征。以这种表现形式暗示着网页设计者对具象或原图的体验，有助于浏览者获取真实的信息，引领浏览者按着网页设计者的意图，不自觉地发掘出自身内心的强大活力。当然，也要求浏览者有敏锐的洞察力和想象力。Kinseyvisual.com是一个画家的个人主页，通过各种各样的画笔图形以及由页面上部抵达下来的黑色油墨，直观地展现了网站主题—一位画家的个人主页，并且在主页的中间和下方罗列出画家的作品。

4．字体转化为图像当一个字母或者单词超越原本的字体造型,具备了插图式特点,字母或是单词就自行转化为图像,其潜在的语义就丰富起来。图像是文字的具象化，图像能极大地提升文字表述内容的魅力、张力和感性。一幅好的图像，能将设计师抽象的思考予以“具体化”的表达，把某些无法用文字表现出来的视觉特征，通过图像形象地表现出来，它应该是一种文字意念的“再创造”。

Activision是一个国外介绍影片的网站，其网站标志就是以这个名字来设计的，但已经是完全图形化了的标志，它将字母“T”进行艺术化处理，使这个母字变成正在向前方翱翔并且有敏锐观察力的雄鹰的图形，寓示着本网站的新片更新迅速、内容广泛。这也是好的字体演变成图形图像设计的成功范例。

四、图像在网页设计中的应用

在网页设计中，图像的应用可谓林林总总，包罗万象，可以做网站标志、导航、背景、banner、图标，图像也可以在网页中担任主角，图片被布置在整个网页当中，使用图像作为陈述事实和传达观念的基本手段。比如在服装类网站，图片展示人们在出特定场合和环境下如何穿着打扮，这些图像的目的有两个：一是在真人身上着装；二是给服装的生活方式定位。图像可以以动与静两种不同的方式出现，可以以大与小对比悬殊的情况出现，可以以不同的位置、数量、形式出现。

Sakon.com整个网站的主页是由一张天空的插图作为背景，在上方有一个猪腿的造形，当把鼠标放上去的时候，就会出现不同的肉块作为导航的开关，点击后画面跳转到其他场景；在新场景中，肉块、酱、火腿等插图都是可选择的导航按钮，整个网站利用插图动静结合，充满了趣味性。

Ratatattoo.com网站的标志是一只变形的鸟，这个标志在网站很明显的位置上，出现在本网站的各个页面之中，起到了“眼睛”的作用，无论插画更换为多么艳丽的颜色，页面也可以保持平衡。

一个优秀的页面设计必定是形式与内容的完美结合。图像在网页设计中有着举足轻重的作用，可以说是肩负着网页形式和内容双重任务。因此，我们应该掌握图像的属性和特点，运用它更好地为网页设计服务。

友情提示：写论文不难，难的是选好一个适合的期刊。你可以在本站了解一下评职的具体要求哦，可以参考一下哦!