鸿蒙系统UI标准:HarmonyOS中的字体标准

系统 OpenHarmony
秉承以人为中心的设计理念,结合人因研究的分析结论,HarmonyOS 定义了不同设备下的默认字体大小,以及在界面中的使用场景,以此来提升用户在使用过程中的阅读体验。

[[400178]]

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

通过研究用户在不同场景下对多终端设备的阅读反馈,HarmonyOS 形成了独特的字体系统。综合考量不同设备的尺寸、使用场景和时间等因素,同时也考虑用户使用设备时的视距、视角的差异会对字体大小和字重有不同诉求。

秉承以人为中心的设计理念,结合人因研究的分析结论,HarmonyOS 定义了不同设备下的默认字体大小,以及在界面中的使用场景,以此来提升用户在使用过程中的阅读体验。

HarmonyOS 字体系统包含一系列等比例字号大小的集合,可以适应不同设备及内容的排版需求。每种类别的字号都有相应的使用场景,请使用推荐字号作为你的选择。

注:fp:中文全称字体像素,英文为Font pixels,字体像素大小默认情况下与vp相同,但如果开发者在设置中修改了字体显示大小,就会在vp的基础上乘以scale系数。

字号规范

字体色彩规范

智慧屏对文字使用场景进行了深度研究,并在暗色模式下提供了色彩使用标准。使用这些色彩可以准确的对界面内文字进行分类显示,引导用户阅读时的视觉重心和心理感受。高亮色和警告色的使用可以帮助用户有选择的对内容进行阅读,突出重点内容并引导用户作出判断。

如何使用

在智慧屏上我们使用 2 种字重,通常情况下标题文本使用 Medium,辅助文本及正文使用 Regular。

家庭场景下观看智慧屏属于远场交互。用户通常会长时间、远距离地使用电视。大段文字不易阅读,且容易产生疲劳感,因此,设计时应尽可能地用图形、卡片代替文字,尤其注意避免使用大段文字。

文字颜色的使用受家庭灯光环境的影响,正常光源与昏暗的室内将会影响用户阅读文本。请选择适当的文本大小与颜色,确保及时尺寸较小的文字也能够被用户清楚的识别。从清晰度、美观度、舒适度与满意度这些方面综合考虑,保证应用的最小字号文本保证在 12fp 以上,正文字号尽可能使用 14-18fp,此外建议文本颜色与背景色的对比度不低于 5:1,正文对比度不低于 11:1。

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2021-05-17 14:37:02

鸿蒙HarmonyOS应用

2021-06-25 15:04:31

鸿蒙HarmonyOS应用

2022-04-02 20:45:04

Hi3516开发板操作系统鸿蒙

2022-06-10 14:37:24

鸿蒙操作系统

2020-11-11 11:56:05

HarmonyOS

2020-11-17 11:48:44

HarmonyOS

2018-06-15 23:08:22

物联网系统构架互联网

2020-11-25 12:02:02

TableLayout

2021-06-29 14:48:58

鸿蒙HarmonyOS应用

2009-10-15 12:54:09

综合布线系统

2012-09-13 11:15:57

IBMdw

2012-03-01 14:35:46

ASP.NETjQuery UI

2021-07-27 11:39:40

鸿蒙HarmonyOS应用

2016-01-29 10:06:47

UI设计标准

2022-07-22 09:00:00

DevOps系统加固漏洞

2009-10-13 09:18:35

布线系统线缆标识

2012-02-14 13:56:01

ibmdw

2018-10-28 18:30:51

数据科学数据项目管理

2009-10-22 17:03:01

综合布线系统标准

2009-10-21 14:52:30

综合布线系统标准
点赞
收藏

51CTO技术栈公众号