华为正式发布了HarmonyOS 2鸿蒙操作系统,其字体设计也是全新定制的“HarmonyOS Sans”,现已公开上线,可以免费商用。

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

HarmonyOS Sans字体的三大特性:

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

西文字形设计,为使用户能够快速读取信息,选用纯粹而经典的几何造型,直观醒目。

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

字形易认,辨识度更高。

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

华为用户针对字形风格评价显示,用户评价高频词汇为:清晰的、中性的、优雅的、自然的、好看的、舒适的。

用户对新字体的好感度高于旧字体,且感知到了字体笔画的优化,如削弱了黑体的机械感等。

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

,现代感结构处理。

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

,融入了书写美感。

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

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

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

免费商用!华为全新定制字体HarmonyOS Sans上线 鸿蒙OS专属-冯金伟博客园

汉仪字库官方网站:

华为HarmonyOS开发者网站:

字由官网: