网页的版式设计（四）

发布日期发布: 2007-4-18 | | 发布人 (共有0条评论) 我要评论

"1138536443l">二、图像

　　除了文本之外，网页上最重要的设计元素莫过于图像了。一方面，图像的应用使网页更加美观、有趣；另一方面，图像本身也是传达信息的重要手段之一。与文字相比，它直观、生动，可以很容易地把那些文字无法表达的信息表达出来，易于浏览者理解和接受。

1.图像的格式
　　Web通常使用两种图像格式：GIF和JPEG。除此以外，还有两种适合网络传播但没有被广泛应用的图像格式：PNG和MNG。

图9

2.图像的形式
　　同印刷排版一样，静态图像在网页排版中的运用不外乎四种形式：方形图、退底图、出血图以及这三种形式的结合使用。

　（1）方形图　即图形以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形态。方形图使图像内容更突出且将主体形象与环境共融，可以完整地传达主题思想，富有感染性。配置方形图的页面，给人以稳重、可信、严谨、理性、庄重和安静等感觉，但有时也显得平淡、呆板。

图10

　（2）退底图　将图像中的背景去掉，只留下主题形象。退底图形自由而突出，更具有个性，因而给人印象深刻。配置退底图的页面，轻松、活泼，动态十足，而且图文结合自然，给人以亲和感。但也容易造成凌乱和不整体的感觉。

图11

　（3）出血图　图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面，因不受边框限制，感觉上与人更加接近，便于情感与动感的发挥。

图12

（以上内容节选自顾群业等编著的《网页艺术设计》一书，山东美术出版社出版。）

图9：典型的方形图，四周留出边框，使图片内容突出。
图10：人物全部退底，文字色块的安排轻松随意，是面向年轻人的设计。
图11：四边出血，有强烈的扩张感。
图12：主体形象退底且两边出血。主体形象的方向性与右侧文字的排列方式具有引导视觉的作用。