
- 本栏最新文章
- 网站tab导航的设计 11-10
- 栅格设计---页面版式的隐形架构 11-08
- 导航设计浅析 11-07
- 网页设计中的平衡、对比、连贯和留白 11-05
- 网站重构到底是什么 11-03
- 文字编排与版式设计图文祥解 10-28
- 网页的版式构成(水平分割) 10-27
- WEB设计经验 10-26
- 网页版面设计 10-24
- 设计和布局之间的思考 10-13

- 本栏推荐文章
- 视觉对交互的帮助——提升可用性 11-13
- 网页栅格系统研究:960的秘密 11-13
- 什么是直方图 11-13
- 电子商务提升用户体验的尝试 11-12
- “确定”与“取消”按钮:如何正确排序? 11-12
- “确定”与“取消”按钮:如何正确排序? 11-12
- 设计质量的要素 11-12
- Web分析七宗罪 11-11
- 网站tab导航的设计 11-10
- 网页色彩设计点滴 11-10
网页的版式设计 类型(三)
简介: 除了文本之外,网页上最重要的设计元素莫过于图像了。一方面,图像的应用使网页更加美观、有趣;另一方面,图像本身也是传达信息的重要手段之一。与文字相比,它直观、生动,可以很容易地把那些文字无法表达的 ...
除了文本之外,网页上最重要的设计元素莫过于图像了。一方面,图像的应用使网页更加美观、有趣;另一方面,图像本身也是传达信息的重要手段之一。与文字相比,它直观、生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受。
1.图像的格式
Web通常使用两种图像格式:GIF和JPEG。除此以外,还有两种适合网络传播但没有被广泛应用的图像格式:PNG和MNG。
2.图像的形式
同印刷排版一样,静态图像在网页排版中的运用不外乎四种形式:方形图、退底图、出血图以及这三种形式的结合使用。
(1)方形图 即图形以直线边框来规范和限制,是一种最常见、最简洁、最单纯的形态。方形图使图像内容更突出且将主体形象与环境共融,可以完整地传达主题思想,富有感染性。配置方形图的页面,给人以稳重、可信、严谨、理性、庄重和安静等感觉,但有时也显得平淡、呆板。
(2)退底图 将图像中的背景去掉,只留下主题形象。退底图形自由而突出,更具有个性,因而给人印象深刻。配置退底图的页面,轻松、活泼,动态十足,而且图文结合自然,给人以亲和感。但也容易造成凌乱和不整体的感觉。
(3)出血图 图像的一边或几个边充满页面,有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面,因不受边框限制,感觉上与人更加接近,便于情感与动感的发挥。
以上内容节选自顾群业等编著的《网页艺术设计》一书,山东美术出版社出版。)
图9:典型的方形图,四周留出边框,使图片内容突出。
图10:人物全部退底,文字色块的安排轻松随意,是面向年轻人的设计。
图11:四边出血,有强烈的扩张感。
图12:主体形象退底且两边出血。主体形象的方向性与右侧文字的排列方式具有引导视觉的作用。





