注册
 找回密码
 注册
江西广告网 首页 理论资讯 版式设计 查看内容

网页的版式设计(七)

2007-4-18 14:14| 发布者: anchen| 查看: 760| 评论: 0

"1138538776l">三、版式的基本类型

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

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


图21


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


图22


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


图23


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


图24


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


图25


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

图21:综合运用多种分栏形式。
图22:四边出血,向外扩张,适合年轻人的口味。
图23:分割线上的压置的图片既打破了页面分割的生硬感,也使自身得到强调。左边框上的小标签乃点睛之笔。
图24:不易觉察的中轴型版式,给人以轻快之感。
图25:网站的导航标题沿图形弧线排列。


12下一页

漂亮

酷毙

路过

雷人

握手

鲜花

鸡蛋

最新评论

热点图文
  • 江西首个纺织文化创意设计产业园8
  • 江西:亲亲爹地TM婴儿纸尿裤等2种
  • Timberland 10061经典黄靴广告《真
  • 明星助阵庆典 果唯伊为何低调?资
  • 雀巢Nespresso胶囊咖啡机TVC
推荐阅读
全球知名广告工作室Platinum,位于巴西里约热内卢,是一家出色的专 ...查看全文
安塞尔·亚当斯的摄影作品 ...查看全文
最近遇到一些很奇怪的CorelDraw文件,只要打开那些文件,就会出 ...查看全文
广告圈子

返回顶部