类型刻度可以增强界面的设计和可用性。本文旨在为WordPress标准化一个。
什么是类型刻度?
字体刻度是字体大小的一致级数(例如6、12、24、48、96)。这些级数可以使用比率或标尺进行计算。例如,1.5的刻度将导致16、24、36、54、81等等用户界面 UI是用户界面的缩写,即用户与之交互的页面布局。想想“他们是怎么做到的”,少想想他们在做什么。.
通过包括其他属性,如字体粗细和行高,我们可以为设计和开发创建一组可重用的预定义样式。
它提供了什么好处?
“排版可以帮助创建清晰的层次结构,组织信息,并指导用户完成产品或体验。”
碳设计系统
以下是一些关键优势:
- 一致性:如果应用一致,类型刻度可以帮助用户在使用WordPress时遵循视觉模式。
- 巩固:它减少了使用的样式数量,使设计者或开发人员更容易选择样式。
- 功能:我们可以尽可能将这些样式映射到功能角色。这样更容易知道应该使用哪种样式。
- 可用性:我们可以创建与文本相关的可用性标准。例如,文本的最小字体大小为12px,以增强可读性。
类型比例建议
这种类型标尺的设计是为了将WordPress的独立样式数量保持在最小。需要记住的一些事项:
- 这种类型的刻度与强调或装饰风格(如颜色、粗体、斜体和下划线)是分开的。
- 它假设正在使用默认的系统字体,就像WP Admin一样。
- 它的主要用例是生产力,这意味着它最好用于WP Admin之类的界面。我们可以扩大类型范围,用于WordPress.org网站 用户创建和共享WordPress代码的社区站点。您可以在这里下载WordPress核心、插件和主题的源代码,以及社区对话和组织的中心位置。https://wordpress.org/未来。
这里有一个链接到CodePen看一个活生生的例子。
后续步骤和反馈
接下来,我认为我们应该使用设计实验 插件 插件是一个包含一组功能的软件,可以添加到WordPress网站。他们可以扩展功能或为WordPress网站添加新功能。WordPress插件是用PHP编程语言编写的,并与WordPres无缝集成。这些可以在WordPress.org插件目录中免费https://wordpress.org/插件/或者可以是第三方基于成本的插件在几个屏幕上实现类型缩放。如果我们决定继续,我们可以记录何时使用哪种类型的样式!
我已经在几个项目中使用了这种类型的量表,它似乎运行良好。你怎么认为?
更新:
#风格引导,#印刷术