AMO全媒体运营
首页 知识星球 这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

不少设计师都有这样的疑问,为什么很多网上的版式案例看上去简简单单、没用什么复杂的技巧、也没加太多的元素,但给人的感觉就是很好看、很有设计感,而自己也用类似的方式排版时,就老是会被说…

不少设计师都有这样的疑问,为什么很多网上的版式案例看上去简简单单、没用什么复杂的技巧、也没加太多的元素,但给人的感觉就是很好看、很有设计感,而自己也用类似的方式排版时,就老是会被说太简单、不好看呢?主要原因在于细节的处理上存在差距,所以,今天葱爷来给大家分享6个版式细节的处理方法。

01.字体的选择

选择合适的字体最为关键,这一步没做对,后面全白费,通常我们是根据以下几种情况来选择字体的:

❶ 根据行业属性选择字体

不同行业给人们的视觉联想是不一样的,特别是行业属性差别比较大的行业,比如科技行业是现代的、简约的、精确的、理性的、高端的,所以,笔画和结构都比较简单、严谨、精锐的字体比较合适科技行业,像苹方简体、思源黑体、阿里妈妈数黑体、金山云技术体等无衬线字体。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

比如很多餐饮行业给人的感觉是亲民的、接地气的,或者是有点历史底蕴的,所以,柔和、复古的字体会比较适合,比如书法字体、手写体、宋体、楷书、隶书等等。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

再比如母婴行业给人的印象是可爱的、活泼的、柔软的,所以适合母婴行业的字体通常具有这些特点:圆润、笔划较粗、多曲线、字面较宽、结构比较灵活等,比如圆体、娃娃体、少儿体、手写体等等。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❷ 根据调性需求选择字体

客户在下达设计需求时,通常会有明确的调性要求,比如要时尚一点、高大上一点、或者活泼一点等等,这时我们就需要根据客户提出的调性来选择字体,当然,前提是我们得清楚不同的字体分别具有怎样的调性。

如果客户想要时尚、潮酷的调性,这种感觉通常是个性的、张扬的、打破常规的,所以适合使用一些笔划很张扬的手写体,以及笔划较粗、较简单、结构硬朗、中宫收紧的字体。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

如果客户想要高端、大气、上档次的调性,这种感觉是低调的、精致的、优雅的,所以适合笔划较细、字形修长、重心偏高、比较专业和经典的字体,比如宋体和黑体。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

而如果客户想要温情、走心的调性,那么柔和、朴实的字体会更加合适,比如笔划较细的手写体。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❸ 根据配图选择字体

如果版面中有配图,这些图片在一定程度上决定了设计的调性,所以需要根据图片的内容或图片的风格来选择字体,比如插画风格适合轻松的手写体.

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

比如配图是中国风,那么就比较适合书法字体或者宋体等。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

另外,还可以根据文字内容来选择字体,原理跟前面的几种情况类似。

02.字号大小

版面中主要文字的字号的大小也会影响文字的视觉层级和气质,我们可以简单地把字号概括为大、中、小三种字号,当然这三种字号都是一个相对值,相对于具体的版面大小,通过视觉来判断就好。

❶ 大号字

如果主要文字使用很大的字号,会有一种很直接、很年轻、很接地气的感觉,所以运动海报、潮酷海报、促销海报喜欢使用很大的字号。另外,当字号比较大时,文字对画面的影响也会变大,文字的细节也会被放大,所以对字体的要求比较高,一般会选择设计精良的字库字体,或者自己设计一组字体。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❷ 中号字

如果版面中主要的文字都是中等字号,那么会有一种反常规的感觉,因为这种版面虽然便于阅读,但通常缺乏精致感,原本主要用于针对老年人的设计中,而加上一些特殊的处理手法以后,这种版面会显得很有个性和艺术性。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❸ 小号字

文字使用小号字,会给人一种精致、高级的感觉,但也会降低文字的识别性,且让人觉得不是很重要,所以要选择识别性比较高的字体,比如宋体和黑体,另外字重要偏细一点,排版要干净整洁一点。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❹ 大、小字号组合

如果版面中的文字有着强烈的大小对比,主次关系就会十分鲜明,视觉上也会变得比较生动、大气,通常是把主题或关键词拉大,其他文字缩小排版,常见于促销海报、文字海报、画册隔页设计的排版。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❺ 大、中、小字号组合

如果版面中文字的字号可以很明显地划分为大、中、小三个等级(不一定只有三种),这种版面会有着丰富的视觉层级,以及简单、清晰的视觉流程,容易给人一种很舒适、很专业的感觉,适合内容本身就划分了好几个层级的版面。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❻ 中、小字号组合

如果版面中没有特别大的字号,只有中号字和小号字,这种版面其实是最常见的,常见于画册设计、海报设计、网页设计等领域,这类版面有种精致、温和的感觉,且富有变化,主次关系同样鲜明,适合图片作为主体或者文字很多的版面。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

03.字重

很多经典的字库字体都会有3-7个字重,比较主要的字重有:Light(纤细)、Regular(常规)、Medium(中等)、Bold(粗体)这四种,四种字重的效果会有明显区别,使用于不同的场合。Bold常用于大标题、Medium常用于副标题和小标题、Regular常用于正文、Light常用于装饰文字或标题。在实际的运用中,字重需要配合恰当的字号才能达到理想效果,下面葱爷分享几个常用的组合类型。

