UI设计师是如何设计字体的?【字体基础知识】

Date 2024-07-04 14:21:10

  在用户界面设计中,字体可以直观地突出设计风格,这是用户界面设计中的一个重要元素。因此,理解字体设计对用户界面设计师来说至关重要。下面将详细解释字体的基本知识。

  1.字体基本术语

  在排列字体时,有一些标准术语来描述字体之间的距离和大小。例如,“基线”和“行距”分别表示字体排列的位置和距离,如图所示。

字体基本术语

  基本字体术语

  注意:

  在排版印刷中,“X字高”是指字母的基本高度,但在设计领域代表字体的设计因素。因此,在某些情况下,字母X本身并不完全等于X字高。

  2.衬线和非衬线

  字体分为两类,即衬线字(Serif)和非衬线字(Sans-Serif),具体介绍如下。

  1)衬线字

  衬线字是指在笔画的开头和结尾有额外的装饰,笔画的厚度会因直线和水平而不同,如图1-58所示。衬线字容易识别,易读性高,通常用于界面内容较多的页面。

衬线字

  衬线字

  2)非衬线字

  非衬线字没有这些额外的装饰,笔画的厚度大致相同,如图1-59所示。非衬线字更引人注目。非衬线字一般用于通常需要强调和突出的小篇幅文字。

非衬线字

  非衬线字

  3.字体排版

  在用户界面设计中,优秀的文本排版可以使文本内容简单而清晰地显示出来,使读者更容易阅读。在字体排版中,我们通常应该注意以下几个方面。

  1)字重

  字体重量是指字体笔画的厚度。在UI设计中,当设计师设置更大的字体以获得更好的可读性时,也应该减少字体的重量,使字体不会太引人注目,从而不影响其他内容的显示效果。

  一般来说,字体大小为12~18 使用Regular时,px,18~24 使用Light时,px,24~32 当字体大小超过32时,使用Thin px时,建议使用Ultralight。当然,以上都是建议值。在实际应用中,设计师应根据不同字体的显示效果进行设置,以保持良好的阅读体验。

  2)行距

  行距是指从一行文本底部到另一行文本底部的间距。Word中的行距是指设置文本行与行之间的距离。合理的行距可以给文本留下更多的呼吸空间,给读者更好的阅读体验。一般行距应设置为字体大小的120%~145%。

  3)行长

  总统是指单行文本的长度。如果一行中包含太多的单词,文本内容将难以阅读。一般来说,45~90字的英文字符比较合适,35~60字的中文字符比较合适。合理的总统让用户在行间跳跃时感到非常轻松愉快,否则会使阅读成为一种负担。

  4)字体样式

  字体样式是指改变字体,包括颜色、大小、下划线、斜体、粗体等。一般来说,在文本内容中,字体样式主要用于强调标记的文本,因此修改后的文本不得超过整个文本的10%,同一界面中使用的字体样式不得超过三种。

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计