美文网首页UIUI设计技能培训与提升
字体排版中如何平衡字号与字间距的大小?

字体排版中如何平衡字号与字间距的大小?

作者: 青木睡不着 | 来源:发表于2017-12-10 12:26 被阅读49次

我们平时在看大段文字的时候,有没有这样的体验,同样是一段阅读文字,有的会让人阅读起来特别舒服,而且信息获取更加的容易,而有的却是很糟糕。其中是不是有些规律可循呢。那么在做设计怎样才能够创造出一个比较舒适的阅读体验呢,今天和大家来说说大段文字排版的一些小技巧。
首先我们看看下面两个哪一个阅读体验会更好一点。


image.png
image.png

其实两个图片文字间距都是可以接受的。
通过对比可以发现下边的阅读文字加大了字间距与行间距,相比上边留白部分更大,更具呼吸感。当文字内容较多时,采用下边的方式,会不容易产生阅读疲倦。

既然是文字排版,通过上面例子,其中可以拆解的量字体 字号 字间距 行间距 。
一段舒适的阅读文字一定是有着合适的,字形,字间距。

字体

其中字体涉及很多知识,不同的字体有不同的气质,做设计时候首先需要明确我需要表达一个怎样的信息,其中这个信息包括含义, 氛围。其次才能够根据我需要什么做出最合适的设计。

字号

字号是个极其自由的数值,完全根据你的需求来确定,可以去参考目的类似的设计。

行间距

行间距大家都知道,但具体在设计上如何运用很多人都不知道,一般淘宝天猫常用的规则是+4原则,例如文字的大小比如是12PX,那么行间距就是16,依次类推,文字是14那么行间距就是18PX。
行间距一般选择为正文的1.6—1.8倍,将会是比较舒服的,如果版面紧张,可以适当缩小的1.2—1.5倍;
总的来说,字号(size)越小,字距(tracking)应当相对越大,行高(line height)也应该相对越大。反之亦然。
字母间距小于字间距,字间距小于行间距。

此外关于中英文排版,同样好的西文版式设计,照搬到中文中,会出现不少问题。
这主要是由西文与中文两种文字本身的视觉外观差异造成的。
比较直观的一种看法是:拿汉字跟英文相比,汉字更倾向于“图形/图像”化,英文更倾向于“音节”化;汉字本身的笔画构成复杂,造成单个字比英文的单个单词更为复杂,同时,汉字的字与字之间,造型的差异也可能更为悬殊;还有一点就是,汉字的每个字都往往被设计成占据相同或几乎相近的空间范围(一个方块),英文则完全不然,英文更具有韵律感。因此常常会有设计师会说英文排版更美。

做设计如何取舍呢。就是分析需求情景。做合适的设计。比如阅读类需要留白去增加阅读的呼吸感。比如有时广告位需要聚焦,会让字体间距不那么大。

最合适的设计。设计经验理论是一方面。最重要的是训练自己对细节的敏感,并相信自己的品味。
多看,然后练习、练习再练习。
自然而然会有质的飞跃。

相关文章

  • 字体排版中如何平衡字号与字间距的大小?

    我们平时在看大段文字的时候,有没有这样的体验,同样是一段阅读文字,有的会让人阅读起来特别舒服,而且信息获取更加的容...

  • 【排版教程】在排版设计中如何平衡字号与字间距的大小?

    在物料设计排版中,首先就要明确注意的是,行间距一定是要大于字间距的,不然不仅影响阅读,就设计而言也是不美观的。 如...

  • 我们追求的“工匠精神”,就在我们身边

    凡是从事新媒体运营的人,都要面对一个工作----排版。 讲到排版,就涉及到字体字号字间距段间距页边距等等(疯了!)...

  • 排版三要素

    在排版前,我们要清楚的三个重要概念就是:字号、行距、字间距。当然,其他相关的概念还有很多,比如字体、字体家族、粗细...

  • iOS textView字号自适应大小

    需求:每行15个字,左右间距固定大小。根据宽度自动适配字体大小:即屏幕越宽,字号越大;屏幕小,则字号越小。 1.根...

  • 2020-06-21,96排版训练营课程收获

    通过参加96排版训练营,我的收获如下: 1.对微信公众号编辑文章中的字体,字号,字间距,行间距,有了明确的了解,并...

  • 2020-06-22

    96排版训练营学习心得 21天训练营收获及技能: 1、如何设置正文、标题的字号大小、字体颜色、字体背景、行距、字间...

  • 2020-06-22

    96排版训练营学习心得 21天训练营收获及技能: 1、如何设置正文、标题的字号大小、字体颜色、字体背景、行距、字间...

  • 2020-06-22 96排版训练营

    96排版训练营学习心得 21天训练营收获及技能: 1、如何设置正文、标题的字号大小、字体颜色、字体背景、行距、字间...

  • 三、iOS-常用UI组件学习(一)

    UIFont ios中的字体字号行间距,字间距设置等。 UIFont最常用的属性就是fontName和fontSi...

网友评论

    本文标题:字体排版中如何平衡字号与字间距的大小?

    本文链接:https://www.haomeiwen.com/subject/wjnmixtx.html