字体|为了HarmonyOS,华为熬秃了多少位设计师?( 三 )


字体|为了HarmonyOS,华为熬秃了多少位设计师?
文章插图
除了显而易见的图标设计的改变,还有很多人升级过HarmonyOS 2系统后,会觉得屏幕显示变得清晰了,文字段落看的更舒服了。其实,这种感受源于HarmonyOS对字体细节的改变。
目前,HarmonyOS采用了一套自主设计的字体HarmonyOS Sans,它不同于直接使用第三方字体库,而是针对HarmonyOS进行重新设计。面向全场景多设备的,因此原来的字体可能不合适,从易读性和人因研究方面
HarmonyOS Sans可以适应全场景多设备的需求,从两个方面进行调整。第一,结构上是平衡的,有内外、空白、阴阳等;其次,笔画、书写因为有随机感,所以就有优雅的表现力。华为认为的书写人文感是这两方面。
在笔画上,华为认为书法撇捺弯钩的楷书美感,比较明显的是长的曲线、弧线的笔画,进行了曲线优美的调整,从基本的笔画里面提取这些进行改造。
字体|为了HarmonyOS,华为熬秃了多少位设计师?
文章插图
在易读方面,首先优化字体“灰度”的感受。在画素描的时候经常会眯起眼睛来看一下,可以更好的查看这个明暗光影。同样眯上眼睛看一下字体,可以模拟一款字体看不太清晰的情况,这个时候就会发现在字体列出来的这些地方会有一坨一坨的东西,会在这个地方形成聚集。
对于高频词汇进行重心优化,以前曾经用过的字体,设置的“置”的重心会偏上,这款字体面向的重点是设备移动终端,面向的是HarmonyOS整个系统,高频出现的字有这些,华为对这些字体特别进行了优化。
华为的HarmonyOS Sans字体支撑105种语言,中文、拉丁等等。
引力形态的动效模拟,定制华为标志性音效字体|为了HarmonyOS,华为熬秃了多少位设计师?
文章插图
在实际使用阶段,一个系统的动效优化是否成熟,关乎着系统是否流畅的问题。本次,HarmonyOS设计团队通过引力动效的模拟,实现了一面独特、一面流畅的特点。
【 字体|为了HarmonyOS,华为熬秃了多少位设计师?】在HarmonyOS 2中有很多根据引力模拟而实现的动效效果,例如加载动效,华为首先把宇宙这个形态给动态化,提取了它的一些星体布局结构,逐步的在上面增加一些效果,华为增加了一些摄像机,让行星的环绕更加具有投射感,以及扫尾的效果,增强了旋转时候的速度感。
字体|为了HarmonyOS,华为熬秃了多少位设计师?
文章插图
除此之外,不同设备上因为屏幕大小异同,所以想要达到一致的流畅动效,就不能采用完全一样的模拟效果。基于大量的人因实验,华为的设计师会定义不同的设备,怎样的动效时长是最合适的,进而在不同的设置上都有做了专门的动效设计,保证用户的眼睛非常好的欣赏到每次的动效。
另外一部分,关闭动效从一个全屏回到桌面卡片的时候,有个概念叫帧间距,比如像这个里面的每一个方块都是一帧的画面,在帧与帧之间,从一个大一点的图片缩到下一点图片的过程中会有一个距离。
这个距离的大小其实会显著的影响用户对于流畅的体验,当这个帧间距逐渐增大的时候,用户主观的感受会觉得动效会出现一个闪跳,或者突变的感觉,就会觉得没有那么流畅,随着帧间距的逐渐减少,这种效果会减弱。
字体|为了HarmonyOS,华为熬秃了多少位设计师?
文章插图
所谓的最大帧间距到底在什么范围可以保证有比较好的流畅体验,华为设计师当时圈定了三个区:舒适区、安全区和及格区,把不同设备上的动效最大帧间距放到舒适区,至少是安全区以里,以保证每次的缩放都可以达到非常好的流畅体验。