文字排版设计的技巧和方法

文字排版设计的技法和方法

文字在平面设计中的几条原则

提高文字的可读性

文字的位置应符合整体要求 在视觉上应给人以美感 在设计上要富于创造性更复杂的应用

精彩作品欣赏：这类作品不论是字体、样式还是颜色的应用都非常

精彩，给人留下震撼和深刻的印象，欣赏这样的作品真是一种享受……

1． 提高文字的可读性

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

举例如下

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

避免使用不清晰的字体，否则容易使阅览者产生反感和麻烦（除非你需要这种效果）

恰当的选择你所需要的字体

但是，经过特别的处理，你可以使用一些本来并不合适的字体，比如

注意文字在编排时的方向，注意安排阅览者的视线

如果：

那么，你可以做成这样

或者是这样也可以

最后一点，通常情况下，你应该

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

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

举例如下:

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

如果你不小心做成了这样（有意安排这种效果的不在此例）

文字一定不要全部都顶着画面的边角，这样看起来很不专业

再说一点细节上应该注意的问题，这是容易忽视的地方，也是容易出问题的地方

这样看起来就好一点了

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

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

举例如下:

这是一个带有图形的文字版面，也许你认为这样也不错了

但是是不是太平淡了呢？改一下文字的位置和大小，效果又会怎么样呢？看下图

或者是这样也可以，看下图

感觉到了什么吗？其实就是这么微妙，有时只是一点小变化，味道却不一样多了。

再看看字间距的问题

改一下看看，好一点了吗？

对于大的字体如果你照搬上面的做法，也许你会处理成这个样

子，这样看起来字与字之间会比较松散

调整后是这样，看起来紧凑多了。字与字之间的对应关系也出

来了

再看看段落文字的处理

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

比如，没有调整段落距离的时候,调整后可以是这样

如果有多个段落，就要注意更多的问题，比如主次和轻重，以及在内容表达当方面的重要程度等，看这个例子

看看这个不错的版面的处理

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

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

举例如下：

这是一个很普通的文字版面

那么加一点自己的感受在里面，对文字的大小、间距、透明度做些调整，就会是完全不同的效果了。很有意思是吗？

根据画面或作品的要求，可以使用一些图形化的文字（这可是

汉字设计的一种新观点）。

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

比如：

一开始好象总感觉文字在这里面的表现力有些苍

白了。对主题的表达没有什么帮助。那么试一下改成这样行不行

味道出来了吗？在一定的条件下，确实不能用电

脑中提供的字体，必须要自己创造。这也是汉字魅力所在的地方。

比如这个（没有太多的考虑的情况下）

再看看设计的做法

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

5.更复杂的应用

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

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

比如：

一个简单的例子

经过修改之后的

再来看看更复杂的：这个画面中所有的出现文字元素都经过了仔细的处理，这是根据主题的需要所必须的。如果没有这样的文字设计或许作品本身的感染力会弱的多。

在有图片的版面中，文字的组合应相对较为集中。如果是以图片

为主要的诉求要素，则文字应该紧凑地排列在适当的位置上，不可过分变化分散，以免因主题不明而造成视线流动的混乱。

6. 精彩作品欣赏

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

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

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

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

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

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

文字版面的设计也是创意，创意是设计者的思维水准的体现，是评价一件设计作品好坏的重要标准。在现代设计领域，一切制作的程序由电脑代劳，使人类的劳动仅限于思维上，这是好事，省却了许多不必要的工序，为创作提供了更好的条件，但是，在某些必要的阶段上，还是不能完全让电脑来做，人，毕竟才是设计的主体。

文字版式设计文章精华摘录

无论在何种视觉媒体中，文字和图片都是其最大的两种构成要素，文字是人类文化的重要组成部分。文字既是语言信息的载体，又是具有视觉识别特征的符号系统；不仅表达概念，同时也通过诉之于视觉的方式传递情感。

