文字在平面设计艺术中的运用方法和技巧1

文字在平面设计艺术中的运用方法和技巧文字是人类文化的重要组成部分。无论在何种视觉媒体中，文字和图片都是其两大构成要素。文字排列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果，提高作品的诉求力，赋予版面审美价值的一种重要构成技术。

在这里，我们主要谈谈在平面设计中文字设计的几条原则，以及文字组合中应注意的几点。特别提醒一下，这部分工作应该是人脑完成的工作，电脑是无法代替的。

下面我们分别从以下几个方面具体讲述文字排列在平面设计中的运用，各小节都配有生动精彩的图例剖析。（注：本文所有引用的图片均为其作者版权所有，除研究、学习以外，不得挪做他用，特此声明！)

1．提高文字的可读性

设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的是为了更有效地传达作者的意图，表达设计的主题和构想意念……

2．文字的位置应符合整体要求

文字在画面中的安排要考虑到全局的因素，不能有视觉上的冲突。否则在画面上主次不分，很容易引起视觉顺序的混乱，有时候甚至1个像素的差距也会改变你整个作品的味道……

3．在视觉上应给人以美感

在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受……

4．在设计上要富于创造性

根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现……

5．更复杂的应用

文字不仅要在字体上和画面配合好，甚至颜色和部分笔画都要加工，这样才能达到更完整的效果，而这些细节的地方需要的是耐心和功力……

6．精彩作品欣赏

这类作品不论是字体、样式还是颜色的应用都非常精彩，给人留下震撼和深刻的印象，欣赏这样的作品真是一种享受……

文字版面的设计同时也是创意的过程，创意是设计者的思维水准的体现，是评价一件设计作品好坏的重要标准。在现代设计领域，一切制作的程序由电脑代劳，使人类的劳动仅限于思维上，这是好事，可以省却了许多不必要的工序，为创作提供了更好的条件。但在某些必要的阶段上，我们应该记住：人，才是设计的主体。

1．提高文字的可读性

文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。因此，设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的是为了更好，更有效的传达作者的意图，表达设计的主题和构想意念。

举例如下

让你想表达的内容清晰，醒目。让阅览者一开始就可以明白你的意思

避免使用不清晰的字体，否则容易使阅览者产生反感和麻烦（除非你需要这种效果）恰当的选择你所需要的字体但是，经过特别的处理，你可以使用一些本来并不合适的字体，比如注意文字在编排时的方向，注意安排阅览者的视线如果：那么，你可以做成这样或者是这样也可以最后一点，通常情况下，你应该2．文字的位置要符合整体要求

文字在画面中的安排要考虑到全局的因素，不能有视觉上的冲突。否则在画面上主次不分，很容易引起视觉顺序的混乱。而且作品的整个含义和气氛都可能会被破坏，这是一个很微妙的问题，需要去体会。不要指望电脑能帮你安排好，它有时候会帮你的倒忙。细节的地方也一定要注意，1个像素的差距有时候会改变你整个作品的味道。

举例如下:

安排好文字和图形之间的交叉错合，既不要影响图形的观看，也不能影响文字的阅览。

如果你不小心做成了这样（有意安排这种效果的不在此例）文字一定不要全部都顶着画面的边角，这样看起来很不专业再说一点细节上应该注意的问题，这是容易忽视的地方，也是容易出问题的地方这样看起来就好一点了3.在视觉上应给人以美感

在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉快，视觉上难以产生美感，甚至会让观众拒而不看，这样势必难以传达出作者想表现出的意图和构想。

举例如下:

这是一个带有图形的文字版面，也许你认为这样也不错了但是是不是太平淡了呢？改一下文字的位置和大小，效果又会怎么样呢？看下图或者是这样也可以，看下图感觉到了什么吗？其实就是这么微妙，有时只是一点小变化，味道却不一样多了。

