建议:为WordPress提供一致的类型刻度

类型刻度可以增强界面的设计和可用性。本文旨在为WordPress标准化一个。

什么是类型刻度?

字体刻度是字体大小的一致级数(例如6、12、24、48、96)。这些级数可以使用比率或标尺进行计算。例如,1.5的刻度将导致16、24、36、54、81等等用户界面用户界面 UI是用户界面的缩写,即用户与之交互的页面布局。想想“他们是怎么做到的”,少想想他们在做什么。.

通过包括其他属性,如字体粗细和行高,我们可以为设计和开发创建一组可重用的预定义样式。

它提供了什么好处?

“排版可以帮助创建清晰的层次结构,组织信息,并指导用户完成产品或体验。”

碳设计系统

以下是一些关键优势:

  • 一致性:如果应用一致,类型刻度可以帮助用户在使用WordPress时遵循视觉模式。
  • 巩固:它减少了使用的样式数量,使设计者或开发人员更容易选择样式。
  • 功能:我们可以尽可能将这些样式映射到功能角色。这样更容易知道应该使用哪种样式。
  • 可用性:我们可以创建与文本相关的可用性标准。例如,文本的最小字体大小为12px,以增强可读性。

类型比例建议

这种类型标尺的设计是为了将WordPress的独立样式数量保持在最小。需要记住的一些事项:

  • 这种类型的刻度与强调或装饰风格(如颜色、粗体、斜体和下划线)是分开的。
  • 它假设正在使用默认的系统字体,就像WP Admin一样。
  • 它的主要用例是生产力,这意味着它最好用于WP Admin之类的界面。我们可以扩大类型范围,用于WordPress.org网站WordPress.org网站 用户创建和共享WordPress代码的社区站点。您可以在这里下载WordPress核心、插件和主题的源代码,以及社区对话和组织的中心位置。https://wordpress.org/未来。
显示10种不同类型样式的类型比例图

这里有一个链接到CodePen看一个活生生的例子。

后续步骤和反馈

接下来,我认为我们应该使用设计实验 插件插件 插件是一个包含一组功能的软件,可以添加到WordPress网站。他们可以扩展功能或为WordPress网站添加新功能。WordPress插件是用PHP编程语言编写的,并与WordPres无缝集成。这些可以在WordPress.org插件目录中免费https://wordpress.org/插件/或者可以是第三方基于成本的插件在几个屏幕上实现类型缩放。如果我们决定继续,我们可以记录何时使用哪种类型的样式!

我已经在几个项目中使用了这种类型的量表,它似乎运行良好。你怎么认为?


更新:

  • 创建草案用于设计文件
  • 开的PR草案用于将类型刻度应用于古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/
  • WIP文本样式发表在Figma上

#风格引导,#印刷术