鸿蒙系统如何设置字体,图解鸿蒙OS独特的字体系统!

原标题:图解鸿蒙OS独特的字体系统!

通过研究用户在不同场景下对多终端设备的阅读反馈,HarmonyOS 形成了独特的字体系统。

c278091ad9d2c633d219699c0fd1cd25.png

综合考量不同设备的尺寸、使用场景和时间等因素,同时也考虑用户使用设备时的视距、视角的差异会对字体大小和字重有不同诉求。

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

e27ec3ba8d5f52110077cbb07377db21.png

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

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

e6f1132793c54ffd11f595e9f34cfd79.png

2ca8b843bc01f313b11b2282086b802c.png

f332ee06c9f1be3a690f64a6d7d85a3b.png

01

字号规范

2f13b118eef942237bb921a506428dcc.png

e59fd07f3fd9e7670abbcc37a8e374cc.png

182eb244ef4369ddfb39b6012bb2b374.png

02

字体色彩规范

智慧屏对文字使用场景进行了深度研究,并在暗色模式下提供了色彩使用标准。

使用这些色彩可以准确的对界面内文字进行分类显示,引导用户阅读时的视觉重心和心理感受。

高亮色和警告色的使用可以帮助用户有选择的对内容进行阅读,突出重点内容并引导用户作出判断。

292a171ea030ee88335b28a1c6d3034c.png

948f7e3cbf0039c07469a03f1f175da5.png

03

如何使用

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

4c3f08abffdaa3d02c3b2845e1e49b9c.png

家庭场景下观看智慧屏属于远场交互。用户通常会长时间、远距离地使用电视。

大段文字不易阅读,且容易产生疲劳感,因此,设计时应尽可能地用图形、卡片代替文字,尤其注意避免使用大段文字。

a47adfc40dacdee33ec00d9176654096.png

文字颜色的使用受家庭灯光环境的影响,正常光源与昏暗的室内将会影响用户阅读文本。

从清晰度、美观度、舒适度与满意度这些方面综合考虑,保证应用的最小字号文本保证在 12fp 以上,正文字号尽可能使用 14-18fp,此外建议文本颜色与背景色的对比度不低于 5:1,正文对比度不低于 11:1。返回搜狐,查看更多

责任编辑:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值