再看看字间距的问题改一下看看，好一点了吗？对于大的字体如果你照搬上面的做法，也许你会处理成这个样子，这样看起来字与字之间会比较松散调整后是这样，看起来紧凑多了。字与字之间的对应关系也出来了再看看段落文字的处理

字体加大后，段落之间的距离也应该随之调整（在这里，小字体同样应用这一规则，不过是相反的）

比如，没有调整段落距离的时候调整后可以是这样如果有多个段落，就要注意更多的问题，比如主次和轻重，以及在内容表达当方面的重要程度等，看这个例子看看这个不错的版面的处理4.在设计上要富于创造性

根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现。设计时，应从字的形态特征与组合上进行探求，不断修改，反复琢磨，这样才能创造出富有个性的文字，使其外部形态和设计格调都能唤起人们的审美愉悦感受。

举例如下：

这是一个很普通的文字版面那么加一点自己的感受在里面，对文字的大小、间距、透明度做些调整，就会是完全不同的效果了。很有意思是吗？根据画面或作品的要求，可以使用一些图形化的文字（这可是汉字设计的一种新观点）。

注：所谓“文字图形化”即将文字笔画做合理的变形搭配，使之产生类似有机或无机图形的趣味。强调字体本身的结构美和笔画美。

比如：

一开始好象总感觉文字在这里面的表现力有些苍白了。对主题的表达没有什么帮助。那么试一下改成这样行不行味道出来了吗？在一定的条件下，确实不能用电脑中提供的字体，必须要自己创造。这也是汉字魅力所在的地方。

比如这个（没有太多的考虑的情况下）再看看设计的做法差别就在这里，也许只是一点小改动，但是需要你思考的却更多。有时候对文字的笔画做特殊的加工处理往往会产生一些意想不到的效果。而这样的处理是带有创造性的，同时人性化的味道也会更浓一些。这是电脑字体所无法替代的效果，带给观看者的感受自然会要强烈的多。

5.更复杂的应用

文字不仅要在字体上和画面配合好，甚至颜色和部分笔画都要加工，这样才能达到更完整的效果。而这些细节的地方需要的是耐心和功力。记住一定要有自己的想法和感受在里面，如果想表达自己对作品的态度，就不要在文字上偷懒，这也是不能偷懒的地方。

对作品而言，每一件作品都有其特有的风格。在这个前提下，一个作品版面上的各种不同字体的组合，一定要具有一种符合整个作品风格的风格倾向，形成总体的情调和感情倾向，不能各种文字自成一种风格，各行其是。总的基调应该是整体上的协调和局部的对比，于统一之中又具有灵动的变化，从而具有对比和谐的效果。这样，整个作品才会产生视觉上的美感，符合人们的欣赏心理。除了以统一文字个性的方法来达到设计的基调外，也可以从方向性上来形成文字统一的基调，以及色彩方面的心理感觉来达到统一基调的效果等等。

比如：一个简单的例子经过修改之后的

再来看看更复杂的：这个画面中所有的出现文字元素都经过了仔细的处理，这是根据主题的需要所必须的。如果没有这样的文字设计或许作品本身的感染力会弱的多。在有图片的版面中，文字的组合应相对较为集中。如果是以图片为主要的诉求要素，则文字应该紧凑地排列在适当的位置上，不可过分变化分散，以免因主题不明而造成视线流动的混乱。6.精彩作品欣赏

（1）作品1（视觉招贴）

这幅作品文字版面和样式的设计与图片的配合比较完美。对所有元素的关系进行了良好搭配。同样对主要文字元素运用了图形化的手法。尤其是辅助文字元素的安排和设计是这个作品中的亮点。

注意作品中左下角段落文字的设计，既让人感觉到存在，又不影响作品的感观，同时对行距控制的较好，没有产生拥挤的感觉。整个作品整体同一，细节丰富，完整的表达了作者的思想诉求和意念，值得借鉴。（可点击放大）

（2）作品2（形象宣传）

