文字的版面构成课件

第六章

文字的版面构成一、文字排版1、文字的格式化文字在排版设计中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接的方式，运用经过精心处理的文字材料，完全可以制作出效果很好的版面，而不需要任何图形。

1）字号字号是表示字体大小的术语。其大小可以用不同的方式来计算，例如磅或像素，计算机字体中，通常采用号数制、点数制的计算方式。点数制是世界流行计算字体的标准制度，“点”也称磅(P)。电脑排版系统，就是用点数制来计算字号大小的，每一点等于0.35毫米。2）字体字体的设计、选用是排版设计的基础。字体顾名思义就是字的形体，中文常用的字体主要有宋体、仿宋体、黑体、楷书四种，在此基础上还有各种变体，如方正、金鼎等字库字体。在标题上为了达到醒目的效果，又出现了粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等，在排版设计中，设计者可以用字体来更充分地体现设计中要表达的情感。

字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据版面的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，这样版面雅致，有稳定感，一般选择两到三种字体为最佳视觉结果。否则，会产生零乱而缺乏整体效果。在选用的这三种字体中，可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小，同样能产生丰富多彩的视觉效果。

3）字矩与行距字距与行距的把握是设计师对版面的心理感受，也是设计师设计品味的直接体现。一般的行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵，加强版式的装饰效果，体现独特的审美意趣。现代国际上流行将文字分开排列的方式，感觉疏朗清新、现代感强。因此，字距与行距不是绝对的，应根据实际情况而定。

例如，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。通过精心安排的宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。此外，行距的变化也会对文本的可读性产生很大影响，恰当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。2、文字的整体编排从艺术的角度可以将字体本身看成是一种艺术形式，它在个性和情感方面对人们有着很大影响。在版式设计中，字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。在设计师的眼里文字也是一种图形。1）文字的图形化字体具有两方面的作用：一是实现字意与语义的功能，二是美学效应。所谓文字的图形化，即是强调它的美学效应，把记号性的文字作为图形元素来表现，同时又强化了原有的功能。作为版式设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出色地实现自己的设计目标。将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服版式的单调与平淡，从而打动人心。2）文字艺术化

在进行文字编排时，不一定千篇一律地置于版面首部。可作居中、横向、竖向或边置等编排处理，甚至可以直接插入图形中，以新颖的版式来打破旧有的规律，以达到文字的艺术化编排。此外，还可以通过将文字与图像之间或文字与文字之间进行叠置编排，使版面产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为版式设计中活跃的、令人注目的元素。虽然这种手法影响了文字的可读性，但是能造成页面独特的视觉效果。这种不追求易读，而刻意追求“杂音”的表现手法，体现了一种艺术思潮。因而，它不仅大量运用于传统的版式设计，在现代设计中也被广泛采用。3）文字编排的四种基本形式文字编排要充分发挥这个群体形状在版面整体布局中的作用。其编排形式有：两端对齐、居中对齐、左对齐、右对齐和绕图排列。结合竖向编排又有上对齐和下对齐之分。两端均齐：文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严谨、美观。居中排列：在字距相等的情况下，以版面中心为轴线排列，这种编排方式使文字更加突出，产生对称的形式美感。左对齐或右对齐：左对齐或右对齐使首或尾自然形成一条清晰的垂直线，很容易与图形配合。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏与韵律的形式美感。左对齐符合人们阅读时的习惯，显得自然；右对齐因不太符合阅读习惯而较少采用，但显得新颖。绕图排列：将文字绕图形边缘排列。如果将底图插入文字中，会令人感到融洽、自然。4）文字的强调①行首的强调

将第一个字或字母放大并作装饰性处理，嵌入开头，这在传统版式设计中称之为“下坠式”。此技巧的发明溯源于欧洲中世纪的文稿抄写员。由于它有吸引视线、装饰和活跃版面的作用，所以被应用于版面的文字编排中。其下坠幅度应跨越一个完整字行的上下幅度。至于放大多少，则依据所处版面环境而定。

②个别文字的强调如果将个别文字作为版面的诉求重点，则可以通过加粗、加框、加下划线、加指示性符号、倾斜字体等手段有意识地强化文字的视觉效果，使其在版面整体中显得出众而夺目。另外，改变某些文字的颜色，也可以使这部分文字得到强调。这些方法实际上都是运用了对比的法则，其常用于网页的版面设计中链接部分。5）文字的颜色在版面设计中，设计者可以为文字选用各种颜色。使用不同颜色的文字可以使想要强调的部分更加引人注目，颜色的运用除了能够起到强调整体文字中特殊部分的作用之外，对于整个文案的情感表达也会产生影响。但应该注意的是，对于文字的颜色，只可少量运用，如果什么都想强调，其实是什么都没有强调。况且，在一个版面上运用过多的颜色，会影响浏览者阅读版面，除非你有特殊的设计目的。另外还需要注意文字颜色的对比度，它包括明度上的对比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性发生作用，更重要的是，你可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。第七章

图片的版面构成

图片在排版设计中，占有很大的比重，它的视觉冲击力要远强于文字的视觉冲击力，甚至有说一幅图片胜于千字，此外，图片是无国界的，无语言障碍的人类共同语言。图片在信息传达上可以辅助文字，帮助理解，更可以使版面立体、真实，尤其是具象的摄影作品能逼真地反映事物，有着极其丰富的感情色彩和诉求能力，因此能具体而直接地把我们的意念高素质、高境界地表现出来，使本来物变成强而有力的诉求性画面，充满了更强烈的创造性。图片在排版设计要素中，形成了独特的性格以及吸引视觉的重要素材，视觉效果和导读效果。1、图片的位置图片放置的位置，直接关系到版面的构图布局，图片放置的位置不同，产生的视觉效果和心理效应也不同。一般版面中的左右上下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片，版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点，可使版面变得清晰、简洁而富于条理性。通常版面下部放置图片会使版面平静，而四角放置图片则会稳定和平衡版面。2、图片的面积占据版面的图和文字的面积比叫做图版率，这个比率是版面设计中的重要因素，它直接关系到版面的视觉传达。一般情况下，把那些重要的、吸引读者注意力的图片放大，从属的图片缩小，形成主次分明的格局，这是排版设计的基本原则。3、图片的数量在版面设计中添置图片是为了提高读者的阅读兴趣，图片的多寡直接关系整个版面气氛状况。图片越多，版面气氛就越热闹，但是图片数量的多少，并不是设计者的随心所欲，而最重要的是根据版面的内容来精心安排。如果要显示格调高雅的版面视觉效果，则要选择尽量少的图片，如只采用一张高质量的图片，以提高读者对版面的印象。而在一些在普及的、热闹的和新闻性强的读物中往往采用多张图片，以加强版面的气氛，提高读者的浏览的余地。4、图片的形式图片的形式主要有方形图式、出血图式、退底图式、化网图式和特殊图式。方形图式就是将图片放入版面而不作任何处理，出血图式则是将图片充满整个版面而不露出边框。退底图式

是设计者根据版面内容所需，将图片中精选部分沿边缘裁剪。化网图式

是利用电脑技术用以减少图片的层次。特殊图式是将图片按照一定的形状来限定。5、图片的组合图片组合，就是把数张图片安排在同一版面中。它包括块状组合与散点组合。块状组合强调了图片与图片之间的直线。垂直线和水平线的分割，文字与图片相对独立，使组合后的图片