联络我们

字体设计的注意事项

Lasting Dynamics

6 月 19, 2023 • 3 min read

Warning: Some parts of the content are automatically translated and may not be completely accurate.

排版 在用户界面设计中起着至关重要的作用,因为它有助于创建视觉层次、提高可读性并传达品牌个性。了解排版如何影响整体效果 设计美感 和影响 用户如何感知界面并与之互动 将始终提供更好的产品。

Just see the difference 👇

排版

精心选择的字体可以让设计看起来专业、有条理、易于使用,而糟糕的排版选择则会让设计看起来不专业、杂乱无章,并且在用户浏览我们的产品时难以定位。

排版

此外,排版还会影响 无障碍 确保有视觉障碍的人能看懂文字。只要设计师们了解到排版作为用户界面设计的重要组成部分有多么重要,那么它就能越快地帮助我们 改善用户体验,有效传达预期信息。

通过考虑这些设计标准和逻辑,排版可以有效提升整体用户体验,帮助传达产品的预期信息。

Dos and Don’ts for working with typography in User Interface Design

排版注意事项 1
  • 使用清晰易读的字体: 选择易读且适合目标受众和语境的字体系列。
  • 创建视觉层次: 使用不同的字体大小、重量和样式来生成瀑布式的信息顺序,引导用户的注意力。
  • 确保对比度: 确保文字与背景之间有足够的对比度,以避免出现可读性问题。
  • 考虑行距和字母间距: 调整行距、Kerning(两个特定字母之间的间距)和 Tracking(所有字母之间的间距),以提高可读性,使文本看起来更美观。
  • 传递品牌个性: 使用排版来反映品牌的价值和体验,这是强化品牌视觉识别的好方法。
排版注意事项 2
  • 避免同时使用过多的字体: 将所用字体的数量限制在一种或两种,以保持一致,避免杂乱无章。
  • 过度装饰或难读的字体: 避免使用难以阅读的字体,尤其是大段文字。在特定情况下,如大标题,这些字体可能有效,但不建议在小场景中使用这些字体。
  • 忽视无障碍环境: 确保有视觉障碍的人也能读懂文字。如果在这些情况下无法阅读,则应加以改进。
  • 忽略上下文: 在选择字体和样式时,要考虑目标受众和语境。
  • 尺寸真的很小: 避免使用过小的字体,尤其是小尺寸的正文,因为这样会难以阅读,并可能导致眼睛疲劳。

➡️ 字体是强大的资源: 事实上,有些软件专门用于线框设计,请查看这两个选项:

Flow

该字体具有 单重 (圆形、圆角形或块状),或者它只是一个非常简化的占位符版本,在我们希望将重点放在特定功能或部分的情况下,它对低保真线框设计非常有帮助。

排版注意事项 3

下载 Flow 作者:丹-罗斯 这里.

编辑脚本

这是打印线框爱好者的选择,Redacted Script 拥有 三个重量 and emulates a persons handwriting. It provides a nice look and feel while doing it’s job.

排版注意事项 4

下载 未经编辑 脚本 作者:克里斯蒂安-纳赫茨 这里.

☝ Before finishing, the Lasting Dynamics 团队 将展示一些我们最喜欢的字体系列,用于数字界面:

排版注意事项 5

下载 国际 作者:拉斯穆斯-安德森 这里.

排版注意事项 6

下载 拉尔斯塞特 作者:尼科-伊诺桑托 这里.

排版注意事项 7

下载 圆形 STD 作者:劳伦茨-布鲁纳 这里.

排版注意事项 8

下载 Berthold Akzidenz Grotesk 作者:费迪南德-泰因哈特d 这里.

Lasting Dynamics

Multidisciplinary designer now devoted to UI/UX after graduating from the Apple Developer Academy. He is always happy to accept new challenges in life and in design fields, discovering always new solutions or approaches to problems. Vincenzo’s main interests are Digital products and of course, everything related to Food & Beverage industry. His background in graphic and product design makes his vision and approach oriented to build meaningful experiences.

打开模式