这幅作品是宣传中国形象的招贴。运用了一些汉文化中比较有代表性的图象元素，文字元素在这里可以说是简约到了极致。但是能够感觉到的是作者在这两个字上下的工夫有多少，可以说是起到了画龙点睛的效果。并且与图形的搭配天衣无缝。（可点击放大）

不论是字体还是样式还是颜色的应用都非常精彩，作品给人留下的是震撼和深刻的印象，欣赏这样的作品应该说是一种享受。

文字版面的设计也是创意，创意是设计者的思维水准的体现，是评价一件设计作品好坏的重要标准。在现代设计领域，一切制作的程序由电脑代劳，使人类的劳动仅限于思维上，这是好事，省却了许多不必要的工序，为创作提供了更好的条件，但是，在某些必要的阶段上，还是不能完全让电脑来做，人，毕竟才是设计的主体。PS“非主流”照片文字合成表现手法第二种表现手法——另类的文字搭配看看那张“我现在狠想杀人”够夸张了吧，文字和图片的搭配也是很讲究技巧的，“我现在狠想杀人”整个图片上表现出来血淋淋的红色，当然让人有相应的联想……你总不能给它配一句“多雨的冬季总算过去，天空微露淡蓝的晴”，最少也得牛头对上马嘴，要不就达不到那种意境了。

下面这幅照片需要的恬淡意境，自然需要用浪漫的字体表现。第3种表现手法:独特的版式看看下面这张图片。

将一张完整的图片进行分割，然后以无序的方式进行排放，也能给人一种另类的感觉。第四种表现手法——特殊的边框效果这就不用多讲了，特殊边框的制作有很多方法，下面介绍其中几种。另类的色调、另类的文字搭配、独特的版式、特殊的边框效果等，这么多另类的元素堆在一起，够另类了吧？当然也还有其它的表现手法，大家可以多多尝试。“非主流”照片文字合成实例：路过本例中我们用Photoshop将一张构图比较空旷的照片处理一下，添加文字，做成“非主流”照片——《路过》。

