您的位置:江西广告网 >> 资讯 >> 理论资讯 >> 版式设计 >> 查看资讯           在线投稿在线投稿

168

view

网页的版式设计(七)

发布日期 发布: 2007-4-18  |  来源    |   发布人 (共有0条评论) 我要评论

 
上一篇 下一篇
"1138538776l">三、版式的基本类型

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

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


图21


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


图22


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


图23


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


图24


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


图25


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

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


编辑 资讯编辑: anchen
本站文章部分内容来自互联网,供读者交流和学习,如有涉及作者版权问题请及时与我们联系,以便更正或删除。感谢所有提供信息的网站,并欢迎各类媒体与我们进行信息共享合作。
打印 | 收藏此页 |  Mail给朋友 | 举报
上一篇 下一篇
 

评分:0

发表评论
seccode 换一个
查看全部回复【已有0位网友发表了看法】