新浪博客

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

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

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

图43 页面的分隔让画面产生更多的层次。

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

图44 文字与图形分隔了画面,使页面对立而统一

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

图45 色块把页面分隔得自然和谐

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

图46 首先以图片吸引浏览者的注意力,然后将视线引向文字

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

图47 文字在页面中占据了较小的面积,但由于分割线的运用,使文字同样得到强调

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

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

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

视觉流程及版式类型(十)
图51 左右分割型版式

我的更多文章

下载客户端阅读体验更佳

APP专享