素材：1、在Photoshop中打开图片，复制一层。2、按ctrl+M，把复制后的图层明暗对比加大。3、将副本层的图层模式改为排除，这种色调如果你觉得可以了，就不需要再调节了。如果你觉得还不够另类就再调。4、选择菜单“图像-调整-颜色替换”。设计讨论：什么是最好的正文字体？这几天在研究serif。serif是英文字体的术语，中文翻译做“衬线”，就是文字笔画两端的短线。最典型的serif字体恐怕就是TimesnewRoma了。我以前还以为sansserif是另外一种衬线。没想到原来它的含义是无衬线字体。Arial应该是windows上最常用的无衬线字体了。很多认真的设计师不喜欢Arial，而推崇Helvetica，并指责Arial是windows上最滥用的字体之一。不过对于一个微软购买下来免费提供给大家的字体，我觉得已经做的非常好了。如果不是经过专门的研究，可能大多数用户一辈子都不会发现它们之间的区别。Arial和Helvetica的标准字体我觉得还是很相近的，很多场合可以替代使用。真正的差距应该体现在它们的细线版本中。Helvetica的细线体(light)给人一种非常理性和现代的感觉，曲线非常的优雅。很多60年代采用Helvetica字体的设计到现在看来看来还是那样的富于现代气息。所以一种好的字体是禁得起时间考验的。说远了。衬线的作用是强化笔画的特征，从而使得阅读和识别更为容易。中文字体中的宋体就是一种最标准的serif字体，衬线的特征非常明显。字形结构也和手写的楷书一致。因此宋体一直被做为最适合的正文字体之一。不过由于强调横竖笔画的对比，在远处观看的时候横线就被弱化，导致识别性的下降。黑体虽然没有衬线，但是如果你仔细研究黑体的笔画，也会发现它的笔画不是均匀的粗细，在笔画外端是有意识的放大了，也可以说是一种伪衬线。虽然不是很明显，但是同样成功的增强了可阅读性。方块的笔画边缘也比圆滑的笔画边缘更易于识别，加上和宋体相近的字形解构，黑体成为了仅次于宋体的正文字体。我们看到的常用中等线和细等线都属于黑体家族。由于黑体的笔画横竖基本一致，能够达到最大的识别性，因此成为广告和海报中最常用的字体。最不好识别的可能是圆体。严格来说，圆体属于美术字的范畴。圆体的字形结构和手写体迥异，加上没有衬线的辅助，圆滑的笔画很不利于视线暂留。因此圆体是一种不太恰当的正文字体。不过港台的新字体采用圆体的字形结构结合黑体的笔画，从而获得了不错的阅读性，同时也令人感觉清新。其它太富于个性的美术字可能很吸引眼球，但却是最不适合做为正文字体的。它们的个性干扰了阅读者的注意力，成为了阅读中的噪音，不利于人们对于文本内容的理解和思考。总结上面的观点，我们可以认为：最适合的正文字体应该是近似“半透明的”。一方面采用适当的衬线技巧，以提高字体在不同字号和各种阅读环境下的识别率。另一方面在字形结构上应该采用和宋体和黑体近似的字形结构，因为这种熟悉的字形，会降低识别的难度，也就是尽量不让人注意到字体本身，而是文字背后的含义。而字体设计师的任务是要在这样的熟悉的字形和衬线中，做出一点点不一样的大方、现代、清新、典雅的感觉。看起来简单，其实是最考验设计师水准的任务。精致LOGO动画的文字表现方式剖析本例中我们来用多种设计软件制作一个精致的动画LOGO的。使用到的软件：photoshop7.0、ImageReady7.0、Firework2004。做LOGO最主要的是用各种显示的方法突出文字信息，以给人深刻和良好的印象。下面我们分别举例介绍几种常用的logo动画中文字变换的显示方法：滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。其他效果就需要自己慢慢摸索学习了。选择图片1、打开psotoshop，在“文件”里打开一张你准备使用的图片，最好是JPG格式的静态图片，同时注意图片的选取要有作为LOGO图标的价值。如下图。2、图片的上方如果显示是“索引”字样，就必须用“图象”——“模式”——改为“RGB颜色”，否则很多功能无法使用。如果直接就显示为RGB，那就不必改了。如下图。3、然后选择工具栏的“裁切工具”，裁切一个88*31大小的图片，图片切得大了就继续切，切到合适为止，切得小了就重来。这里裁切的尺度是80*31。如下图。（或者可以用矩形工具选取一个88831的区域，再新建一个空白图片粘贴上去）。4、在这个例子里图片宽度不够，裁切出来的大小是80*31，应该放大为88*31。如下图。加入文字动画在LOGO中显示的一般是网站名称和地址，这里以“天空之城”和网址为例。滑行效果：字体从旁边慢慢滑行出来的效果。1、在工具栏选择文字工具——文字工具的样子的大写的“T”，在合适的地方输入文字，一般LOGO的文字格式是默认的宋体，12号大小，去掉锯齿。如下图。字体常用的特效有投影、描边、模糊等，这里的例子用白色字体，绿色描边。进入特效设置的方法是在右下角的图层上用右键点出“混合选项”，如下图。2、简单介绍一下这几种效果的使用方法。点击“投影”字样（而不是点击它前面的选框），把投影选项中的“距离”“大小”改为1，“角度”改为150或120，“不透明度”自己定——不透明度是指投影颜色的深浅，在“混合模式”后面的黑框里选择颜色。如下图。3、点击“描边”，把“大小”改为1，把颜色改成你想要的。如下图。另外一个“模糊”效果是在“滤镜”——“模糊”——“动感模糊”里。呆会再说。4、输入文字并设置好效果后，用移动工具拖动文字的位置。如下图。在这里可以用“缩放工具”放大图片，以便更好地设置。注意文字移动的曲线要在同一条直线上，分毫都不可偏差，比如说从左移到右，一般是用移动工具移动4或5次，每一次移动之后就要保存。保存的时候也要注意，先新建一个文件夹，把保存的图片按照顺序用01、02、03这样的文件名保存起来，这是一定必要的！也可以使用“存储为”保存为PSD图片，方便以后修改，但这种格式不能做为网页图片发布。5、用同样的方法移动网址文字。如下图。LOGO一般常用的英文字体是04号字体，最常用的一种是里面的“04b_08”，04b_08字体点击这里下载：://vanely/bbs/images/04B_08__.TTF字体的格式是，04b_08字体，6号大小，去掉锯齿。如下图。6、字体的移动设置保存完毕后，进入ImageReady合成动画——点击工具栏最下边的图标进入。进入ImageReady后，选择“文件”——“导入”——“作为桢的文件夹”——选择你保存着图片的那个文件夹——确定。7、图片间维持时间的设置，点击动画显示栏里图片下边的标志，设置间隔时间，如下图。然后保存，注意要用“将优化结果存储为……”那个键。保存后看看效果，建议用ACDSee看，动画显示真实些，速度也快些。单纯使用滑动效果后的LOGO：模糊效果：字体呈现瞬间模糊的效果，看起来比较动态。1、类似滑动效果的制作，选择要使用模糊效果的图层，并去掉描边特效，使用“滤镜”——“模糊”——“动感模糊”把字体弄成模糊后再进行移动，这样看起来更有动感。完成后的LOGO如图：网页设计中文字颜色的搭配技巧对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。

