2020-04-15
任何平面设计离不开文字
文字传递出的是明确并且具体的信息
说起文字,对很多新手来说算是一个难点
而文字中的标题,更是画面中较为重要的一部分
那么标题排版到底是什么?
简单来说其实就是文本的样式或者风格
在视觉效果上给予冲击和吸引
一般情况下,我们会看到以下错误的排版
一个成熟的设计可以从字体看出来
如何避免上述的错误示范呢
下面为大家展示“标题的编排方式”到底有多少种变化
Common
Font Type
常见的字体类型
-我们为了能让文字的编排风格和画面主题保持统一,选择何种字体以及哪几款字体的组合,都会多做比较和尝试。例如字体的错误选择跟整体不搭配的话,会导致整个画面low爆,甚至会让人觉得这个设计师技术不到家。那么最严重的问题就是字体选择不当或字体样式过多。
一般情况下,我们会从以下的字体类型(下图)入手选择,然而还要考虑字体本身的性格气质。如黑体中的思源黑体(Bold)可以作为企业画册的标题使用,甚至是运动类型的banner海报标题也行。不同调性的设计,搭配不同的字体,同一画面的字体不超过3种,设计师应有的设计意识。
字体可分为中文和英文字体
从字体的结构上,大概可以划分衬线体和无衬线体(如下图)
Type of
Title Combination
标题的字体组合类型
-标题在短时间内能让读者快速了解信息的主要内容,在版面中具有重要地位。标题的主要功能是突出主要信息和吸引消读者视线。标题虽然只通过简单的词句组合,但是如果在版面的编排上不能完整表达或单调的组合,视觉上就会降低阅读性或失去吸引力。所以标题的组合一般分为4种类型。
1)中文+中文
接触最多的文字编排是中文,中文和中文的组合最重要的是选择正确的字体,例如黑体方正、简洁、醒目,运用广泛。粗体的可作为标题,细体可作为正文。为了让中文+中文的组合不单调,可以从简单对比组合,甚至可以添加元素,使组合更有层次感。
2)英文+英文
英文+英文的组合跟中文+中文搭配基本类似,也是可以通过对比的方式强调出标题的层次感。
3)英文+中文
到了英文和中文的组合,字体种类和字体类型比之前组合更复杂。所以要更加注意到文字之间的张弛感。
4)数字+中/英文
这个组合添加了数字,从组合上会发现有两个小组块组成,将关联性强的文字信息相互靠近。组与组之间相互靠近,形成一个整体。再通过对比或其他形式,让文字之间发生微妙的变化,使文字组合逻辑不但清晰而且更加醒目和美观。
Matters
Need Attention
标题编排的注意事项
-这可能是很多新手会忽略的问题,经常在一个版面中使用多种字体,使画面杂乱不堪。字体间的间距把控不严谨,造成版面排版不专业。各种细节的情况都会出现,只看你是否细心去调整。
1)字体的搭配
如果你不是在设计艺术的作品,千万不要使用过于花俏的字体。你所做的设计必须考虑消费群体,并不是每个人都能看懂你的设计,前提要保证信息的辨识度。除非是设计过的字体,运用在相应的设计画面上。
注意字体的选择不宜过多
字体气质与画面调性是否匹配等问题
2)行字距的调整
不适当的行字距会让你的设计看起来非常不舒服,甚至会降低阅读效率。对于没有过多经验的入门设计师来说,通常都会选择默认的间距。但是不同的字体,产生的行字距都不一样。所以需要反复调整到视觉上看着舒适的距离。尝试不同的间距,才能达到舒适而严谨的编排。
对于标题组合,行距不能像内文行距
相反标题组合要有紧密性,形成一个主体
例如:标题字号:10pt,那么标题行距:11pt≦?≦13pt
3)层级的变化
清晰的层级关系是信息传达的基础,简单来说就是哪里重要就突出哪里。想建立层级关系也是很简单,最快速的方式是对比。使阅读信息的层级清晰化,达到简化信息的作用。而明显的层级关系会让版面张弛有序,相反会显得平平无奇。
只是通过简单的大小对比,就把层级明显区分开
再稍微加上颜色对比和添加细线,整体的设计感也强烈很多
做任何设计都必须搞清信息间的层级关系
如果还是搞不懂什么是层级,请你多看书多练习
4)文本的断行
作为标题的使用,标题的文字数不宜过多。如果非要使用较多文字作为标题,那么就要学会断行,把标题长度缩短。不仅提高阅读效率,还能形成文本断行后的留白效果。
需要留意标题的对齐性
这里的对齐不仅仅是软件工具的对齐
还要配合视觉对齐,这样才能使元素在视觉上是相互对齐
Layout Design
Skills
标题的组合编排技巧
-1)基本的编排方式
标题组合的编排一般都会使用基本的编排方式,横编排/竖编排/横竖编排/错位编排。这是比较容易掌握,也使用较为广泛的方式。
竖编排
错位编排
2)倾斜(方向)编排
文字的方向编排是指把文字整体或局部排列成倾斜状体,构成非对称的画面形式,使版面具有动感和节奏感,具有强烈的视觉效果。
3)叠压编排
叠压处理是平面设计中比较常见的设计技法之一,可以看作图+字/字+字/字+元素等叠压形式。从而形成一个整体,为画面带来前后对比和层次感,使画面表现力更丰富紧凑。
4)线框组合编排
将文字与线框结合成组,也是文字信息图形化的方法之一。甚至在文字中穿插图形元素,使整个标题的变化更丰富。但是在添加线框的时候,需要注意线框的粗细和长度,考虑它们与信息之间能起到什么功能作用,并非随意添加。
5)肌理编排
肌理,指的是物体表面的纹理。如果应用在平面设计上,会产生不同“肌理的美”。瞬间给画面带来不一样的艺术效果。
6)可视化编排
如果标题只是文字信息方式展现,视觉效果稍微缺少丰富度。在没有其他素材情况下,怎样把文本转化为可视化信息,也就是如何更直观更有效地传递给消费者。
- 时间的编排
在做海报的时候,经常会遇到时间信息的编排。而时间是较为重要的信息,所以可以作为二级信息出现。一般月日层级最高,其次是具体的钟数,最后是年份。把月日以符号的形式替代,添加箭头作为功能装饰。再经过大小整理后,视觉层级与美观度比之前更好。起码能完整阅读整个信息,快速提取重点。
- 数字的编排
这里的数字编排,指的是促销打折的数字(或者是价格等)。例如五折优惠,如何把它转换为吸引消费者的设计。同理,我们可以把“五折”转换为“5折或50%off”的方式,从视觉上看,阿拉伯数字更直观明了。所以如果遇到这种情况,善于利用数字和符号来替代。
以上的内容都是比较容易掌握的技巧,当然啦,还有其他的标题技巧。例如标题字体的设计,字体笔画的替换与裁切等。无论你使用何种方式,前提都要考虑清楚版面的层级关系,还有面对市场所引起的消费共鸣。反正设计不是你一个人的事情,希望今天文章能给你带来帮助。