购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.3 骨骼

骨骼型版式是指版面中各元素的摆放骨架和格式。骨骼型版式是一种比较规范的非常理性化的版面分割方法,有竖向的通栏、双栏、三栏、四栏和横向的通栏等,一般来说以竖向分栏为主。在版式设计中可以根据内容与信息量及图片与文字的搭配比例,来进行骨骼版式的编排。在图片和文字的排列方面,骨骼型版式的比例很严格,给人和谐、严谨、稳定的阅读美感。

案例解析

横向

横向骨骼版式使版面稳重大方,排版风格统一,如果想让版面显得灵活,那就需要设计师精心考究了。

① 右面的文字和图片的搭配可谓见缝插针。

② 水果的枝条和叶子延伸到了左页,使版面显得更细腻又富有活力。

③ 淡黄色的水果和黄绿色的枝条,加上带有点缀肌理的背景,使整个版面显得清新自然。

斜向

倾斜的文字和图片,使版面显得动感和轻松。相对于常见的横向和竖向而言,斜向的版面更能吸引读者的眼球。

① 图片的倾斜并非变形而是裁切,所以并不会失其真实。

② 最左边的图片呈渐变样式,加上最右边的两张曲线风格的图片,使版面的韵律和轻松感更加强烈。

③ 文字的段落样式,以及字间距和行距都和图片的明度相匹配。

竖向

在骨骼版式中,竖向的排版风格具有秩序感和严谨性,给人一种和谐的感官体验,能让读者轻松阅读。

① 主要图片在主要位置,浅蓝色色调在浅灰色背景上显得清晰明亮。

② 文字大小和颜色安排恰当,使版面层次丰富。

序列

规则的骨骼版式具有序列性和完整性,迎合了读者从上到下的视觉阅读顺序,让人感觉整齐、整洁,并且易读。

① 这是一幅巴西的《醉乡民谣》电影海报,图片位于视觉中心的位置,从而点明了主题。

② 文字从上到下的排列顺序,简明扼要地介绍了电影的基本信息。

打破

打破版心和分栏的限制,图片和文字充斥着版面,这种版面风格的视觉效果丰富独特,充满张力。

① 图片的出血以及标题的安排打破了规整的骨骼版式。

② 硕大的浅灰色的标题和深灰色的图片形成了强烈的反差。

③ 整体的冷色调中将极小部分的红色作为点缀。

活泼

骨骼型版式虽有秩序感,但容易给人以呆板、枯燥的感觉,所以想要让版面看起来活泼有趣,就需要花心思。

① 图片里的各种餐具和食物摆放得错落有致,加上整齐的文字排列,使整个画面显得活泼却不乱。

② 不规则盘子里的类似手绘的文字和图形,使版面更显活跃。

③ 左下角的文字排列成一条线,以及其他地方的线,加强了点线面的构成。

精彩案例

骨骼型版式的应用在书籍装帧和网页设计中很普遍,根据内容设定,充满序列感的骨骼版式,能够简便又快捷地处理好文字与图片的关系。但如果部分图片或文字敢于打破这种骨骼型版式,版面就会变得灵活生动。8bqRVXH7G+brmpPbreJ35TbWYJKHGzQhS691WB/fZuZx7Kxyl8H81/Fa4FXp0HmV

点击中间区域
呼出菜单
上一章
目录
下一章
×