BgcolorΚ″＃F1FAFA″———做正文的背景色好，淡雅

BgcolorΚ″＃E8FFE8″———做标题的背景色较好

BgcolorΚ″＃E8E8FF″———做正文的背景色较好，文字颜色配黑色

BgcolorΚ″＃8080C0″———上配黄色白色文字较好

BgcolorΚ″＃E8D098″———上配浅蓝色或蓝色文字较好

BgcolorΚ″＃EFEFDA″———上配浅蓝色或红色文字较好

BgcolorΚ″＃F2F1D7″———配黑色文字素雅，如果是红色则显得醒目

BgcolorΚ″＃336699″———配白色文字好看些

BgcolorΚ″＃6699CC″———配白色文字好看些，可以做标题

BgcolorΚ″＃66CCCC″———配白色文字好看些，可以做标题

BgcolorΚ″＃B45B3E″———配白色文字好看些，可以做标题

BgcolorΚ″＃479AC7″———配白色文字好看些，可以做标题

BgcolorΚ″＃00B271″———配白色文字好看些，可以做标题

BgcolorΚ″＃FBFBEA″———配黑色文字比较好看，一般作为正文

BgcolorΚ″＃D5F3F4″———配黑色文字比较好看，一般作为正文

BgcolorΚ″＃D7FFF0″———配黑色文字比较好看，一般作为正文

BgcolorΚ″＃F0DAD2″———配黑色文字比较好看，一般作为正文

BgcolorΚ″＃DDF3FF″———配黑色文字比较好看，一般作为正文浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。此文只是起一个“抛砖引玉”的作用，大家可以发挥想象力，搭配出更有新意、更醒目的颜色，使网页更具有吸引力。网页界面设计教程五：文字的编排设计以语言进行信息传达时，语气、语调以及面部表情、姿态手势是语言的辅助和补充，而在界面设计中，文字的字体、规格及其编排形式，就相当于文字的辅助信息传达手段。

宋体字型结构方中有圆，刚柔相济，既典雅庄重，又不失韵昧灵气，从视觉角度来说，宋体阅读最省目力，不易造成视觉疲劳，具有很好的易读性和识别性。

楷体字型柔和悦目，间架结构舒张有度，可读性和识别性均较好，适用于较长的文本段落，也可用于标题。

仿宋体笔画粗细均匀，秀丽挺拔，有轻快、易读的特点，适用于文本段落。因其字型娟秀，力度感差，故不宜用作标题。

