《文字创意设计》-第5章

第一节文字的编排法则字体设计更多的是对单个文字的独立设计。优秀的文字版式一定是符合文字编排的基本法则的，因为文字编排的最终目的还是传达文字内容信息，遵照文字编排的法则编排可以以更加具有视觉效果的方式达到这一目的。编排是以传达的主体思想为依据，把设计中的各种视觉要素按照形式美的要求科学合理地安排、组织。在平面设计中，文字编排是一种艺术创作过程，是艺术地将平面中的文字组成要素加以重新组合调度，并在结构及色彩上做整合安排的一种视觉传达方式，它是一种重要的视觉传达语言，是一门相对独立的平面设计艺术。下一页返回第一节文字的编排法则文字编排也是一种平面设计的方法，是运用各种视觉要素和构成要素进行组织、编排、规划的一种视觉传达方法。进行有目的的组织文字编排的设计，可以使设计作品更富于艺术感染力，更能吸引人们去接受信息，从而将作品上的内容更完整、更有条理地传达给读者。文字编排是在一个给定的空间中将各种元素组合排列，从而达到良好的视觉传达目的。在编排中，各种元素都可以抽象为简单的点、线、面组合，通过对点、线、面的研究来对版面进行布局，从而使版面视觉流畅、层次分明。文字的编排伴随着文字的诞生而产生。中国古代的文字编排方式，一般采用的是先由上往下竖排、再由右往左换列的阅读方式。上一页下一页返回第一节文字的编排法则一直到近现代，受西方影响，才出现先从左向右横排、再自上往下换行的排列方式。对于文字编排而言，以强化视觉效果、吸引视线为目标；以瞬间观察记忆为目的；讲求比例的调和、层次动态的分明，加强文字美感，强调形式美法则；集中视觉焦点，方便观者阅读。在现代设计的文字编排中，要实现更好的文字编排，通常都要遵循以下几条形式美的法则。一、对比与和谐对比是以对照与比较来对要素进行差异化表达，从而将差异的部分强调出来。上一页下一页返回第一节文字的编排法则对比有主次、大小、粗细、长短、疏密、动静、黑白、刚柔、虚实等多种对比方式。在同一版面中，通常有多种对比关系交融在一起。对比的最基本要求是显示主从关系和统一变化的效果。在文字上添加对比时其更容易阅读，通过改变字体大小形成主次关系，产生强烈的对比效果。字体和色彩的改变也会在版面中形成对比，标题文字在字体、大小和色彩上都区别于版面的其他文字，在文字排列上，以图5-1-1为例，横排和竖排相结合，对比鲜明，可以将永州悠久的历史文化与现代城市氛围相结合。而和谐是在类似的或不同类的视觉元素之间寻找相互协调的因素，包括内容与形式的调和，以及在文字和其他视觉要素之间寻求相互协调的因素。上一页下一页返回第一节文字的编排法则在对比的同时也产生和谐的效果，两者相互作用，不可分离。在编排上，通过文字的对比排列组合，使版面重点突出、一目了然，同时也体现了整体的和谐之美。在图5-1-2中，左侧单行文字与右侧混杂的文字形成鲜明对比，造成一种视觉冲击，突出了整个版式的信息中心——“Iamnotmyself”；同时文字编排的对比创造出了符合文字信息意境的效果，强调了“混杂中迷失自我，不再是自己”的意义；另外字母“I”的颜色与其他文本也形成对比，再次强调了文字信息的核心。对比是为了达到视觉上的冲击，从而突出主题。上一页下一页返回第一节文字的编排法则与之相对应，和谐的文字编排，是为了创造一种舒适流畅的视觉效果，这种效果主要通过版式、色彩、构图等方面表现出来。在图5-1-3中，整体颜色风格统一，字体编排整齐规律，标题、内容比例适中，视觉流程自然由左至右，视觉效果简单舒适。二、对称与平衡“对称”这一词来源于希腊语（Symmetros）。在大自然界中，我们到处可见对称的形式。对称也是一种规则性的平衡。作为形式美法则之一，对称的形态给人以自然、安定、均匀、协调、整齐、典雅、庄重、完美的朴素美感，体现了力学原则，符合人们日常视觉习惯。均衡是指以支点为重心来保持各种不同形态力学平衡的一种形式。上一页下一页返回第一节文字的编排法则从某种程度上来说，它是对称的一种异化。在画面上，对称与平衡产生的视觉效果是不同的：前者端庄、有统一感，但是过分均等则会显得呆板；后者生动活泼，有动感，但若变化过强也容易失衡。形式美法则中的平衡形式是指各种视觉要素给人的综合感觉，根据形象的大小、轻重、色彩以及其他视觉要素的分布作用于视觉判断的平衡。在设计中，要把对称和平衡结合起来，灵活运用，才会使之产生更好的视觉效果。在图5-1-4中，两块岩壁通过中间石头的连接形成了一个对称的沙漏，文字分别置于沙漏的顶端和底部，遵守对称的法则；但同时，岩石挤压所带来的视觉冲击力、两端文字的编排以及背景色彩的运用，同样使整个版面充满无限变化的可能性，对称却不失动感。上一页下一页返回第一节文字的编排法则图5-1-5的编排同样遵循对称与平衡的形式美法则，文字本身的变形在稳定中增加了一丝灵动。图5-1-6所示为平衡的文字编排。文字内容放在版面的右侧，为了弥补版式的视觉平衡，将部分文字放大置于版面左侧，视觉分量上与右侧达到平衡。较之于对称编排，平衡编排在自由中又能达到视觉平衡，不只是简单地利用文字的严格对称来编排，从而避免了对称编排的一些缺点。图5-1-7和图5-1-8所示是日本平面设计大师原研哉为长野冬季奥运开幕式的节目纪念册所做的版式设计，展现了深植日本文化的设计理念。上一页下一页返回第一节文字的编排法则其文字编辑大部分是以段落为基础的水平对称形式来展现的，有稳定、整齐、干净、单纯的典雅之美。其中利用标题和横竖段落来点缀平衡，不失活泼，使整个版面充满了活力。三、节奏与韵律节奏最初是音乐中音响节拍轻重缓急的变化和重复，而在应用上是指同一要素连续重复所产生的运动感。节奏可分为重复节奏和渐变节奏。韵律最初也是音乐或诗歌的声韵和节奏。诗歌中音的高低、轻重、长短的组合，匀称的间歇或停顿，一定位置上相同音色的反复以及句末、行末利用同韵同调的音相加以加强诗歌的音乐性和节奏感等，就是韵律的运用。上一页下一页返回第一节文字的编排法则韵律是既有内在的秩序，又有多样性变化的复合体，是重复节奏和渐变节奏的自由交替。所以节奏和韵律也可以运用在文字编排设计上，我们可以利用文字组合排列或重复出现、上下排列等，来使文字编排生动、活泼，同时给人以节奏韵律美的享受。在视觉艺术中，通过线条、色彩、形体、方向等因素的有规律的运动变化，来引发人们的心理感受。图5-1-9所示是设计师赵青所做的海报设计——《轮回日月》，其以米字格为基本构架，展示出设计师对中国文化的考究以及对时光的思索。其内容以六十甲子、二十四节气、十二生肖为元素，字体亦是专门独特设计。上一页下一页返回第一节文字的编排法则这大大小小、重复出现的文字编排，可以给人们带来生动有趣的节奏与韵律的美的感受。图5-1-10所示为“2011年度微博关键词”的文字编排设计。文字集中形成椭圆形的字面，但是通过文字的堆叠、大小变化、颜色的跳跃，表现出了一种层次分明的节奏感；不同的文字对人的视觉有着不同的吸引力，视觉流程随着文字颜色、大小、位置的跳跃而变化。节奏与韵律本是音乐中才有的听觉感受，在文字编排中利用文字“节奏”的变化，也可以将这种感受转化到视觉上。图5-1-11所示为NIKE广告招贴设计。贴合运动的人的文字透视、变形起伏，这种编排方式赋予了文字律动感，视觉上带有一种呼吸的韵律，很好地体现了招贴的主旨。上一页下一页返回第一节文字的编排法则图5-1-12所示为洗发水广告，文字飘动的韵律结合其意义，更好地表现了主题。四、秩序与变异秩序是指文字编排设计中各视觉元素有组织、有规律的形式表现。它使版面具有单纯的结构和井然有序的组织，使读者能更直观地接受编排的内容。秩序美是编排法则的灵魂，是文字、图形、线条等进行科学性和条理性组合排列。秩序的构成原理有四点，分别是对称、比例、韵律、统一。而变异则是一种规律的突破，是一种在整体效果中的局部突破，也是其含义延伸或转折的变异。常见的变异形式有大小、形状、方向、特异。上一页下一页返回第一节文字的编排法则图5-1-13所示为其音乐会招贴。文字编排秩序感很强，中心为标题，同心圆形环绕参演音乐家名字，主次分明，视觉流程由中心至圆环，清楚明了。图5-1-14所示为目录页设计。有秩序的文字编排可以方便读者快速找到自己需要的信息。图5-1-15所示为文字变异编排，图中颠倒的文字、文字色彩明暗的差异将会带来视觉上的冲击，更加吸引读者注意力；在满足识别性的基础上，也体现了编排的自由和创意。综上，所谓文字编排设计，即在一个给定空间中把版面中的各种元素组合排列。上一页下一页返回第一节文字的编排法则为达到良好的视觉传达效果，各种元素都可以抽象为简单的点、线、面组合，通过对点、线、面的研究来对版面进行布局。上述文字编排的基本法则，就是通过总结版式布局对视觉效果影响的一般规律，以帮助我们在文字编排时使版面视觉流畅、层次分明、主题鲜明，在保证识别性的基础上，实现更好的审美效果。在进行文字编排和版式设计时，应该充分考虑视觉上的美感、内容上的贴切。在遵循一定编排法则的同时，也要融入个人理解，对文字进行再创造。同时，也要传达出一种文化内涵，时刻关注社会发展的需求和大众的审美品位，注重对视觉表现所形成的思维观念进行研究，形成具有自己特色和风格的设计语言和编排理念。上一页返回第二节文字编排的设计方法一、字体、字号在视觉传达设计中，文字是最能准确传达信息的良好媒介。但凡是复杂的信息，几乎都不可能离得开文字设计元素。通过运用文字元素的精心设计，可以使整体设计实现更好的版面效果，而且不需要任何图形。因此可以说，能够编排设计好文字，设计就算是成功了一大半，甚至是全部。（一）字体字体的选用和设计是文字编排设计中的基础。一般来说，中文文字设计常用的主要字体有宋体、黑体、仿宋体、楷书四种大类。下一页返回第二节文字编排的设计方法在文字编排设计的标题设计上，为达到醒目抢眼的效果，往往采用粗黑体、琥珀体、粗圆体、细圆体、综艺体和手绘创意美术体，等等。不同的字体有不同的形状，也会表现出不同的特点和特征。如图5-2-1所示，正方形的字体给人以端庄、稳重和保守的感觉；而竖长的字体则有优美、秀丽和纤弱之感（见图5-2-2）；扁长的字体又会给人们带来稳定和整体的感觉（见图5-2-3）；倾斜的字体较容易引起人的注意，且有不安定的感觉（见图5-2-4）。在文字编排设计当中，一般来说选用2～3种字体来设计编排整体，会有更佳的视觉效果。就文字独特的设计方式而言，还可以通过设计字体的粗细程度来进行区别。在编排中，将主要的字体加粗，加以区别，从而可以达到主次分明的目的。上一页下一页返回第二节文字编排的设计方法（二）字号字号，也就是指文字编排设计中字体的大小，这种字号值的大小差别，叫作优先率。计算机字体的大小，通常采用号数制、点数制和级数的计算法。点数制是世界流行的计算字体的标准制度，“点”也称磅（P）。一般来说，电脑排版系统就是用点数制“P”来计算字号大小的，每一点等于0.35毫米。在现代文字编排设计当中，正文的用字越来越小，一般会用5～7点，比以前的9～12点看起来显得更为整体、清秀，且具有现代气息。但是如果低于5点的话，字体就会显得过小，以至于影响到人们的阅读。上一页下一页返回第二节文字编排的设计方法编排中，最大的字体与最小的字体之间距离越大，文字的层次关系就越明显，跳跃感越强，整体编排版面上会更活泼，且主次分明，主题一目了然，使识别阅读性更高；如果最大的字体和最小的字体之间的距离越小，编排的版面就会显得文字层次关系紧密，整体变化小显得版面平静，性格沉稳，易于阅读。例如，在同一本书中，书的封面设计会强调字体大小的差异（参见图5-2-6），以突出标题等传达信息的重要文字；而书籍内页的设计，则字体大小差距小（参见图5-2-7），以增强阅读的流畅性、识别性和舒适性；不同的内容，如书的目录、导言、正文、页码等，则要通过不同的字体设计大小、疏密来进行主次区分，从而使整体版面更适合于人们阅读。上一页下一页返回第二节文字编排的设计方法所以，在版式设计中要想有良好的视觉效果，既需要有独特的创意、新颖的设计，又需要注重对文字的字体、字号等重心进行把握。在文字编排设计时，不同的汉字字号造成的视觉和心理感受会有所不同，例如我们经常会在一些版面中看到大字号与小字号同时出现——设计师甚至还会有意造成二者的对比，或者以大字号的汉字作为背景，以其他元素与其形成层次关系等——这些形式的设计能给人带来不同的视觉感受。二、字距与行距文字编排是把各种元素放在一个给定的空间中进行组合排列，从而达到良好的视觉传达效果。上一页下一页返回第二节文字编排的设计方法每一种文字，不论是单独的字体或组合成列，还是成栏的字块，都可以呈现出视觉特色。在进行文字编排时，讲究字体的形式美感、字距行距的宽窄，讲究留白之美，可以更好地衬托主题、集中视线和拓展版面的视觉空间层次。字与字之间的距离称作字距。一般情况下，编排时的字距应该是两字之间最适合阅读的距离，和谐的字距可以使阅读过程更舒适流畅。如果字距的设置无法让读者的眼睛聚集在每一行字上，那么阅读体验就会削弱，而适当地调整字间距，将会对阅读有很大的帮助。根据实验，人们曾得出这样的结论：一般阅读性的文字的间距相对固定，即字宽的1/12。在具体的设计实践中，可以根据实际情况适当加大或缩小间距。上一页下一页返回第二节文字编排的设计方法由于汉字和拉丁字母的字体属性不同，所以在编排上，关于字距的标准也是不同的。在汉字编排中，无论幅度宽窄，每个字占据的空间都相同。而在外文编排中，字间距大小取决于几大因素：首先是字体的相对宽度，字体越狭窄、越紧缩，要求字间距越小；其次是字母之间的空隙。行距是文字行与行之间的空当，是为了分辨文字行与行之间上下阅读顺序而设置的。一般情况下，行距要大于字距，往往占到字宽的1/4；行距最小也应在字高的50%以上，但最多不能高于一个字，否则就会影响阅读的舒适性。上一页下一页返回第二节文字编排的设计方法在设计实践中，可以通过增大或缩小行间距来展现设计风格及读物的内容，恰当的行距可以使文章具有强烈的韵律感，符合视觉读取信息的顺序。通常，字距的确定与字体结构相关，因为每种字体对字符的占用空间不一样。图5-2-8和图5-2-9所示都是英国设计师尼维利·布罗迪的字体排版作品，由图5-2-8可以看出，上半部分的字体排列相当宽松，字距大于行距，而排列又非常整齐，给人一种舒适、放松的感觉。在图5-2-9中，字体排列紧凑，有很强的密度感，且字体大小不一，行距也是不整齐地紧凑排列，整个版面呈现出非常强的紧张感和张力。上一页下一页返回第二节文字编排的设计方法此外，图5-2-8的字距设计中还采用了宽、窄行同时并存的手法，增强了版面空间的层次感与弹性。三、点、线、面点、线、面是构成视觉空间的基本元素，也是文字编排设计中的主要语言。在文字编排中，点通常用一个字母表示，线往往是一行文字或一条空白，数行文字的组合或一张图片可看成是面。点、线、面是相互依存、相互衬托的，不同的组合组成不同的编排形式。点，在文字编排设计中，虽是最基本、最简单的构成元素之一，但它所带来的视觉感受并不比其他复杂的元素来得单薄。上一页下一页返回第二节文字编排的设计方法利用大小不一的点，并对其进行合理的排列和组合，形成一个周密的序列，会使画面具有强烈的构成感和冲击力。图5-2-10所示是冰岛设计师RagnarFreyr设计的一款招贴，以文字的空间编排为主，色彩搭配简洁且醒目，红、白两色形成强烈的对比反差。除画面中上部的字母“Pyro”之外，其他字母均成点状排列，与海报左部的五条竖线构成规整的隐形网格，展现了秩序美。通过对文字大小的强烈对比及位置、密度的合理编排，凸显了作品完美的空间秩序和富有力度的视觉美感。线，在文字编排设计中拥有着丰富变化的视觉形象，是版面构成形式的视觉元素之一。上一页下一页返回第二节文字编排的设计方法对于文字排列，我们只要将它们灌入到不同线型的既定轨道当中，就可以表现出相对应的情绪，让原本平静的文字变得富有情绪。图5-2-11所示也是冰岛设计师RagnarFreyr设计的一款招贴，整个版面有一种动态的视觉效果，其中的字母多是以线的形式排序。所有的字母都规划在斜线的轨道之中，再配合简单的图形，将所有元素整合到相同的运动方向上，从而在使整体画面具有动感的同时，还能起到引导观者视觉流程的作用。汉字通过一定方向的轨迹运动就形成了线，线是汉字段落用于编排的基本方式之一，线形的汉字段落既可以勾勒出图形的外轮廓，又可以通过相互交织而构造出图形的内在结构。上一页下一页返回第二节文字编排的设计方法图5-2-12所示是中国古代线性编排的回文诗。汉字编排出了一系列线条：一个大六角形的边缘线，一个小六边形的边缘线，以及三条对角线，它们交织出了线形结构。由于每个汉字所占的空间基本一致，所以两条线的交点均为一个汉字，这也是汉字的线形编排不同于拉丁文的线形编排的显著特点。面，不但具有点的特征，还蕴含线的特有属性。人的视线会按照面的逐层排列和排列的方向移动。其作用体现在以下几个方面：组织、整理版面中的信息；强调内容、引导视觉；保持版面平衡。图5-2-13所示是丹麦设计师SebastianGram设计的一款招贴。黑白色的搭配，使文字显得更为突出醒目。上一页下一页返回第二节文字编排的设计方法所有的文字都被整合到不同的矩形区域当中，就像一幅由很多矩形的面组成的图形。观众的视线首先会停留在海报中心的英文“MADEBYMAKERS”上，之后便会向周围发散，逐渐接收到其他文字所传达的信息。发散性的编排视觉方向让视觉流程更具趣味性。“汉字矩阵”是以段落汉字编排为面的主要形式。现代文字编排设计在应用“汉字矩阵”基本原理的同时，加入了更多的形式变化，丰富了其编排的表现力。图5-2-14所示是杉崎真之助以“像素字体”为主题设计的招贴作品中的一幅。为了契合这一主题，设计师利用密集的矩阵编排形成了坚实且通透的色块，将分布较散的照片连接起来。版面中的文字在横向上进行比例压缩，形成了一定的韵律感，丰富了矩阵的细节。上一页下一页返回第二节文字编排的设计方法四、疏密在文字编排设计中，对字距和行距不按比例地任意加宽或者变窄，就造成了编排中的疏密变化。中国书法中有“密不透风，疏能走马”的传统理论（示例作品见图5-2-15、图5-2-16），这一理论同样适用于字体设计。版式的疏密对比之美必须有聚有散，形成虚实的节奏感。字与字之间有字距，每行字之间有行距，文字的大小长短的变化、字型的夸张变形，都构成了整幅作品的美感。图5-2-17所示是由我国著名书籍版式设计大师吕敬人先生设计的《朱熹榜书千字文》。上一页下一页返回第二节文字编排的设计方法作品的封面采用传统汉字竖排的文字排列方式，字体排列非常紧密，几乎没有字距与行距，充分体现了“密不透风”的设计理念——既体现了传统文化感，又有浓重的现代气息，在紧密繁杂中透露出秩序感。图5-2-18所示是“2003年德国最美的书”金奖作品。该作品在文字编排上有很强烈的自由版式设计风格，排列疏密有致。图5-2-19和图5-2-20所示则是文字编排疏密的一对鲜明对比案例。在汉字编排中，疏密变化在书法中被称为“布白”，而根据典籍对“章法”的解释，可以将汉字中的疏密变化分为三种类型：纵有行横有列，纵有行横无列，纵无行横无列。上一页下一页返回第二节文字编排的设计方法1.纵有行横有列纵有行横有列，指的是段落中字距行距较大、行列分明，字以散点状排布，造成疏松的感觉。图5-2-21所示是中国古代书法名作《韭花帖》。该作品字体排列相当疏松，字距行距极大，且有逐渐增大趋势。紧密的字体与疏松的字体排列形成鲜明对比，字中笔画也有疏密对比，平衡了整幅字的疏密对比，保证了字体的完整性，形成了编排上的节奏感，疏而不散。2.纵有行横无列纵有行横无列，指的是段落中行距大于字距，字连缀成线，在整个段落中形成了疏与密的平衡。上一页下一页返回第二节文字编排的设计方法图5-2-22所示是著名设计师韩家英设计的一款招贴《融合》。他将收集的大量文字样本在保留其本身的疏密状态的前提下拼合起来，使其呈现出细密而丰富的肌理变化。这些拼合后的文字样本呈粗细渐变的线状分布，从整体的角度来说，这与“纵无行横有列”的章法极为类似，渐变的线增强了空间感，背景中带有水墨色彩的笔触将分开的一行行的线联系了起来。3.纵无行横无列无间距的字集结成面，形成紧密的段落，是一种比较特殊的排列方式。上一页下一页返回第二节文字编排的设计方法图5-2-23所示是明代祝允明的《杜甫诗》，狂放飞舞的草书成为纵无行横无列的典型。笔画粗细、疏密变化丰富，繁而不乱。字形变化使得整体看上去非常紧密不松散，同时又不失草书的狂放不羁之感。图5-2-24所示则是一款现代招贴设计，版面中字体隐藏于各种图形之中，色彩丰富，在字体排列上也没有明显的行列之分，堆叠的字体排列铺满整个画面，却没有杂乱之感。字与字之间有重叠也有重复，充满了别样的秩序美。五、图文结合在版式设计中，字体的设计和选择，更多的是文字编排中的细节的体现；而文字的整体视觉效果，只有在大量文字或文字和图像混合编排在一起时才会表现出来。上一页下一页返回第二节文字编排的设计方法在读图时代的今天，平面设计中更多涉及的是图与文字的组合编排设计，强调比纯文字版式更好的视觉效果和信息获取的效率，而文字的重要性和视觉吸引力正在逐渐削弱，人们的注意力也逐渐从文本信息转移到图形信息上。但同时，文字作为最准确的信息传达媒介又是不可取代的。因此，图文结合的编排设计将直接影响到信息的关注度和传达效果。在图文结合编排设计中，我们常常会将文字段落与图当作两个元素分开设计和编辑，但最终将所有这些元素整合于一个版面中时，我们又不得不考虑二者的组合方式，甚至为了达到更好的结合效果，重新设计每个元素。上一页下一页返回第二节文字编排的设计方法由此可见，文字和图形、图像并不是孤立的、各自表现的，它们会因为比例、位置、组合方式、色彩、数量等因素互相影响，进而影响整体的编排效果。图文编排设计是一个很宽泛的概念，它被广泛应用到各个相关的设计领域，不同的领域有不同的侧重点。在编排的设计方法上，表现为图与文的构成技法和图文穿插的效果。图文结合的编排方法很多，但是基本要遵循的，无非是以下几条：（1）主题突出。一个成功的版面设计不是设计师个人风格的自我陶醉，而是在明确客户目的的基础上对内容进行完美体现。上一页下一页返回第二节文字编排的设计方法（2）比例与尺度。大体上，在图文编排中的比例和尺寸是以黄金比作为依据来排版的。不过在现代版面设计中，为达到更独特的视觉效果，设计师往往会创造出不同的比例。（3）力场与动势。格式塔心理学认为，“心理现象最基本的特征是在意识中显现经验的结构性与完整性”，画面体现出的整体意象是一个心物同形的过程。在编排设计中，图与文的位置、二者的组合方式、留白的位置等，都直接影响到画面的完整性与结构性；这种完整性和结构性将产生一种无形的力场和动势，而这又将直接影响观者对整体版面的心理感受。上一页下一页返回第二节文字编排的设计方法（4）骨架与版面。骨架与版面直接决定整个版面最终的视觉流程和视觉效果。文字、文本、图形或图像被看作是构成版面的点、线、面。在满足以上原则的前提下，编排设计中可以充分利用字体、色彩、图形和图像、装饰线面等元素进行组合编排，以达到更好的视觉效果。图5-2-25所示为国外报纸编排设计。在这类以文字为主要信息内容的编排设计中，图片起到了增强视觉吸引力、呼应文字内容的效果，同时也在版面中起到了分割文字版块、平衡版面的作用。上一页下一页返回第二节文字编排的设计方法标题性的文字加粗、放大，占到几乎同图片同样重的视觉比重；视觉流程上，图片首先吸引读者的注意力，然后引导视线到标题，确定关注之后人们才会继续对文本内容的阅读。所以在报纸这类媒介的编排设计中，首先要将图片和标题文字的视觉效果突出，然后根据各信息版块的重要程度决定其尺寸，再将各版块组合规范，利用线框分割各个信息版块，从而使得这类有大量文字内容的编排设计最终呈现更加清晰明了的效果。相比于图5-2-25，图5-2-26的文字排版不再是呆板的方块，而是充分利用了图片的边缘；文与图达到一种融合的境界，文字环绕的视觉效果更加和谐舒适，也准确地表现出了图片与文字内容的一致性。上一页下一页返回第二节文字编排的设计方法这类编排方法在现代杂志、报纸、书籍设计中十分常见。图5-2-27所示为标志汽车在报纸媒介上的广告应用。如果只是在右侧中间的版块上放上汽车图片、广告语以及企业标志，那么这就沦为千千万万普通报纸广告中的一个了。广告部分所占的面积即使再放大一些，也不会有人将视线在此过多停留——因为除了第一眼的视觉吸引力外，它只是一个汽车广告而已，无法带给我们特别的感受。而图5-2-27的编排设计，非常巧妙地创造了一种图与文字的互动：由于文字的变形和图片的位置，产生了一种“破纸而出”的视觉效果。这些效果完全来自于编排设计的创意，它达到的不仅仅是视觉上的吸引，更是一种由设计而产生的互动感和诙谐感。上一页下一页返回第二节文字编排的设计方法这正是现代平面设计所需要的，也是我们的眼睛所需要的。如图5-2-28所示，现代杂志设计正在逐渐削弱大段文字信息的比重，图形、图像和标题占到版面的大部分空间和最显眼的位置，文本段落被归置为线、面等来构成和平衡版面。这种编排在满足主题信息突出的前提下，创造出了一种简洁清爽的视觉效果。图5-2-29所示这种编排设计风格，利用独特、优美的字体，来搭配简洁的线框和被弱化的文字段落版块。在纷乱复杂、色彩缤纷的各种杂志编排设计中，此种安排往往更加耐人寻味，更经得住审美的考验。上一页下一页返回第二节文字编排的设计方法但人们对审美的需求是多样的，编排设计者往往要根据信息内容的变化而改变设计风格，而优秀的编排一定是充分结合内容的精心设计。图5-2-30所示为某杂志的内页设计。设计师利用图文穿插编排，将波动曲线与文本和图片结合在一起，紧密地体现了该版面商业、金融、经济的主题；同时又表现出一种与众不同的视觉效果。图形和文字的意义性在这种设计下显得更加清晰明了。图5-2-31所示为国外创意图文编排设计。文本信息被精心调整编排后组成了图形的一部分，同时又携带着整个版面的信息内容。上一页下一页返回第二节文字编排的设计方法失去的一条腿由文字拼接上去，不仅有视觉上的震撼，更会带给观者思考的空间——对失去腿的人的同情和叹息——而这正是编排设计的最好效果。文本的细节也被精心考虑过，字体的大小、粗细、位置和方向的不同，既表现出各自的重要程度，又创造出一种引导人们阅读的视觉流程。现代编排设计不仅仅是简单的图与文两个元素独立的组合和搭配，也常常利用精美的摄影图片作为整个版面的背景；将文字放在图片之上，利用文字的颜色、透明度、字体等，也可以达到更独特的效果。图5-2-32所示为常见的杂志内页设计。上一页下一页返回第二节文字编排的设计方法将清晰漂亮的图片满版作为背景，文字基本上都位于版面上方，与下方狗的剪影实现平衡。标题用较大字体置于左侧，文本内容左对齐置于右侧。其中标题文字“dogs”为了避免因字体过大破坏版面平衡而降低了透明度。图5-2-33所示也是利用将摄影图片为背景、文字信息置于其上的编排方法。这类编排需要注意的是文字的识别性问题，因为摄影图片的色彩明暗变化较多，而文本信息基本上只能使用单一的或几种配色，二者的重叠可能会影响到识别性。因此，可以利用色块填充作为文本的第二层背景，但这同时也会增加文本段落的视觉重量，所以色块的大小、色彩和位置都要经过精心调整和设计。上一页下一页返回第二节文字编排的设计方法关于色块的利用，如图5-2-34所示，这些对于版面本来无意义的图形之所以被创造出来，是为了更好地搭配文字和图片，辅助主要信息元素来完成整个版面的设计。在图5-2-34中，文字和图片的形状和编排方法可能也会因为图形和色块的加入而发生某些改变，但同时却能够营造出丰满、充实的版面效果。图5-2-35所示也是利用创造出的图形和色块等装饰性元素来辅助完成图文结合的编排设计。箭头不仅是标题性文本的底图，更是视觉流程的导向标识，引导人们的视觉从左上到右下，再回到图片。深色的色块和线框不仅起到了分割不同文本区域的作用，而且将文本内容规则化、秩序化。上一页下一页返回第二节文字编排的设计方法这时，这些创造出来的、原本可有可无的装饰性元素也变得有意义了，成为整个版面不可缺少的构成部分。更进一步来说，如图5-2-36所示，图形及色块不仅可以作为辅助性元素来参与版面构成，更可以作为视觉要素直接决定图和文的样式。本图版面左侧部分，色块、图形的交叠、遮挡，与文字组合搭配创造出一种新的秩序感；而且色块和图形平衡版面和构成画面的作用，似乎已经超过了文本段落。右侧部分，图形化的数字“6”和标题文字“BRANDS”以及底图已经融合为一个整体，共同构成和影响着整个版面。上一页下一页返回第二节文字编排的设计方法优秀的图文编排设计不应该仅仅是图与文的生硬组合和排列，还要从色彩、尺寸、比例、形状等各个方面相互调和，以获得图文结合的融洽感——仿佛它们本来就应该是这样的存在方式一样自然。这也是平面设计师在编排设计时希望自己达到的最终目标。图5-2-37所示是国外时尚杂志内页设计。左侧版面以健身主题的图片作为背景，下方红色标签放置文本的设计与白色标题相呼应；右侧版面为上下对称的标签设计，结合“箭靶”样式的图形将“6tests”分类归置。弓箭也造成一种自左而右的视觉流程，由标题到图片指向文本信息内容。上一页下一页返回第二节文字编排的设计方法另外，在产品包装中，包装装潢设计也是在利用包装面的有限空间进行图文编排设计，以达到更好的视觉效果，进而促进销售和增加货架印象，增加产品附加价值。图5-2-38所示为果汁包装设计。切掉一半的苹果与取色自苹果的品牌名称“CAWSTON”构成苹果的形状，简洁的字体与排版方式，以及字体的颜色，给人以自然、新鲜的感觉。图5-2-39所示为香水的包装设计。插画与瓶侧的黑色文字带给人童话般的神秘感和复古气息，图、文，再结合包装的材质，完美地展现了产品的特点。上一页下一页返回第二节文字编排的设计方法综上，在现代图文结合编排设计中，在满足基本编排原则的情况下，应充分利用各视觉造型要素的特点，在有限的空间里将文字、图形、线条、色块等内容，按一定的方式成功组合排列，从而产生美的感觉。在现代版面设计自由化、个性化、多样化的前提下，这种美，是通过整个版面的视觉效果带给人们的一种心理感受——它可以是视觉上的平衡、和谐，也可以是强烈地对比突出某个版面元素，并通过总结版式布局对视觉效果影响的一般规律，在文字编排时帮助我们使版面视觉更流畅、层次更丰富、主题更鲜明，在保证识别性的基础上达到更好的审美效果。上一页返回图5-1-1