各种产品中面不了会有一大段的文本,可能是公司介绍,可能是产品介绍,而这时候就会体现设计师的功底了,很多人认为,不就是文字的排版么?这有什么难的?鬼谷学院可不这么认为,文字排版也是有很大的学问的哦,就比如今天鬼谷学院要与大家分享的内容。
一段文字要让他看上去很舒适,字体、大小、行距等等都是十分重要的因素,而今天鬼谷学院就会给大家分享关于字体行距的设置,在UI设计中,大段的文本很容易让人不想再看下去,而我们如果掌握了松紧适当的行距,效果就会大大不同哦,在鬼谷学院的UI设计课程中,学员们一开始也会对这些内容嗤之以鼻,但是在开始课程之后,他们就觉得自己太肤浅了!所以,现在鬼谷学院就开始今天的内容吧!
首先,鬼谷学院来和大家说说行距是什么,其实行距就是字面上的意思,行与行之间的距离,这个距离太近,就会容易让用户看差行。而行距如果太远,那么就会让字间距变成队列,阻断了行的视觉流。
而标准行距通常是1.4em,但是根据鬼谷学院以往的项目经验来看,这对于现在移动设备上的UI设计来说太紧凑了;而UI设计中良好的文本设置都有一个十分明显的特征——空白,空白区域的大小可以进行区域划分,而段落之间的区域将由更大的空白进行划分。
当然行距是应该根据屏幕来进行设置的,在做PC端的UI设计时,我们应该把文本的行距设的宽松些,而移动端的UI设计,我们则应该将文本设的紧凑一些。
以上,就是鬼谷学院为大家带来的UI设计中关于文本行距的设置,想要了解更多UI设计方面的内容,就多多关注鬼谷学院的官网吧。
未经允许不得转载:
鬼谷云课堂 » UI设计中关于文本的行距的设置