黑体不仅庄重醒目，而且极富现代感，因其形体粗壮，在较小字体级数时宜彩等线体（即细黑），否则不易识别。

圆体视觉冲击力不如黑体，但在视觉心理上给人以明亮清新、轻松愉快的感觉，但其识别性弱，故只适宜作标题性文字。

手写体分为两种，一种来源于传统书法，如隶书体，行书体，另一种是以现代风格创造的自由手写体，如广告体，POP体。手写体只适用于标题和广告性文字，长篇文本段落和小字体级数时不宜使用，应尽量避免在同一页面中使用两种不同的手写体，因为手写体形态特征鲜明显著，很难形成统一风格，不同手写体易造成界面杂乱的视觉形象，手写体与黑体宋体等规范的字体相配合，则会产生动静相宜，相得宜彰的效果。

美术体是在宋体、黑体等规范字体基础上变化而成的各种字体，如综艺体、琥珀体。美术体具有鲜明的风格特征，不适于文本段落，也不宜混杂使用，多用于字体级数较大的标题，发挥引人注目，活跃界面气氛的作用。

拉丁字母依据其基本结构可以分为三种类型：

（1）饰线体（Serif）：此类字体在笔画末端带有装饰性部分，笔画精细对比明显，与中文的宋体具有近似形态特征，饰线体在阅读时具有较好的易读性，适于用作长篇幅文本段落。代表字体是新罗马体（Times

New

Roman）。

（2）无饰线体（Sans

Serif）：笔画的粗细对比不明显，笔画末端没有装饰性部分，字体形态与中文的黑体相类似。由于其笔画粗细均匀，故在远距离易于辨认，具有很好的识别性，多用于标题和指示性文字。无饰线体具有简洁规整的形态特征，符合现代的审美标准。代表字体是赫尔维梯卡体（Helvetica）。

（3）装饰体（Decorative，也称Display）：即通常所说的“花”体，由于此类字体信笺于形式的装饰意味，阅读时较为费力，易读性较差，只适合于标题或较短文本，类似于中文的美术体和手写体。代表字体是草体（Script）。

在某些特殊场合，如广告或展示性的短语中，拉丁字母全部使用小写字母，能够造成一种平易近人的亲切感。

拉丁字母字体大都包含字幅（正、长、扁）、黑度（细、粗、超粗）、直斜的变化，因而由一种基本字型可以变化出多种具有相似特征的同族字体，这些字体统称为“字族”。

同一页面中字体应尽量在同一字族中选用，以保证界面具有明确、统一的风格特征。

在计算机字库中，有关字体特征的表示大多彩缩略语，如Cn(Condensed，长体)，Ex(Expanded，扁体)，Lt(Light，细)，Med(Medium，中粗)，DemBol或Dm(Demi

Bold，半粗)，Bd(Bold，粗)，XBd(Extra

Bold，特粗)，It(Italic，斜体)等。中文正文的字符数每行以20-35个为宜，西文则约40-70个字符最易阅读，因此较宽的文字幅面应考虑采用分栏的排布方式。通常设定行距为字高的150-200%，西文的行距通常小于中文行距。

粗细对比是刚与柔的对比，也有人称之为男性性格与女性性格的对比。在同一行文字中使用粗细对比的效果最为强烈。粗字少细字多易取得平衡，给人以明快新颖的感觉，细字少粗字多，则不易平衡，但往往会产生具有幽默感的特殊效果。

界面中文字编排要求视觉上产生类似于天平平衡的印象，失去平衡的文字编排设计，将得不到浏览者的信赖，并给人以粗劣的印象。

可能通过左右延伸的水平线，上下延伸的垂直线，动感的弧线和斜线，穿插的图形来诱导视线依照设计师安排好的结构形式顺序浏览。

