400-855-0210
临沂SEO:界面基本字体

2020-11-20

  每个界面基本上都包含一系列用户选项,字体应该能够支持决策过程,内容应该以不增加用户认知负担的方式传递。一个好的字体应该吸引读者去阅读内容,而不是只关注字体本身。临沂SEO

  1. 选择适合不同大小的字体

  大多数用户界面需要不同大小的文本元素(按钮副本、字段标签、节标题等)。选择可以以不同大小显示的字体,并保持内容的可读性和可用性。

  例如:Avenir, Univers, Lato

  应用Avenir

  2. 选择容易识别的字体

  许多字体很容易混淆类似的符号。例如,大写字母“I”与小写字母L非常相似;小写字母R和N一起写很容易变成小写字母m…因此,有必要通过选择容易区分的字体来防止用户混淆。

  例如:Clear Sans vs. Lato(观察下面较大的I和小写的L)

  3.将文本视为UI

  近十年来,Cameron Moll一直在传达这一点。他相信好的设计师会把文本当作内容,而伟大的设计师会把它当作UI。

  虽然人们对此有不同的看法,但在界面设计中这是正确的。因为当一个文本元素表示一个函数时,它就是UI,实际上所有UI设计都应该与字体匹配。如果你不相信,想象一下当你走进一扇标有“推”把手的门时,你会遇到怎样的困惑。

  4. 仔细考虑一下这项工作的完成情况

  如果您不熟悉JTBD,这是一个关注用户体验设计的框架。询问你能帮助用户解决什么问题。这个问题的答案可能会决定你的UI设计决策,包括字体。

  Instapaper的设计师在内容与字体的匹配方面做得很好。Instapaper的网页和app有两种功能:

  1)让人们保存网页内容供以后使用

  2)为用户提供阅读场所

  因为大多数UI文本和专注于阅读,Instapaper的设计者选择了两个完全不同的方法:Serifed里昂用于文本内容,并有一定的关注内容,和UI使用于JAF Bernino Sans,这将创建一个清晰的区分已读什么,已经完成。

  这些字体的选择可以在用户的期望中产生难以置信的效果。从成千上万的书籍、杂志和报纸中,我们逐渐习惯了阅读和使用衬线字体的长文本。随着互联网的出现,最近的无衬线字体风格真正进入了人们的视线,使其成为一个自然的UI元素。

  向专业人士学习

  幸运的是,在设计一个漂亮且可用的UI时,也不乏类似的灵感和指导。

  以下是我最喜欢的3个设计:

  媒介

  Medium充分体现了“文本就是UI”的概念。作为阅读和写作的平台(所有的长文本),Medium将字体设计作为重中之重。其他的编写平台和cms(内容管理系统)也将跟进。

  网站上发布的内容(设置为Freight Text Pro和JAF Bernino Sans字体)简洁易懂,充满思考和联想。另外,写作过程应该与最终发布的格式一致,所以不需要切换。

  功能部分设置为Bernino字体,内容与标题一致,但在用户界面应用中,较小的尺寸可以很容易区分出需要获取什么。

  松弛

  在这个例子中,文本仍然是内容的主要形式。作为一个团队的交流平台,Slack的交互和内容元素很大程度上依赖于文本。就像一个缓冲区,它坚持使用单一的字体(Lato),但允许它被充分利用。

  在Slack中,设计师通过框架、重量、色彩、留白等综合考虑,创造了一个易于浏览、充满阅读乐趣的平台。

  Rdio

  作为一个音乐应用程序,Rdio很少使用文本。但即使在这里,我们仍然可以看到它将字体视为UI的一部分,并使用不同大小和厚度的字体(Whitney font)。

  附件:Lato和Whitney字体有类似的问题,大写的I和小写的L。一定要检查这些字体的字符集,并检查和评估这对你的产品有多大的影响。

  在UI设计中设置字体

  不管项目的目的是什么,字体在UI设计中都扮演着至关重要的角色。字体一旦设置好,会增强用户体验,否则会影响用户体验。但是有了这些指导原则和大量的实践,您将为字体和用户做出更好的选择。

合作意向表

请留下您的以下相关信息,我们即刻为您准备方案!

您需要的服务
  • 搜索引擎营销
  • 互动营销
  • 技术服务
  • 营销产品
×