您现在所在的位置:首页 >关于奇酷 > 行业动态 > UI设计培训教你文字编排(上篇)

UI设计培训教你文字编排(上篇)

来源:奇酷教育 发表于:

今天UI设计培训老师教你文字编排,一共分为上篇和下篇。在我们在做设计中时往往遇到文字该怎么进行设计才好看或者更搭配。每个UI设

        今天UI设计培训老师教你文字编排,一共分为上篇和下篇。在我们在做设计中时往往遇到文字该怎么进行设计才好看或者更搭配。每个UI设计者都遇到过这样的问题,今天咱们就来说说怎么设计得体。
UI设计培训教你文字编排
  1.字间距
  常用的字间距有三种排版形式,分别是标准排版、紧凑排版和留白排版。标准排版就是软件默认的字间距,字与字之间的距离不会太大也不会太小;紧凑排版是每个字之间的距离会向里缩进一些;留白排版是每个字之间会多留一些空白。
  2.字间距-标准排版
  标准排版就是字与字之间的距离不大也不小。在绘图工具中的字符工具里的“字间距”功能的数值为0 ‰,这时采用的是标准排版。什么情况下使用这种排版规则呢? 通常在设计师比较懒惰的情况下会使用这种排版规则。因为在处理标题、正文和注释时,需要根据不同的字号选择不同的字间距来进行排版,字号不同字间距相同就会影响视觉感受,所有字号都用绘图工具的默认字间距,只能说明设计师比较懒惰且工作不饱和(手动滑稽)。
  3.字间距-紧凑排版
  紧凑排版就是字与字之间的距离会缩短并向里缩进。在绘图工具中的字符工具里的“字间距”功能的数值为负数,区间为-10 ‰~-40 ‰不等,具体数值还要根据不同的字号和字体来做决定,通常应用在标题当中。
  4.字间距-留白排版
  那留白排版就是字与字之间的距离会多留一些空白。在绘图工具中的“字间距”数值为正数,区间为10 ‰~-40 ‰不等。与紧凑排版一样,也是根据不同字号和字体来决定的。有些中文字体结构中的字与“外边框”的距离就很大了,这时再给字间距加留白,一行就会显得过于分散,所以还是要具体需求具体分析。留白排版通常应用在正文当中。那这里的“外边框”指的是字体设计时用到的框,属于中文字体结构中的一部分,专业术语叫“围框”,日本人称为“假象边框”,不要深究先简单了解一下就行。
  5.字间距-使用场景(字号)
  当理解了字间距的三种排版形式,就学一下在什么场景下使用它们。不同字号字间距也不同,字号越大字与字的间距就越小,字号越小字与字的间距就越大。字间距过大或过小都会影响阅读体验,文字的易读性就会被影响。在设计以古典为主题的作品时,要营造拘谨和严肃感,就可以在常规的字间距的基础上再减少一些间距;在设计以现代或科技为主题的作品时,要营造开放的态度和流行的感觉,就可以在常规的字间距的基础上再增加一些间距。如下图所示,带颜色的是字间距的数值。
  另外,英文的字间距差异要比中文更大,但篇幅有点长了,字号这块我就不拿英文来举例了。好的讲回来,如果反其道而行之就会造成不好的阅读体验,字间距过大就会影响阅读体验,非常大就会影响文字的易读性。字间距非常小,字与字就会重叠,字的可读性就很差。字间距中字与字之间的距离采用多少的数值,也是根据UI设计培训师自身审美来决定的。
  今天所讲到的这些技巧都是UI设计培训老师的亲身经历,我希望,我写的这些技巧能够给大家带来一些帮助。如果还有什么疑问请联系奇酷老师,我们将竭诚为你解答。