❶ bold加大号字

这种组合适合标题文字,或者是促销海报中的促销信息等,可以有效突出重要字词,视觉上浑厚而有力量。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❷ Light/Regular加大号字

这种组合也适合用于标题,与大字号加bold的差别在于,这种组合效果既可以突出文字,又不会给人很粗暴的感觉,有时候在标题里可以同时使用bold和light/Regure两种字重,强烈的对比效果可以有效增强设计感。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❸ Light加中号字

这种组合也常用于海报或画册的标题设计,由于使用中号字,所以即使笔划较细,文字也仍然是清晰的,而且视觉上会比较秀气和精致,另外,这种版面中的内文通常也要用light字重,否则组合在一起会不太和谐。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❹ Light加小号字

这种组合常用于内文排版,即不是特别重要的文字,但由于笔划太细,所以不适合用来排大段大段的内文,而是更适合少量的内文,所以常用于名片、banner、电商详情页、UI设计中。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❺ medium加中号字

这种组合也是常用于海报设计和画册设计的标题排版,medium加中号字可以将文字有效突出,但效果相比大号字和bold字重会优雅、高级一些,比较适合科技、家电、服装等行业。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

04.字间距

字间距的变化稍微会少一点,我们可以简单地将其分为:常规间距(等于或接近设计软件系统默认)、小间距(小于常规间距)、大间距(大于0.5个字符宽度)三种。

❶ 常规间距

常规间距最符合人类的阅读习惯,视觉上比较舒适,适用性也是最广的,几乎可以用于所有场合,其中最常用于内文排版,不过在某些情况下使用常规字间距,效果也会比较常规。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❷ 小间距

小间距适合长标题排版,并且通常要配合大字号、bold字重一起使用,这种组合方式可以最大化降低小间距导致的阅读难度,小间距的排版方式可以使标题更紧凑、更整体、更聚焦。另外,在有限的版面内,把间距缩小,字号就能相应加大,所以也可以使标题更突出。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❸ 大间距

文字的间距过大时,也会降低阅读的效率,同时还会减少每一行可排版的字数,所以,大间距通常用于字数比较少的内容排版,比如短标题、广告语、装饰文字、单行字数较少的文案等等。大间距在视觉上会让人觉得很轻松、很有节奏感和设计感强。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

05.行距

行距也是版式设计中很重要的细节,行距的大小除了会影响到阅读效率以外,也会影响到画面的美观性和气质,根据文字行距的大小,我们可以将其分为常规行距、小行距(小于行距)、大行距(大于文字高度的行距)。

❶ 常规行距

常规行距通常是指行距为字号的1.2-2倍(针对常规的字库字体),这种行距是最便于阅读的,同时在视觉上也不会让行与行之间太过分离,所以常用于内文的排版。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❷ 小行距

小行距和小间距的情况类似,通常要配合大字号、bold字重、小间距一起使用,常用于标题和文字墙排版,这种排版的特点是紧凑、整体、设计感和视觉冲击力很强,具有一定的艺术性,也便于把文字排成特定的形状。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

❸ 大行距

大行距会导致每一行阅读的停顿时间变长,会有一点诗意和节奏感,视觉上相对会有一点散,所以文字太多的情况下并不适合,像诗歌、抒情类的文案就比较适合。

这5个排版细节做好,效果不会差!

这5个排版细节做好,效果不会差!

总结

以上葱爷分享了版式设计中的字体、字号、字重、间距、行距这五个细节的处理方式,当然,文中的很多内容并不是金科玉律,设计是没有绝对标准的,所谓的经验和技巧只是能帮助经验不足的设计师可以更快做对、做好,如果你够强,所有的经验都可以打破。另外,排版中的细节还有很多,以后葱爷还会继续慢慢分享。

生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

决定未来职业高度的“软技能”,作为设计师该如何培养?

决定未来职业高度的“软技能”,作为设计师该如何培养?

如果你像我一样,关注了许多设计和技术博客,那你一定读过大量诸如:介绍如何做移动端设计,什么是精益设计,如何做到完美适配,...
我们需要用户增长设计师UGD吗?

我们需要用户增长设计师UGD吗?

一位招聘负责人和我抱怨说,他们最近刚发出UI招聘,就收到数量恐怖的求职申请,现在设计师这么难找工作了吗?又叹气说:“数量...
设计师该如何做知识管理(上)

设计师该如何做知识管理(上)

不久前,很荣幸受到 58UXD 团队邀请,做了《设计师该如何做知识管理》的线上分享。预料之外的是,这次分享收获了远超预期...
这套网页设计,看你能偷走多少排版技巧

这套网页设计,看你能偷走多少排版技巧

当我们收集的灵感图越多,越难回头整理、查看,趁着这段时间,我仔细研究了每天在社群发布的“网页设计”灵感部分。 发现这些作...
9种常用UI界面中的控件规范,UI设计师要学的哦!

9种常用UI界面中的控件规范,UI设计师要学的哦!

我们在设计UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它们的交互模式,也因此建立了心智模型,很清楚如何通过这些...

发表回复

返回顶部