WWW.4A98.COM
4A酒吧|广告人与平面设计师家园
卓越网上书店
  首页 > 平面设计 > 版式设计 > 网页的版式设计(四)
网页的版式设计(四)
作者:顾业群 时间:2006-01-29 来源:4A酒吧|http://www.4a98.com
字号【 】 【会员收藏
二、图像

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

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


图9


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

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


图10


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


图11


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


图12


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

图9:典型的方形图,四周留出边框,使图片内容突出。
图10:人物全部退底,文字色块的安排轻松随意,是面向年轻人的设计。
图11:四边出血,有强烈的扩张感。
图12:主体形象退底且两边出血。主体形象的方向性与右侧文字的排列方式具有引导视觉的作用。
 上一篇网页的版式设计(二)
 下一篇网页的版式设计(六)
Google
 【相关文章】  本文共有0篇评论 查看评论 | 编辑推荐 | 最近更新
 Deborah Pang Davis 杂志版式设计
 版面与排版的基础知识
 排版设计与制作:排版设计分析
 网页的版式设计(五)
 排版设计与制作:文字排版样式
 关于版式设计艺术的想法
 版面构成的设计原则
 国外报纸版面设计欣赏
 彩色报纸版面美的法则及表现手法
用户名: 密码:
验证码: 匿名发表
关于我们 | 友情链接 | 联系我们 | 版权声明 | 网站地图 返回上部
© 2004 - 2008 4A98.COM All rights reserved. 沪ICP备05008013号