加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

网页设计中的点线面(八)

(2006-07-29 09:06:13)
分类: 网页艺术设计

4 空间层次的布局安排

  网页设计中,空间感是视错觉作用的结果,它的产生受多种因素的制约,如形的比例关系、位置关系等等。页面空间布局最重要的是,在易于浏览的基础,形成形式美感,以使页面信息更好地被浏览者接受。设计网页,要巧妙地进行点、线、面的空间布局安排,使页面设计变成一种信息沟通的桥梁,而不仅仅是装饰。

4.1 比例关系

  比例关系是就面的大小而言的,指近大远小的视错觉规律,它产生了近、中、远等空间层次。在网页编排中,可将主体形象或标题文字放大,次要形象缩小,来建立良好的主次、强弱的空间层次关系,以增强页面的节奏感和明快度

网页设计中的点线面(八)

33 大色块产生的视觉主体

网页设计中的点线面(八)

34 人物形象所占面积最大,位居前景

网页设计中的点线面(八)

35 清晰突出的图片所产生的第一视觉点

4.2 位置关系

  前后叠压的位置关系,也能形成空间层次。具体说,就是将图像或文字作前后叠压排列,产生空间层次丰富的视觉效果。位置的主次关系(上、下、左、右、中),产生空间层次,重要的信息一般被安排在视线最先接触的位置,其他信息则与主体配合,安排在或上或下的次要位置。

网页设计中的点线面(八)

36 主体形象在前,昭示主题

  疏密关系产生的空间层次,是将视觉元素作有疏有密的编排。

网页设计中的点线面(八)

37 视觉元素的疏密变化,使页面空间层次增多

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有