020-29815005
预约专线时间:09:00-23:59

UI界面设计的字体规范与技巧是什么

新闻来源:优漫教育 日期:2021-10-13
文本设计是界面设计中最为细节的部分,也是界面设计最基本的部分。用户界面设计时,应考虑文字识别和界面易读两个方面。
  分层设计能够把界面上重要的部分与次要部分区别开来,从排列,间距,颜色,缩进,字体等等。将这些调整应用到合适的地方,就能提高整个界面的可读性。许多新开发的APP界面设计者,常常因字体大小、字体颜色、间隔而烦恼。得到设计要求后,就开始进行设计,不知道从哪里来调整界面字体与行距等等。


UI设计培训班


  常规字体。

  接口上的每个字,每个字都非常重要。优秀的文字就是好的设计,文字是最基本的界面,需要设计师对这些信息进行塑造和完善。最大的不同之处不是出现无衬线,而是字体和字体形态的不同。但许多字体之间没有太大的差别,一些新字体甚至是原来的字体都经过了很小的修改。

  因此,将字体分成几个大的系列,同一系列的字体大致相同,称之为“通用字体系列”。它们包含以下五组:

  ①有衬线字型。TimesNewRoman默认的s带线字体,中文字体为宋体、仿宋等。

  ②无衬线字体。使用sansserl字体,中文字体中微软雅黑、黑体等等都是这样的字体。

  ③等宽字体。这种字体中每个字母的宽度是一样的,通常用来显示程序代码等等。Courier是默认的等宽字体,而为中文的每个汉字则为等宽。

  ④模仿手写体。手写体更具有个性,通常用于标题、logo等。本系列没有默认字体,英文字体一般用Comicsans、中文词语、行书系列、草书字体等,可作为手写体。

  ⑤装饰性字体大多数用于标题,具有很强的个性和多种字体,是艺术的字体。


  常规字号

  因为移动设备空间小,环境光线一般比较弱,所以在字体和字号的选择上要更加注意。文本尺寸只是一个范围,这要看设计的视觉效果而定,字体大小没有严格的标准,但是APP设计涉及32px、28x、24px、偶数等4种字号,使用偶数时也是4的倍数。

  在这里有必要普及一下px的概念。px指的是像素单位,10px代表了10像素的大小,通常用于显示字号,非常方便、直观。


  间隔线宽度。

  “行宽”是指一行文本的长度,“舒适地阅读”的行宽大约为50个字符,行距取决于文字的设计和间距;行距是行间的距离,行距离过小或过大都会对使用者造成阅读障碍,标准的行距为1.4EM,在手机端接口设计时,我们通常用x的高度来表示,而字间距并不固定,为了便于阅读,我们在界面设计的时候不需要调整字距。