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

视觉流程及版式类型(十)

(2006-08-17 08:47:44)
分类: 网页艺术设计
3.3 分割型
    分割型版式设计,是把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成明显的对比:有图片的部分感性而具活力,文案部分则理性而平静。设计实践中,可以通过调整图片和文案所占的面积,来调节对比的强弱。如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则易造成视觉的不平衡,显得生硬、强烈。倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果。
 
视觉流程及版式类型(十)
 
图43 页面的分隔让画面产生更多的层次。
 
视觉流程及版式类型(十)
 
图44 文字与图形分隔了画面,使页面对立而统一
 
视觉流程及版式类型(十)
 
图45 色块把页面分隔得自然和谐
 
视觉流程及版式类型(十)
 
图46 首先以图片吸引浏览者的注意力,然后将视线引向文字
 
视觉流程及版式类型(十)
 
图47 文字在页面中占据了较小的面积,但由于分割线的运用,使文字同样得到强调
 
视觉流程及版式类型(十)

图48 常见的左右分割版式
 
视觉流程及版式类型(十)

图49 页面右侧使用斜线分割,打破了呆板的感觉
 
视觉流程及版式类型(十)

图50 上半边的大图与文字形成对比,图片的空间得到延展,形象得到强调,可增加浏览者的兴趣
 
视觉流程及版式类型(十)

图51 左右分割型版式

0

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

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

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

新浪公司 版权所有