文字设计的原则：

文字的可读性、赋予文字个性、视觉上应给人以美感、要富于创造性。 其中文字的个性大约可以分为以下若干种： （1） 端庄秀丽。 （2） 格调高雅。

（3） 华丽高贵。

（4） 坚固挺拔。 （5） 简洁爽朗。 （6） 现代感强。

（7） 视觉冲击力强。 （8） 深沉厚重。

（9） 具有重量感。

（10）庄严雄伟。

（11）不可动摇。

（12）欢快轻盈活泼。 （13）跳跃明快。

（14）节奏感和韵律感强。 （15）生机盎然。 （16）苍劲古朴。

（17）朴素无华。 （18）造型奇妙。

粗体字强壮有力，有男性特点，适合机械、建筑业等内容; 细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。

在同一页面中，字体种类少，版面雅致，有稳定感;字体种类多，则版面活跃，丰富多采。

文字的组合：

文字设计得成功与否，不仅在于字体自身的书写，同时也在于其运用的排列组合是否得当，即文字的版式设计。

为了造成生动对比的视觉效果，可以从风格、大小、方向、明暗度等方面选择对比的因素。

1、人们的一般阅读顺序：水平方向上，人们的视线一般是从左向右流动；垂直方向时，视线一般是从上向下流动；大于45度斜度时，视线是从上而下的；小于45度时，视线是从下向上流动的。 2、字体的外形特征。

3、与版面形成总体的情调和感情特征，有一个设计基调。 4、注意负空间的运用（即文字外的空白）。

字体空间运用：

讲究空白之美，是为了更好的衬托主题，集中视线和拓展版面的视觉空间层次。

负形与字体实形相互依存，使实形在视觉上产生动态，获得张力； 字体笔画之间巧妙地留有空白，有利于更加有效地烘托画面的主题、集中读者视线，使版面布局清晰，疏密有致。

易出的错误： 1、无力的大标题。

2、埋没的大小标题，不要让小标题孤立于某栏文字的底部。

3、过多的框，边和隔线的分隔使页面看起来碎且杂乱，切断了读者视线。

4、下划线会损害可读性。

5、孤儿寡妇：孤儿是指段落的最后一行仅有一个或半个词。寡妇指的是由上一段落遗留的最后一小行字在新的一栏的顶部。 6、小到难以辨认的地址和标识。“设计你的广告从底部开始”是一句名言。 7、太多的字体。

8、文本和其他元素间缺乏对比度。

9、不必要的特效。 10、拥挤不堪。

11、过于沉闷。

文字的格式化：

最适合于网页正文显示的字体大小为12磅左右，如果安排的内容较多，通常采用9磅的字号。

小字号容易产生整体感和精致感，但可读性较差，可以用于页脚和辅助信息。

文字的整体编排：

1、将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从而打动人心。

2、文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面中活跃的、令人注目的元素。

字体间的内在联系：

关注文字的大小、曲直、粗细、笔画的组合关系，认真推敲它的字形结构，寻找字体间的内在联系。 黑体属于无衬线体的一种，但是笔画粗细比较均匀且没有宋体的装饰性笔型，因此显得庄重而醒目，它们之间存在着相似的元素，多适用于书籍中的标题和强调性文字与图

版的说明。

宋黑体是宋体的衍生造型，兼有黑体的稳重和宋体的纤细典雅，较为典型地呈现出两者在造型上的内在联系。

图片与文字版式：

1、充分利用了图中人物的姿态，自然而然地吸引读者的视线，达成设计目的。

2、努力发现自己图片中的特点和细节，利用图片中的某个姿态、色彩、形状、走势等来合理编排自己的文字。

3、有的图片已经不再需要过多的文字来说明什么。

18px以及25px+的时候，效果是比较理想的。 IE7 beta对

文字显示的优化：

浏览器字体比较：宋体文字显示成12px、13px、14px、15px、16px、