咨询热线:13915300089

网站地图图标 邮件图标

into Dongxin clothing
您当前所在位置:主页 > 新闻资讯 >

关于我们列表

公司简介

新闻推荐

平面设计课堂:排版知识

平面设计课堂:排版知识

最基础的三大排版知识你

最基础的三大排版知识你

Word分分钟排版

Word分分钟排版

公众号排版教程和常见使

公众号排版教程和常见使

联系我们

江阴市东新服装商标有限公司
联系人:蒋总
手  机:13915300089
电  话:0510-86301317
地  址:江苏省江阴市长泾镇习礼小庄圩104号

最基础的三大排版知识你真的掌握了吗?
作者:凯时国际app首页下载    发布时间:2020-06-30 04:30    点击次数:次   

  一个好的设计作品是由多种元素构成的,而好的排版能直接提高整个作品的档次,而决定作品高度的地方往往就是最容易忽略的细节方面,今天就让我们一来梳理一下最基础也是最容易忽略的排版知识!

  得益于互联网技术的发展,我们已经免费享用了很多字体设计师的功劳,比如很多文印店给客户设计LOGO,其实无非也就是筛选字体而已,调配颜色……

  这的确不假,在某种层面,设计师的工作类似「组装」工作,所不同的是,组装的前提是你一定要懂得字体设计背后的逻辑和审美趣味,做好风格样式调配,因为每款字体设计出来,并没有配备使用说明书,千万种可能,是留给我们去发现的。

  在平面设计中,排版看似简单(大部分人都停留在能使用word就可以排版的认识上),其实非常考验设计师的基本功。

  虽然我们也大量摄入了很多有关排版的理论知识,但是知识无法活用,没有得到实践验证时,是非常危险的。

  因此,在本文中,我会拿我自己作为设计师以及阅读者两个身份来切换思考,也许我们在此能探索更多。

  在排版前,我们要清楚的三个重要概念就是:字号、行距、字间距。当然,其他相关的概念还有很多,比如字体、字体家族、粗细轻重、首行缩进、标点符号等等。但我认为这些都是相对来说次要的。

  字号明确了字体本身的尺寸大小。在阅读文章时,每一个文字就是一个「点」,点是平面构成三元素之一(点、线、面)。字号大小的设置取决于阅读者的阅读速度。

  比如小朋友和老年人的阅读速度可能不及一个有着常年阅读习惯的年轻人,那么在针对这部分人的排版当中,字号就应该设置得稍大。大家可以感受一下阅读下面左右的段落文字,看看是不是较大的字号会让你的速度变得更慢。

  字号越大其阅读速度也会放慢,当然其文字的关注度也会增加,除了文字本身涵盖的信息以外,文字在放大时,笔画的细节就越来越明显,观者的注意力就会从对每个字的「点」的层面慢慢放大。而文字越小,阅读会变得更为快速。

  所以我们平时在做平面设计排版时,就要考虑到受众的阅读习惯再进行设置。大号的字体更能瞬间吸引眼球,因此是主焦点所在,也是主要信息应该运用的,这时就要注意与此搭配的字号,注意在多层次的主次信息上字号运用需要有对比。

  能与大字号进行搭配的是小字号,而且彼此最好能对比明显。这样才能形成信息的主次传递。

  有些宣传方认为文字越大,其吸引力效果越强,就采用统统放大字体的做法,这样来输出信息,由于没有对比,整体版面凌乱。而完全没有考虑过阅读者真实的感受。

  其实作为阅读的一方,平时我们在看广告牌、打开APP浏览Banner时,都会因为一个版面太过凌乱的画面而立刻切换掉这样的信息,不是吗?长期被广告轰炸的我们,其实根本不喜欢这种被信息牵着走的感觉。所以,已经练就了可以过滤掉【繁杂信息】的过滤机制,保护自己的注意力。

  我们可以拿常见的网店Banner设计为例来说明排版中的误区,这是一个看上去比较常见的设计,左图右文,排版最大的问题就是右边的文字信息过多,字体主次不太分明,造成阅读拥挤。

  3)Banner虽说是一个非常重要的传达重要品牌信号、推广信息的图片,且大部分尺寸都较大,但是其中传达的信息也需要有一个重要焦点,而不宜输出过多的文字。

  作为平面设计师,我认为也应该和文案一起结合考察,文案本身是否足够精简扼要?次要的文案是否可以删掉?设计师的职责并不是“美化”,而是“体验”,把自己放在接受者的位置,你愿意对方一次性就输出这么多信息给你吗?还是想慢慢一步步接受后再深入了解?

  1)将文字的色彩进行调整,形成阅读的主次顺序,照顾到整个Banner要传递的主要信息——冬季新品,放大的冬字才用宋体,和其他的字体相异。宋体的字型对应女性的轮廓,看上去更具曲线)红色是非常吸引眼球的颜色,因此有些次要的文字可以不需要一直用红色,而把主题词和引导按钮用红色进行处理。

  按钮变为动感较强的形状,这样能增加画面的及时感。也符合这一片排版的形状布局。4)

  删掉没那么重要的传递品牌价值的文案,在这里,集中传达一个信息就足够了6)

  颜色改为相对柔和的暖粉色,传递冬日暖阳的气氛。背景用了一些白色的雪作为点缀,突出主题。

  在不改变原有布局和素材的情况下,我们把字体排版进行了调整,版面就清晰、简洁了许多。

  相对的距离行距是段落上下两行文字的疏密程度。行距在文章中的作用是有效的引导阅读。两行文字之间的行距太近会让阅读变得困难,而离得太远同样也会造成问题。

  所以合适的行距是一个相对值,根据我的经验,文章的阅读中,行距为行高的1/2~1倍都算是舒适的。

  除了和行高本身有关,行距与字间距也有着不小的关联。等谈到字间距的时候我们还会细讲。

  下面还是以一个具体的案例来说明行高在排版中的视觉作用。这是一个家居主题的Banner设计,也许初看上去并没有什么问题(设计的问题大都是通过对比才会发现的)。

  改变小字的行高,让两行小字跟随右侧的斜线条,形成呼应,并且让小字和大字也保持距离

  3)「全场8折」四个字用橙色作底,橙色是温暖的颜色,给版式加暖,且让文字排版多一些变化,信息层次更分明

  我们平面设计师理解当中的字间距,大概就是在软件中可以直接设置文字字符间距的参数值,而字体设计师的字间距,是更基础的工作。

  我们之前讲过,行距也是影响字间距的一个很重要的因素。如果字间距大过了行距的情况下,这样的段落将是特别难以阅读的。

  在海报、Banner这类宣传品的设计中,文字通常用得比较少,也谈不上形成段落,这时字间距可以放得更开,而无需涉及到行距。

  字间距的案例,我们同样用一个Banner设计来说明。这个Banner设计也是看起来没什么大问题。

  3)「掌握最黑技术、占领最大市场」这一行字增加字距,缩小字号,制造和下方英文字符截然不同的节奏感。

  4)文字的色彩有变化,让画面在此不会显得过于扁平,为了突出文字,让下方背景的色彩更深。

  5)缩小左上方的区块链三个字的部分,给以更多的留白空间,让画面不至于内容过分饱和。

  6)整体的画面做了进一步色彩饱和度处理以及其他细节的处理,让画面更具冲击力。

  以上我们所举案例只是在尊重原有设计思路的基础上进行微调,这也是为了说明原有设计中存在的问题,当然会有更好的方法就是大的修整或者重组布局等,但不在我们这篇文章讨论的范围之内。

  排版是一个值得深挖的问题,越细节越难以被发现。如果只是潦草应对,也暂时不会带来特别大的问题,但却是会日积月累形成盲区,无形中造成的问题,让人永远发现不了。很多公司投入大量的财力做广告、线上线下宣传,然后发现成本过高,而利润过低,广告效果不及以往,运营的每个环节都可能会造成问题,但是也许最前线的问题就是没有和用户产生真正的互动,平面广告做出来以后也没有调查用户是否接受这样的设计,有没有吸引到目标用户。我同时作为用户的身份,在平时逛街看广告时,好的设计都想多看看,甚至会有惊喜,但是有些的平面广告从排版到布局再到图片素材都让人提不起兴趣,而且后者居多。


凯时国际app首页下载