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

  网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。

1.骨骼型
  网页版式的骨骼型是一种规范的、理性的分割方法,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用,既理性、条理,又活泼而富有弹性。


图21


2.满版型
  页面以图像充满整版。主要以图像为诉求点,也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及,这种版式在网页设计中的运用越来越多。


图22


3.分割型
  把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力,文案部分则理性而平静。可以调整图片和文案所占的面积,来调节对比的强弱。例如:如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则造成视觉心理的不平衡,显得生硬。倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果。


图23


4.中轴型
  沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。


图24


5.曲线型
  图片、文字在页面上作曲线的分割或编排构成,产生韵律与节奏。


图25


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

图21:综合运用多种分栏形式。
图22:四边出血,向外扩张,适合年轻人的口味。
图23:分割线上的压置的图片既打破了页面分割的生硬感,也使自身得到强调。左边框上的小标签乃点睛之笔。
图24:不易觉察的中轴型版式,给人以轻快之感。
图25:网站的导航标题沿图形弧线排列。
 上一篇现代版式设计的发展趋势
 下一篇版式设计的十三种基本版面类型
Google
 【相关文章】  本文共有0篇评论 查看评论 | 编辑推荐 | 最近更新
 版式设计的十三种基本版面类型
 网页的版式设计(四)
 封面设计的“象”与“意”
 对招贴设计中图形创意的几点认识
 排版设计与制作:排版设计程序
 报纸版面设计美学:视觉艺术及色彩运用方法
 排版设计与制作:文字排版样式
 浅谈版式设计
 国外报纸版面设计欣赏
用户名: 密码:
验证码: 匿名发表
关于我们 | 友情链接 | 联系我们 | 版权声明 | 网站地图 返回上部
© 2004 - 2008 4A98.COM All rights reserved. 沪ICP备05008013号