文字编排设计技巧,教你文字排版处理方法和技巧

2017-11-13  7154 分类:设计资讯

文字编排设计技巧,教你文字排版处理方法和技巧

在设计当中,文字排版可以说是一项非常考验设计功底的一个因素,文字排版的好坏对于设计作品的出彩起着重要作用,很多设计师都对于文字编排设计有着自己的设计风格和处理技巧,这是设计经验的积累及设计的把握,对于新人设计师来说了解必要的文字编排设计技巧,对于后期的作品设计无疑是有着促进作用,对设计文字排版方面更加游刃有余。

文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。无论在何种视觉媒体中,文字和图片都是其两大构成要素。文字排列组合的好坏,直接影响着版面的视觉传达效果。

首先,我们来看看中英文字体的排版,同属汉字文化圈的日本,在字体设计走在了前面。汉字是由特定的音符、义符所构成的形体,这种关系的形成,有其独特的形式规律。其大体可分为两种类型。

中英文文字排版.png

第一种为独字体:指没有偏旁部首,直接由笔画组成的字 形成独立的字

第二种为合体字:指由两个以上的独体字或独体字配上偏旁组合而成。

合体字又分为四种类型:上下、左右、半包围、全包围。

英文字体通常按不同的字形来分,根据结构的不同,大致可分为四种类型的字体,手写体;展示型字体;衬线字体;无衬线字体。

其次,我们来看看文字编排设计的四个技巧,帮你理顺文字编排方面的操作技巧。

文字编排设计技巧一:文字要遵循规律

人类在阅读文字时的基本规则是从上到下,从左到右的。文案的排版应尽量遵从这一规则,除特殊版式之外,尽可能减少参差不齐或右对齐排列,大部分情况下,还是使用左对齐或居中对齐是最为合适的选择。

文字编排设计技巧二:明确主、副标题及描述

文字排版应用的核心是对比,而对谁做对比,怎么对比,为什么要对比是很多设计师都做不好的点。主、副标题及描述部分从直观的外形上可以通过粗细、大小、颜色来区分,而最常用的特点对于主标题----大、粗、醒目;副标题----可以与主标题同一字体、略粗、略大、较规整;描述----常伴有形状搭配来划出分隔,利于阅读,较细、较小(有些文案没有描述或副标题时,可彼此借见综合使用)另外在字体的选择上尽量不要使用识别度较低,特型异型的字体。

文字编排设计技巧三:主标题的应用

一般情况下,我们都是以主标题的长度为一个文字排版的左右宽幅,而如果主标题过长会导致我们的视觉点被拉长,文字如果都以主标题为基准去排列会显得臃肿,不按主标题去排列,主标题和其他文字之间会有明显的断档,所以一般情况下,当主标题超过8个字的时候我们可以选择性的分段。

文字编排设计技巧四:行距与间距

行距与间距的把握是文字排版中最为点睛的一环,如果控制得好,整个文案都会很和谐,如果控制不好即便上边提到的几个技巧都做的完善也会感觉整体非常不舒服。距离的把控我们一定要慎重考虑承重是否合理,直白的说就是你下方的文案能否撑得住上方的文案,而这个撑的含义就是通过行距与间距去展现的。

文字编排.jpg

最后,我们通过实例展示,教你文字编排设计的六个方法。

文字编排设计方法一:

方法一1.jpg

最吸引人的,排在第一位的,永远是颜色,通过放大字号,其实就是放大了整体文本的色块面积,来与较弱色彩进行区分,来达到吸引眼球的目的。但只通过简单的字体放大,会给人造成内容粗糙的弊端。因此建议放大后的文本,选择带有衬线的字体,来弥补文字形式上的粗糙感。可参见下图。

文字编排方法一2.jpg

通过复杂字体的笔画,一来可以解决视觉上内容粗糙的问题;二来,由于较为复杂的笔画,其实又无形中增加了颜色的面积。

文字编排设计方法二:

文字编排设计方法二1.jpg

通过调整字体的颜色,从而使原本单调的单色,变成醒目的多色文本。但如果色彩搭配杂乱无章,除了增加阅读难度外,也会给阅读者造成文字内容粗糙的感觉。因此,建议参考下图。

文字编排设计方法二2.jpg

通过颜色的有序渐变和将文字内容进行刻意的色彩区分,这样两种方式可以摆脱原有杂乱色彩带来的廉价感。另外将原有杂乱的点状色彩,变为面积更大的面状色彩,无形中同样加大了色彩的可视比例,从而起到吸引视觉的目的。

文字编排设计方法三:

文字编排设计方法三1.jpg

将文字反白处理,将色彩面积增大。

也可使用下图方式。

文字编排设计方法三2.jpg

文字编排设计方法四:

文字编排设计方法四1.jpg

在同等色彩与字体字号的情况下,人最容易注意到的,就是文本中的数字与英文,因为在人的阅读习惯中,数字与英文是作为图形去理解。因此通过阅读文本的内容,我们可以将文本中的某些信息,通过符号化的方式去表达,从而吸引人的注意力。

但是如果遇到了文本中的信息实在不好找到符号化处理怎么办呢?那么可以参考下面的处理方式。

文字编排设计方法四2.jpg


看到了吗?其实我们可以通过人为增加符号的方式,使得整段文字更加吸引人!另外,其实标点符号我们也是作为符号来理解的哦!同理采用这样编辑方式的还可以在文字中间加入一些较萌的QQ表情,效果也会差不多!

文字编排设计方法五:

文字编排设计方法五1.jpg


事实证明,人们除了在吃药的时候会刻意的阅读说明书外,其余的时候是不会阅读长篇大论的文字,因此当文本信息过多时,需要充分的考虑阅读者的习惯,我们能做的,是通过工整的版式,让阅读者在阅读前就充分的知道这段文字阅读起来很容易,而不会出现串行等情况。只有他愿意读,他才会读下去。

文字编排设计方法五2.jpg


看到了没,虽然从整体上增加了文本的尺寸,但是从断句和行距上,更加切合阅读者的阅读习惯。这就好比让一个人一次步行10公里,和分5次来步行10公里的区别。而且放大了的文本,更加的增加了色彩的面积。

文字编排设计方法六:

再给大家一个最最最最简单,但是却是最最最最有效的方式。

文字编排设计方法六.jpg

没错,那就是调换文字与图片之间的位置,事实证明,文字摆放在图片下方,会比放在图片上更加让人愿意阅读。

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


猜你喜欢