探索案例 021-5566-8921

任何平面设计离不开文字,为什么你的设计不给力,可能因为你的....

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”的方式,从视觉上看,阿拉伯数字更直观明了。所以如果遇到这种情况,善于利用数字和符号来替代。

以上的内容都是比较容易掌握的技巧,当然啦,还有其他的标题技巧。例如标题字体的设计,字体笔画的替换与裁切等。无论你使用何种方式,前提都要考虑清楚版面的层级关系,还有面对市场所引起的消费共鸣。反正设计不是你一个人的事情,希望今天文章能给你带来帮助。


上海网站制作 | 上海网站建设 | 上海网站设计 | 高端网站建设 | 高端网站设计 | 高端网站制作 |

上海网站建设 上海网站设计 上海网站制作 高端网站制作 高端网站设计 高端网站建设