在界面的四角配置文字或符号，界面的势力范围就明确地确定下来，界面中即使存在让人感觉动荡不定的元素也会因此而稳定下来。在四角中，左上和右下具有特殊的吸引力，是处理的重点，处理得好，可以使界面左右均衡，同时还会形成从左上到右下沿对角线流动的视觉过程，给人以自然稳定的感觉。

非规律性造型形式的错落变化，应出现在周围有较充分的留白空间的场所，效果较为显著。如在界面中央或正上方表现效果较好，标题性文字往往使用此手法处理。

分栏式结构中，文字群体通常只出现在一栏中，每行的字符数相对较少，易于浏览。分栏中如果都排布文字群体，界面会显得十分拥挤，故不宜采用。其他栏中可设置目录、标题、导航等简洁的文字信息，整体形式繁简对比，疏密得当。国内使用较多的是三分栏，国外四分栏式结构则较为普遍。设计的编排构成-字体设计教程一、字号、字体、行距

1、字号

计算字体面积的大小有号数制、级数制和点数制（也称为磅）。一般常用的是号数制，简称为“字号”。照排机排版使用的是毫米制，基本单位是级（K)，一级为0.25毫米,它用级数来计算。点数制是世界上流行的计算字体的标准制度。电脑字也是使用点数制的计算方式（每一点等于０．３５毫米）标题用字一般大约１４点以上；正文用字一般为９－１２点，文字多的版面，字号可减到７－８点。注意，字越小，精密度越高，整体性越强。但过小会影响阅读。

2、行距

行距的宽窄是设计师较难把握的问题。行距过窄，上下文字互相干扰，目光难以沿字行扫视，因为没有一条空白带引导目光；而行距过宽，太多的宽白使字行不能有较好的延续性。这两种极端的排列方法，都会使阅读长篇文字者感到疲劳。行距在常规下比例为：字１０点，行距则１２点、即１０：１２。

事实上，除行距的常规比例外，行宽行窄是依主题内容需要而定的。一般娱乐性、抒情性读物，加宽行距以体现轻松、舒展的情绪；也有纯粹出于版式的装饰效果而加宽行距的为增强版面空间层次与弹性，可采用宽、窄行同时并存的手法。

3、字体、字号、行距的视觉层次

在一个版面中，选用三到四种以内的字体为版面最佳视觉效果。超过四种以上则显杂乱，缺乏整体感。要达到版面视觉上的丰富与变化，只需将有限的字体变粗、变细、拉长、压扁，或调整行距的宽窄，或变化字号大小。实质上字体使用越多，整体性越差。

二、文字编排的四种基本形式

1、左右均齐

文字从左端到右端的长度均齐，字群显得端正、严谨、美观。此排列方式是目前书籍、报刊常用的一种。

2、齐中

以中心为轴线，两端字距相等。其特点是视线更集中，中心更突出，整体性更强。用文字齐中排列的方式配置图片时，文字的中轴线最好与图片中轴线对齐，以取得版面视线的统一。

3、齐左或齐右

齐左或齐右的排列方式有松有紧，有虚有实，能自由呼吸，飘逸而有节奏感。左或右取齐，行首或行尾自然就产生出一条清晰的垂直线，在与图形的配合上易协调和取得同一视点。齐左显得自然，符合人们阅读时视线移动的习惯；相反，齐右就不太符合人们阅读的习惯及心理，因而少用。但以齐右的方式编排文字似乎显得新颖。

4、文字绕图排列

将去底图片插入文字版中，文字直接绕图形边缘排列。这种手法给人以亲切自然，又融合、生动之感，是文学作品中最常用的插图形式。

三、标题与正文的编排

在进行标题与正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。将正文分成二栏、三栏、四栏，是为求取版面的空间与弹性、活力与变化，避免通栏的呆板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律的置于段首之上，可作居中、横向、竖边或边置等编排处理。有的更直接插入字群中，以求新颖的版式来打破旧有的规律。

四、文字的强调

1、线框、符号的强调

有意地加强某种文字元素的视觉效果，使其在整体中显得特别出众而夺目，是为强调。这个