3

华为发布全新品牌定制字体 HarmonyOS Sans

 2 years ago
source link: https://www.adquan.com/post-7-305265.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

华为发布全新品牌定制字体 HarmonyOS Sans

作者: 汉仪字库 关注

2021-06-10 10:49 浏览 · 7208

收藏(6)



00.微信封面更新.png

华为正式发布了HarmonyOS 2鸿蒙操作系统,并全新定制了“HarmonyOS Sans”作为系统字体,现已公开上线。

基于华为全球化视野以及多元复杂的应用场景,华为和汉仪字库字体设计团队聚焦于 HarmonyOS Sans 的功能性和普适性,呈现出一款多语言的无级可变字体,助力构建万物互联的智能世界。

16232903464f1904c27145a680.jpg

在整套字库设计与测试应用的过程中,基于华为人因研究的优化始终贯穿。研究通过科学的数据图表量化了原本依靠主观审美的字体评价,从而精准而有效地向设计团队提供修改反馈。

最终,在字体与系统的和谐共生中,提炼出 HarmonyOS Sans 的三大特性:

易读、独特、通用。

16232903463f679c165e4f3ff7.jpg

系统字体区别于传统平面印刷字体,在智能终端的应用场景之中,易读是最基础也是最为关键的一个条件。

中文笔画复杂,HarmonyOS Sans 在设计时为应对可变字体笔画连接处易破碎的情况,做出优化统一处理,使得字体最终呈现效果干净而利落。

16232903472f1b615f3c56a214.jpg

繁琐的笔画、不均匀的布白,都会直接影响到用户的阅读,HarmonyOS Sans 针对多元的应用场景对字体的“灰度”感受进行了优化。

162329034800f061b7efbe037e.jpg

根据用户不同的使用场景,字体的字面率做了差别化处理。

1623290349ba6d62ad6a430e93.jpg

西文字形设计,为使用户能够快速读取信息,选用纯粹而经典的几何造型,直观醒目。16232903498c4d311a252dd9de.jpg
大开口造型处理,字形易认,辨识度更高。

1623290350fbc98772da2033fa.jpg

在华为人因研究实验中,HarmonyOS Sans 与优质的字体汉仪旗黑微软雅黑进行了对比,眼动实验显示如下:

1623290350f7934b39c0e84eaa.jpg

新字体平均注视时间要低于汉仪旗黑和微软雅黑。

1623290350d6c767f84b382145.jpg

西文与 Product SansRoboto 进行对比,新字体平均注视时间均低于其他字体。由此,HarmonyOS Sans 中西文得易读性均得到了印证。

1623290350666729a4688d3540.jpg

华为用户针对字形风格评价显示,用户评价高频词汇为:清晰的、中性的、优雅的、自然的、好看的、舒适的。用户对新字体的好感度高于旧字体,且感知到了字体笔画的优化,如削弱了黑体的机械感等。

1623290351a2efda60aa4c7621.jpg

中文“口”部件,现代感结构处理。

162329035123bfb6bb5a811be0.jpg

笔画造型,融入了书写美感。

1623290351ad69bbbd39aa1f06.jpg

在保障字体功能的前提下,相较其他系统字体,HarmonyOS Sans 的独特是在人文感和现代感中找到了新的平衡。

1623290352ff2f93565c5d5d98.jpg

传统几何结构通常易读性较差,为了规避此类问题,我们在设计西文时,减少了字形宽度比例差异。

1623290352dc83acc0c2c2574c.jpg

“Italic” 的设计参考了手写字的笔画结构,向历史致敬。

1623290353efe8e29f5b3604cf.jpg

16232903536a69dada10551a73.jpg
多种书写系统的文字匹配,文字与符号、图标甚至是手机系统之间的匹配,都会直接影响到用户的体验,华为的全球化视野,以及多元复杂的应用场景,注定了 HarmonyOS Sans 必须具备极强的通用性。

在华为人因研究过程中,西文的用户体验和可读性研究反馈出一个十分有趣的现象,当用户从系统默认字体 Roboto 变为 HarmonyOS Sans 时不会觉得很跳跃,但从 HarmonyOS Sans 变为 Roboto 时,体验感明显下降。

16232903538a544efd96b141fb.jpg

为应对中西文匹配排版,时常不甚协调的问题,HarmonyOS Sans 做出了针对性优化。从整体来看,HarmonyOS Sans 比 Roboto 更显大更显宽,与中文匹配度更高。16232903531ede89fd8d806a2c.jpg

HarmonyOS Sans 还设计了 Italic, Condensed, Condensed Italic 字体,为多元复杂的应用场景提供了更多的可能性。

1623290354976c29dba65cc2ca.jpg

为满足用户的不同的使用场景,HarmonyOS Sans 对符号设定了多种与文字相匹配的排版属性。

1623290354a2424253642b98b8.jpg

在实际应用层面,文字与系统的匹配是不可忽视的一环,HarmonyOS Sans 逐一细化用户的使用场景,并作出针对化处理。

华为人因研究结果显示,相同字重下,深色背景感知文字更粗。

162329035566986726dee0cef3.jpg

为此,深色模式下使用了更细的字重,让字体的视觉粗细与浅色模式保持一致。

162329035557537bca5ec03471.jpg

文字与图标使用统一的设计语言,也是为用户呈现多设备互助全新体验的关键要素,HarmonyOS Sans 最终呈现如下:

1623290355a81fe5936fa42086.jpg

16232903567944b4f61a55dcfd.jpg

1623290356c9bf18a0ae3db2d9.jpg

1623290357c61cf3f6804ef395.jpg

华为 HarmonyOS 开发者网站

developer.harmonyos.com

汉仪字库官方网站

www.hanyi.com.cn

字由官网

www.hellofont.cn

下载客户端,搜索字体名称,一键使用

HarmonyOS Sans 版权归华为所有


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK