2

五个版式细节,让海报充满设计感

 1 year ago
source link: https://www.digitaling.com/articles/867467.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
1669880416553091.jpg

首发:葱爷
原标题:排版就是做细节

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

一、字体的选择

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

1、根据行业属性选择字体

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

loadimg.gif
loadimg.gif

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

loadimg.gif
loadimg.gif

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

loadimg.gif
loadimg.gif

2、根据调性需求选择字体

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

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

loadimg.gif
loadimg.gif

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

loadimg.gif
loadimg.gif

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

loadimg.gif
loadimg.gif

3、根据配图选择字体

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

loadimg.gif
loadimg.gif

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

loadimg.gif
loadimg.gif

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

二、字号大小

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

1、大号

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

loadimg.gif
loadimg.gif
loadimg.gif

2、中号

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

loadimg.gif
loadimg.gif
loadimg.gif

3、小号字

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

loadimg.gif
loadimg.gif

4、大、小字号组合

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

loadimg.gif
loadimg.gif
loadimg.gif

5、大、中、小字号组合

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

loadimg.gif
loadimg.gif

6、中、小字号组合

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

loadimg.gif
loadimg.gif
loadimg.gif

三、字重

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

1、bold加

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

loadimg.gif
loadimg.gif

2、Light/Regular加大号字

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

loadimg.gif
loadimg.gif
loadimg.gif

3、Light加中号字

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

loadimg.gif
loadimg.gif

4、Light加小号字

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

loadimg.gif
loadimg.gif

5、medium加中号字

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

loadimg.gif
loadimg.gif

四、字间距

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

1、常规间距

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

loadimg.gif
loadimg.gif

2、小间距

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

loadimg.gif
loadimg.gif

3、大间距

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

loadimg.gif
loadimg.gif
loadimg.gif

五、行距

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

1、常规行距

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

loadimg.gif
loadimg.gif

2、小行距

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

loadimg.gif
loadimg.gif

3、大行距

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

loadimg.gif
loadimg.gif

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

作者公众号:葱爷(ID:congyenanian)
1669877808202414.png


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK