HarmonyOS UX美学设计 用科学打造人与世界交互的新体验

7月8日，华为的HarmonyOS从发布到升级开始的一个月零6天，就已经有超过3000万用户自主升级了HarmonyOS，这是一个什么体量呢？华为在全球目前约有两亿用户，也就是说约有7分之一的用户自主升级了HarmonyOS，这可不是华为的OTA哦！可见用户对于HarmonyOS还是非常感兴趣的。那大家为什么对HarmonyOS如此感兴趣呢？或许是被华为鸿蒙强大的万物互联的能力所吸引，又或许是被HarmonyOS自己独特的且具有标志性的UX美学设计所吸引。

写在开头：

笔者在系统开放升级后，也第一时间升级尝鲜了HarmonyOS 2，一直的使用也对HarmonyOS 2有着自己的理解，但对于HarmonyOS 2的改变，也有着自己的一些疑问。带着这些疑问，在7月8日，笔者参加了华为HarmonyOS UX媒体沟通会。在这次的HarmonyOS UX沟通会上，华为的设计师们围绕着HarmonyOS UX的One Harmonious Universe的设计理念，从多个方面介绍了HarmonyOS UX设计背后的一些故事。

而One Harmonious Universe的意思就是“万物归一”、“和谐共生”、“衍生万物”，用直白的话讲就是HarmonyOS在全场景上使用了统一的设计语言，HarmonyOS是希望给大家构建一个和谐、自然、平衡、统一的数字世界，HarmonyOS是面向全场景、多设备的操作系统，这就是HarmonyOS的设计理念。

接着我们来看设计背后的故事，关于HarmonyOS，UX是什么？一般是指的用户体验，一个新的系统怎么样能得到更好的用户体验呢？首先绝对不是大改特改的，降低用户学习的成本，立刻就能使用上手是根本，其次在细节处的升级更能提升整体系统质感。

用科学量化体验：人因研究的故事：

其实在HarmonyOS 2上有很多细节处设计升级，例如大家喜欢的万能卡片，用过HarmonyOS 2的朋友都知道，在APP图标上滑就能展开万能卡片，这个动作非常简单呀，就是上滑就能开启呀，其实你不知道的背后有很多问题需要解决。比如我们以为的上滑就是简单地竖直上滑？其实不然，手指上滑的线一定是一条弯曲的轨迹，它也是带有一定角度的轨迹，而系统的识别所谓的上滑轨迹，是水平方向以上的滑动都算上滑吗？肯定不是，它很可能是手机桌面的左右滑动，而每个APP在屏幕内的位置不同，它的上滑轨迹也是有一定变化的，那又该怎么区分上滑呼出万能卡片呢？

这就需要用科学量化你的体验了，也就是我们要讲的第一个故事：人因研究的故事。一个上滑的轨迹，华为工程师分析出三个指标，分别是滑动的角度、滑动的速度、滑动的距离，通过这三个指标的量化定义，就能分析出你的滑动需求。然而，在一个大的屏幕内，触发的难易程度也是变化的，经过大量志愿者的相关滑动体验统计，华为分析出了一张热力图，详细标明了容易和困难的触发区域。再结合上述的三个指标，就能让系统很好的识别你的滑动意图，让全屏的滑动达到一致，让你在屏幕任何区域滑都觉得舒适。

一面独特一面流畅：动效设计的故事：

接下来，我们来聊聊HarmonyOS的动效设计，也就是关于动效设计的故事，智能设备动效追求的肯定是一面独特和一面流畅，这两者必须是共存才能完美。而HarmonyOS的动效设计上，就是两者的兼备，我们日常的操作上，无非是点击、滑动、拖拽，在HarmonyOS的世界，你的每一个动作，都能引起一些流动。

华为设计师将显示的动效和宇宙紧密相关，比如加载动效，设计师将宇宙这个形态给动态化了，让行星的环绕更加具有投射感，以及扫尾的效果，增强了旋转时候的速度感。再引入黄道夹角，以地球作为静止参考，打破了它的对称跟平衡的结构，让整个画面更加具有独创性。为了让这个动态更加灵动，又增加了上下悬浮的属性。最后将下拉的动效跟手势进行了一个阈值匹配，下拉的时候小球跟着手会沿着轨道进行位移，松手之后进入轨道进行旋转。在深色模式下面，为了增强它的视觉效果，加了外发光的属性。

整个的六个关键步骤，让我们这个加载的动画效果更加具有宇宙的生命力。那在不同屏幕尺寸的设备上，怎么都做到足够精致呢，等比放大是不可能的，那样会显得不够协调，比如智慧屏上外环会显得很粗，而在手表屏幕上会显得挨得很近，都不够精致，这就需要针对不同屏幕尺寸的设备进行单独的特别设计，让每个设备达到一个最优的效果，才能显得一面独特一面流畅。

当然，动效的设计不止于此，还有像HarmonyOS的协同动效，都是经过精心设计的，这个协同动效也引入了宇宙设计理念。你有没有注意到，手机作为超级终端的核心，就像一颗恒星一样的存在，而其它需要协同的设备，例如电脑、平板、耳机、音箱等等都是类似地球、火星、土星、水星等等的存在，它们也是一直围绕着手机进行公转的。在整个类似银河系的背景下，设计师也巧妙地加入了引力波的形态设计，这就让背景更丰富了，而当你想进行协同操作是，按住一个设备靠近另一个设备时，两个设备之间也会是相互吸引的，每一步都进行着引力的进行设计，很独特，同时也非常流畅。

类似灵动的宇宙级的动效，还有HarmonyOS的下载动效，下载动效引入了日月食的形态理念，从食甚、生光到复原，将这些形态用在了下载跟安装场景上面。还有宇宙黑洞的销毁设计引入，黑洞吸取能量，销毁沉积，在APP的删除、卸载表义是有比较相近的表义，我们将这个形态用在了删除的场景上面，也更形象，更独特。

HarmonyOS更具意义的设计：

当然，支持万物互连的HarmonyOS，远不止上面说的一点点改变，HarmonyOS的是彻彻底底的改变，还在HarmonyOS视觉界面设计做出了很多的升级，例如轻度拟物化的回归，也设计了专属的HarmonyOS字体来适应统一的万物互连的设备显示，还重新定义了HarmonyOS的开机音效，利用百万音乐乐器进行演奏等等，这些改变都让HarmonyOS变得独特、新颖、舒适。

写在最后：

使用了HarmonyOS后，你才能感觉到HarmonyOS对于目前的华为，有着举足轻重的意义，对于目前的国内市场同样有着号召和引领的含义，华为也积极参与了一些行业的标准制定。当然，HarmonyOS是完全开源的系统，不仅如此，像HarmonyOS字体的是可以免费商用的，是可以全面开放设计开发规范与资源的，华为也欢迎更多开发者及合作伙伴一起共建HarmonyOS生态。