在UI设计中怎么选字体排版才好看呢？做UI设计的同学搬好小板凳啦，今天这篇文章就教你在UI设计中怎么选字体。无论你是做网页设计还是移动端的app设计，文字内容总是能占到整个版面将近80%的区域。因此理解文字和排版是非常重要的，感兴趣的可以看看哦。
01、字体的基础术语
了解字体设计的基础术语非常重要，这些术语在介绍字体设计的相关文章中经常出现。比如 x-height(X字高)指的是从字母的基准线开始往上到最矮字母的顶端的距离，当X字高的比例相对大一些的话就能增加易读性。
02、汉字字形
在大多数情况下我们都选择使用系统自带的字体，比如微软雅黑、宋体、黑体等来定义标题和内容，但有时，我们在做Logo，banner设计时也需要通过对字体进行改造，来达到更加理想的效果。这时我们就需要掌握汉字的字形结构以及一些最基本的设计原则。
03、衬线字与非衬线字
在西方国家的字母体系，分成两大字族：serif(衬线字体)及sans serif(无衬线字体)。衬线字(下图中的宋体、Times New Roman)是指在字的笔画开始及结束的地方有额外的装饰，而且笔画的粗细会因直横的不同而有所不同。相反的，无衬线字(下图中的思源黑体、Helvetica)就没有这些额外装饰，而且笔画粗细大致上是差不多。
衬线字的字体较易辨识，也因此具有较高的易读性。反之无衬线字则较醒目。通常来说，需要强调、突出的小篇幅文字一般使用无衬线字,而在长篇正文中，为了阅读的便利，一般使用衬线字。在实际应用中，因为中文的宋体和西文的衬线体，中文的黑体和西文的无衬线体，在风格和应用场景上相似，所以通常搭配使用。
04、字体排版建议
在你对字体排版技巧了如指掌之前，首先需要保证你的内容能够简单且清晰地展现出来。优秀的文字与排版使我们更愿意去阅读，所以最好先关注你所设定的字体和排版是否便于阅读，然后再考虑为了美观改进行修饰。
05、iOS中的系统字体
随着iOS 9系统以及EI Capitan系统的发布，现在的系统字体变为了Apple自己设计的 [San Francisco]。iOS仍然在其他地方使用SF UI，而在Apple Watch中使用SF Compact。
San Francisco 有两类尺寸: 文本模式(SF UI Text)和展示模式(SF UI Display)。文本模式适用于小于20 points的尺寸，展示模式则适用于大于20 points的尺寸。当你在你的app中使用San Francisco时，iOS会自动在适当的时机在文本模式和展示模式中切换。
06、选择Body字体
为body text挑选合适的字体是最重要的。务必选择那些可读性强的，看上去干净易读的字体。我推荐的常用英文字体有：San Francisco, Helvetica Neue, Avenir Next, Open Sans, Museo Sans。中文字体则有，华文细黑，思源黑体。
07、字体的大小
在iPhone,iPad,iWatch 中设置的Body字体不应该小于11pt，这样才能被正常阅读。我们推荐的Body文本大小应该在15-18pt。
08、字体样式
字体样式对易读性和快速浏览非常重要，一般的原则是，被修饰的文本不应超过整个文本的10%，如果所有文本都都通过修饰被强调的话，那反而就不是强调了。当然，一次不应该同时使超过三种的强调样式。换句话说，不要在同一段文本中同时使用，颜色，字体改变，大小，下划线，斜体，粗体。
关于UI设计中怎么选字体的问题就先分享到这里了。文字和排版其实跟自己的审美也有很大关系，我们平时可以在一些设计网站多看看别人的设计排版，开阔自己的视野，提高自己的审美，这个其实是很重要的，看多了自然就会熟悉，进而有自己的创新，做出独特的设计。好了，今天分享到此结束。
01、字体的基础术语
了解字体设计的基础术语非常重要，这些术语在介绍字体设计的相关文章中经常出现。比如 x-height(X字高)指的是从字母的基准线开始往上到最矮字母的顶端的距离，当X字高的比例相对大一些的话就能增加易读性。
02、汉字字形
在大多数情况下我们都选择使用系统自带的字体，比如微软雅黑、宋体、黑体等来定义标题和内容，但有时，我们在做Logo，banner设计时也需要通过对字体进行改造，来达到更加理想的效果。这时我们就需要掌握汉字的字形结构以及一些最基本的设计原则。
03、衬线字与非衬线字
在西方国家的字母体系，分成两大字族：serif(衬线字体)及sans serif(无衬线字体)。衬线字(下图中的宋体、Times New Roman)是指在字的笔画开始及结束的地方有额外的装饰，而且笔画的粗细会因直横的不同而有所不同。相反的，无衬线字(下图中的思源黑体、Helvetica)就没有这些额外装饰，而且笔画粗细大致上是差不多。
衬线字的字体较易辨识，也因此具有较高的易读性。反之无衬线字则较醒目。通常来说，需要强调、突出的小篇幅文字一般使用无衬线字,而在长篇正文中，为了阅读的便利，一般使用衬线字。在实际应用中，因为中文的宋体和西文的衬线体，中文的黑体和西文的无衬线体，在风格和应用场景上相似，所以通常搭配使用。
04、字体排版建议
在你对字体排版技巧了如指掌之前，首先需要保证你的内容能够简单且清晰地展现出来。优秀的文字与排版使我们更愿意去阅读，所以最好先关注你所设定的字体和排版是否便于阅读，然后再考虑为了美观改进行修饰。
05、iOS中的系统字体
随着iOS 9系统以及EI Capitan系统的发布，现在的系统字体变为了Apple自己设计的 [San Francisco]。iOS仍然在其他地方使用SF UI，而在Apple Watch中使用SF Compact。
San Francisco 有两类尺寸: 文本模式(SF UI Text)和展示模式(SF UI Display)。文本模式适用于小于20 points的尺寸，展示模式则适用于大于20 points的尺寸。当你在你的app中使用San Francisco时，iOS会自动在适当的时机在文本模式和展示模式中切换。
06、选择Body字体
为body text挑选合适的字体是最重要的。务必选择那些可读性强的，看上去干净易读的字体。我推荐的常用英文字体有：San Francisco, Helvetica Neue, Avenir Next, Open Sans, Museo Sans。中文字体则有，华文细黑，思源黑体。
07、字体的大小
在iPhone,iPad,iWatch 中设置的Body字体不应该小于11pt，这样才能被正常阅读。我们推荐的Body文本大小应该在15-18pt。
08、字体样式
字体样式对易读性和快速浏览非常重要，一般的原则是，被修饰的文本不应超过整个文本的10%，如果所有文本都都通过修饰被强调的话，那反而就不是强调了。当然，一次不应该同时使超过三种的强调样式。换句话说，不要在同一段文本中同时使用，颜色，字体改变，大小，下划线，斜体，粗体。
关于UI设计中怎么选字体的问题就先分享到这里了。文字和排版其实跟自己的审美也有很大关系，我们平时可以在一些设计网站多看看别人的设计排版，开阔自己的视野，提高自己的审美，这个其实是很重要的，看多了自然就会熟悉，进而有自己的创新，做出独特的设计。好了，今天分享到此结束。
