java 打印字间距 行距_小白必看—全面解析:字号、行距和字间距

平面设计排版看似简单,其实非常考验设计师的基本功。如果知识无法活用,没有实践验证,是很多的问题。有三个重要概念:字号、行距、字间距。如字体、字体家族、粗细轻重、首行缩进、标点符号相对次要。字号与阅读速度字号明确字体尺寸大小。字号大小影响阅读速度。小朋友和老年人的阅读速度可能不及年轻人,字号设置得稍大。感受一下阅读下面左右的段落文字,是不是较大的字号会让阅读速度变得更慢。

206741705_1_20201107015701712_wm字号越大阅读速度也会放慢,文字的关注度增加,除了文字本身信息外,文字放大时,笔画的细节越明显,阅读更为方便。平时所知的快速阅读法,由逐字逐字的阅读变为连词阅读。

206741705_2_20201107015701915_wm字号与主次信息平面设计排版要考虑到受众阅读习惯。大号的字体更能瞬间吸引眼球,是主焦点所在,也是主要信息应该运用的,注意与此搭配的字号,主、次信息字号需要有对比。能与大字号进行搭配的是小字号,最好能对比明显。这样才能形成信息的主次传递。有些宣传方认为文字越大,注意力效果越强,于是采用放大字体做法,这样来输出信息,由于没有对比,整体版面凌乱。忽略了阅读者感受。作为阅读的一方,在看广告牌、打开APP浏览Banner时,都会因为版面凌乱忽视这样的信息。案例分析下图以常见网店Banner为例,看上去比较常见的设计,左图右文,排版最大的问题是右边的文字信息过多,字体主次不太分明,造成阅读拥挤。

206741705_3_20201107015702102_wm逐条分析作品中的问题1、字体颜色单一,且饱和度极高,容易视觉疲劳2、三行字体间距过于紧密,字体的字号没有区别

206741705_4_20201107015702306_wm3、Banner传达重要的品牌信号、且尺寸较大,传达的信息需要有焦点,不宜输出过多的文字。作为平面设计师,应该和文案一起结合考察,文案本身是否足够精简扼要?次要的文案是否可以删掉?设计师的职责不是“美化”,而是“体验”,把自己放在接受者的位置。可以做下面的调整

1、将文字色彩进行调整,形成阅读的主次顺序,照顾到整个Banner要传递的主要信息——冬季新品,放大的冬字用宋体,和其他的字体相异。宋体的字型对应女性的轮廓,看上去有曲线感;2、红色是非常吸引眼球的颜色,因此有些次要的文字可以不需要一直用红色,而把主题词和引导按钮用红色进行处理;3、按钮变为动感较强的形状,增加画面的及时感。也符合这一片排版的形状布局;4、行距之间拉开差距,字体大小对比明显;5、删掉不重要价值的文案,集中传达一个信息就行;6、颜色改为相对柔和的暖粉色,传递冬日暖阳的气氛。背景用一些白色雪点缀,突出主题。

206741705_5_20201107015702524_wm不改变原有布局和素材的情况下,把字体排版进行调整,版面清晰、简洁了。简洁是正道,如果老板/甲方不喜欢,如果设计师不能给他建议,老板/甲方会跟随旧有习俗走,如果发挥专业知识,是否走这条路凭他自己选择,要做的是尊重对方选择。但是,必须要提供这样的可能性呈现给对方眼。行距:相对的距离行距是段落上下两行文字的疏密程度。行距在文章中有效的引导阅读。两行文字之间行距太近会让阅读变得困难,太远同样也会造成问题。不同的行距构成面的密度,也即是文章段落呈现的灰度。行距和行高密不可分,如字体的行高为10px,行距如果为2px,也就是行高的1/5倍,会变得太挤,不易阅读。如果拉开行距到5px,也就是行高的1/2倍,则阅读起来就比较舒畅,轻松。

206741705_6_20201107015702743_wm合适的行距是相对值,阅读中,行距为行高的1/2~1倍比较合适。当行距为行高1倍,看起来行距比较宽,有些人会觉得整个段落看起来不够紧凑,如果行距和行高相等时,段落看起来松散,让阅读者会有种和缓的速度。

