退底图与文字结合的版面编排设计方案

自由式没有明显的模式或规律，灵活多变和生动自如是其主要特点，但并不是杂乱无章的任意堆砌，而是要在自由随意之中显示灵感，表达意境，使版面编排设计跳出形式规则的禁锢，进入具有内在个性、独创性的层面。自由式版面编排设计可分为相对自由式和绝对自由式两种。

图4-27是一个充满涂鸦气质的版面，有强烈的绘画感。画面中的女人占据主体，文字的排列没有特定的规格，随性大胆，看上去有些漫不经心，但隐含着对版式形态的讲究。

图4-28中是女人性感的嘴唇与飘逸的长发充满画面，文字按照非常规的视觉习惯来排列，给人杂乱混淆的感觉，这个版式的构图非常大胆，且自由度高，属于满版式和自由式相结合的版面编排设计。

图4-29是以文字为主的版面编排，字母的编排严谨中透露出极大的自由，此版面编排设计将自由、前卫和趣味性表现得淋漓尽致。

图4-27　自由式版面一

图4-28　自由式版面二

图4-29　自由式版面三

上述九种表现手法，只是版面编排设计中最基本最常见的样式，若仔细划分，还可以罗列更多。进行分类的目的不过是出于理论研究和相关教学的需要，其实际意义并不大，关键是要将各种艺术形式融入设计之中，要活学活用，举一反三，千万不可死记硬背。

应当记住的是，版面编排设计的各种类型多是互相渗透、互为表里，设计者要在掌握这些类型的基础上施展才智，甚至抛开规则，自由创造出新颖独特的构成样式，为版面编排设计这块园地增添更多更美的花朵。

教学实例

图4-30　退底图与文字结合一

在退底图周围混合文字是版面编排设计的又一种可选择的方案。一旦确定图文可以建立一个很好的结构，就可以让退底图打破区域内的对称，将退底图和文字结合起来，也会产生一些技术上的问题。因为计算出来的文字布局和长度要和退底图的边缘相匹配。一旦匹配恰当，文字与退底图的结合就会产生让人兴奋的方案。

图4-30版面中几乎占满画面的字体与背景的女人脸重叠，十分有张力，让受众努力辨识女人脸的同时，仔细看清前面的文字。这样的版面设计气氛严肃、紧张，给画面带来神秘感。

一位成功的设计师要能恰到好处地平衡所需要的设计元素。例如设计一张海报时，应该强调设计中最有刺激感的元素。但是如果设计一份菜单、一本杂志或书籍封面就不需要如此显著的视觉冲击，而只需要巧妙地诱使读者去阅读并能引人入胜，如图4-31至图4-34所示。

图4-31　书籍封面的原版

图4-32　经过倒置图形形成的奇异效果

图4-33　重新组合后的图形与文字版面一

图4-34　重新组合后的图形与文字版面二

设计分析

分析4-1　图4-35是图文混合满版式构图，利用图形中物体的运动趋势来安排文字，牛在画面中旋转挣扎，文本则沿着这种动态趋势的轨迹排列，强化了画面的动感。

分析4-2　图4-36是骨格式版面设计，图形以散点安排在画面上半部，文字按骨格式分成四栏排版，其中细节处理得很到位，文字契合圆盘的形状来排列，整个画面色调协调清晰，给人舒适恬静的感觉。

图4-35　图文混合满版式构图

图4-36　骨格式版面六(www.xing528.com)

分析4-3　图4-37为自由式版面，占据画面主导地位的是颜色雅致、丰富的彩色铅笔头，呼应了大标题。这幅设计作品准确地表达了它的意境，让受众的眼睛被颜色所吸引，大胆随性。

分析4-4　图4-38中粗体字与人物交叉，形成鲜明对比，图中人物动作舒展，着装华丽鲜艳，突出了斗牛士的个性，画面充满动感，简洁大方，是非常大胆有趣的版面编排设计。

图4-37　自由式版面四

图4-38　退底图与文字结合二

分析4-5　图4-39是满版式与骨格式共存的版面，色调低沉闲适的饮品照片铺满整个版面，文字根据顾客浏览菜单的习惯呈纵向五栏排列，错落有致。

分析4-6　图4-40中将图片一分为二，使用了一个引人注目的圆形遮挡住画面中的女人脸，标题就在圆形上，以此来突出主题，是简洁有说服力的版面设计。

图4-39　满版式与骨格式共存的版面

图4-40　杂志封面设计

分析4-7　图4-41是一个经典的集中式版面编排设计。设计突出了主题“cut”（剪），所有的元素都是以剪纸的形式组合在一起的。背景中密集的剪纸排列十分吸引人的眼球，有向外发射的错觉，白色的剪刀显得格外抢眼，很有视觉张力。

图4-41　集中式版面三

课后练习

1.通过对版面编排设计基本类型的学习，运用美的形式规律设计版面，进行公益广告设计，如图4-42和图4-43所示。

创意思路：根据本项目学习的版面编排设计的基本类型，灵活运用造型能力与构思技巧，将情感融入作品中。要求版面主题突出，层次清晰，以达到准确传达信息的目的。

图4-42　公益广告设计一

图4-43　公益广告设计二

2.通过对版面编排设计的基本程序和规范的学习，按照版面编排设计中对图形的选择要求，选择适当的图形进行杂志的版面编排设计，如图4-44至图4-47所示。

创意思路：收集适量的图文信息，根据页面信息对版面功能的不同要求，运用合适的版面编排设计类型，注意图文信息的组织关系，灵活运用多种图文编排方法，使主题突出，风格统一，并有顺畅的视觉流程。

图4-44　杂志封面版面

图4-45　杂志内页版面设计一

图4-46　杂志内页版面设计二

图4-47　杂志内页版面设计三