206741705_7_20201107015702962_wm案例分析具体案例说明行高在排版中的视觉作用。家居主题的Banner设计。仔细观察,发现右边的文字阅读起来略有点困难,这是由于行高太小而造成。

206741705_8_20201107015703134_wm逐条分析一下Banner中比较显著的视觉问题1、两行小字的行高太小,以及小字和大字彼此距离太近;2、文字的色彩没有太多变化,不同内容挤在一起,阅读层次感不强;3、整体色彩有些灰暗,家居的氛围有点暗沉(原素材需要调色处理)。Banner设计要做到色香味俱全,除了关注布局、色彩、还需要对文字以及文字间距都要精细化处理。

206741705_9_20201107015703321_wm解决这三个比较大的问题,作下面一些调整1、改变小字的行高,让两行小字跟随右侧的斜线条,形成呼应,并且让小字和大字也保持距离;2、整体文字稍微缩小,给整个版面以呼吸的空间;3、「全场8折」四个字用橙色作底,橙色是温暖的颜色,给版式加暖,且让文字排版多一些变化,信息层次更分明;4、大的文字采用渐变填色,比起纯色平涂,带有微微光感;5、整个画面的色调调得更暖,配合家居的温暖氛围。

206741705_10_20201107015703509_wm字间距 VS 字符间距字间距是字符间距的参数值,字间距是基础工作。每一个文字都要设定好字间隔,太近和太远都不利于文章的阅读。调整字间也是及其繁琐的工作。字体原有的字间距最合适的字间距,不同的字体来不一样。以「思源宋体」和「方正美黑」为例,这两个字体形态差异很大,思源宋体的字符间距设置为0时,和方正美黑的字符间距为0时,字间距的差异也很大,方正美黑的字体间距默认就很宽,大家可以对比当方正美黑的字符间距为0时,对比思源宋体字符间距为100,其本身字间仍然是大许多。

206741705_11_20201107015703759_wm抛开字体本身间距谈字符间距,意义不大。方正美黑是极端例子,但每款字体的间距的确略微差别,还是以字间距为准。行距的影响行距也是影响字间距的一个很重要的因素。如果字间距大过行距,这样的段落难以阅读。从左到右的阅读习惯,会被更为接近的上下两行的文字,错误引导为从上到下的阅读。所以保持字间距要小于行距,是保险做法。

206741705_12_202011070157049_wm宽大字距的魅力在海报、Banner这类宣传品的设计中,文字通常用得比较少,也谈不上形成段落,这时字间距可以放得更开,不涉及到行距。不得不说,放大的字间距显得版式疏松、有优雅宁静的感觉。如果想要让文章看起来更轻松,试着把字间距适度放大。

206741705_13_20201107015704227_wm案例分析下图Banner设计也是看起来没什么大问题。唯一惹眼的就是「科技互联、引领未来」字距过宽,字距大过行距,造成阅读时容易产生“科引,技领,互未,联来”这样的顺序。并且使用的字体本身的字距也需要进一步调整,看起来两行文字有些错落,视觉上不够精细。

206741705_14_20201107015704446_wm调整字体排版以及色彩方面的诸多小问题1、调整了「科技互联、引领未来」行距和字距,字间小于行距;2、增加2019的光感,营造视觉焦点;3、「掌握最黑技术、占领最大市场」增加字距,缩小字号,创造和下方英文字符截然不同的节奏感;4、文字色彩有变化,让画面在此不会显得过于扁平,为了突出文字,让下方背景的色彩更深;5、缩小左上方区块链三个字,给予更多的留白空间,让画面不至于内容过分饱和;6、整体的画面进一步调整色彩饱和度处理,以及其他细节的处理,让画面更具冲击力。

206741705_15_20201107015704634_wm排版是一个值得深挖的问题,越细节越难以被发现。如果只是潦草应对,短时间没有大问题,但会形成盲区,无形中造成的问题,让人永远发现不了,导致水平一直无法提高,设计报价也要不上去,这是最大的伤害。这两年平面设计发展很快是因为互联网涨势飞快,但飞速发展带来的弊端是一切都浮在表面,深度不够。需要平面设计师深入学习,沉下心设计,才能获娶更多业务机会。

206741705_16_20201107015704806

更多历史链接-阅读公众号菜单-《历史发布》菜单

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值