ux设计怎么做，设计软件及前景分析？-营销圈

今年6月2日，华为正式推出了HarmonyOS 2，全新的UI操作界面、流畅的交互体验以及全场景统一设计语言，将极致美学、硬件互通和资源共享真正带到了大众用户的面前。如果你已经体验过新系统，相信一定会有眼前一亮的感觉。

华为官方数据显示：在仅一个月的时间内，HarmonyOS 2的升级用户已经突破3000万，这背后不仅是对鸿蒙系统万物互联能力的肯定，HarmonyOS标志性的UX美学同样吸引了众多用户去升级体验。

在7月8日，笔者有幸来到了华为丽泽SOHO新办公区，参加HarmonyOS UX媒体沟通会。活动上，华为软件工程UX设计部部长毛玉敏与五位资深UX设计师对系统架构、视觉设计、字体、动效以及音效五大方面设计背后的故事进行了详细阐述。

据毛玉敏介绍，HarmonyOS 的设计理念是 One Harmonious Universe，系统整体设计也是围绕着这三个关键词来展开的。

概括来说，HarmonyOS追求的是全场景统一设计语言，一套设计语言可以完美应用到了不同的终端设备中，并且在拥有统一体验的同时，不同设备还有着它自己的特性和特点。不仅如此，HarmonyOS所有的视觉都是基于人因研究，真正做到了以人为中心。华为所构建的是一个和真实自然世界和谐、平衡和统一的数字世界。

科学量化全场景统一体验

初见HarmonyOS 2可以发现两个明显的变化：通知中心和控制中心分离了，另一个则是新增的万能卡片。改变的背后是基于哪些考量，如何兼顾体验呢？对用户来说又能带来什么呢？

ux设计怎么做，设计软件及前景分析？

合一的通知中心、控制中心用户已经用了很多年，如果改变这一传统的设计，用户还是需要一段时间去适应。HarmonyOS 2中，华为之所以决定将通知中心和控制中心分离，主要是考虑到这是一个面向全场景、多设备的操作系统。

在这个万物互联的时代，用户所使用的终端设备已经不单一，除了手机、平板、电视外，用户拥有着越来越多的智能终端设备，将通知中心和控制中心分离之后，用户所得到的是一个面向全场景、多设备统一的控制中心，集控制管理和任务流转于一身。并且在界面上，全新的控制中心也改为了更加直接的卡片式来呈现，同时卡片的显示方式还能够带来更多显示的内容。

HarmonyOS 2中全新的控制中心最大的亮点则在于多设备之间的管理。如果用户将名下的手机、平板、智慧屏等设备连接在一起的话，超级终端卡片可以非常方便地去管理和控制各个终端。这一更聚合的控制中心对于用户来说会带来很大的便利性，设备管理、数据共享更加高效，用户无需频繁地去切换设备和App。

华为设计团队在2019年5月份前就已经开始设计全新的 HarmonyOS，历经近两年的时间在HarmonyOS 2中带来了全新的万能卡片功能。相信很多用户会好奇，一个新功能需要这么长时间？事实上这背后是需要大量的人力和物力。

万能卡片简单来说就是通过上滑可以展现更多的服务内容，并且华为提供了多种卡片尺寸的呈现形式，不同尺寸卡片呈现的内容也会不同。此外，不同应用也会针对卡片进行不同功能的定制。对于用户来说，万能卡片可以将服务更直接的触达到用户，大大提高系统在使用上的便利性，同时也为用户提供了极高的个性化。

ux设计怎么做，设计软件及前景分析？

事实上，用户看到的仅是表现上功能的实现，在功能的背后华为基于人因分析进行了大量工作。

桌面上App上滑即可展开万能卡片，对于使用者来说只是在桌面上做竖直滑动的动作，但其实这个动作并不是笔直的，它是一条弯曲的轨迹。系统如何正确去识别，从而做到准确的触发呢？

ux设计怎么做，设计软件及前景分析？

为此，华为做了很多人因分析，招募了大量志愿者去做相关的滑动体验，收集屏幕所有位置的滑动信息，将滑动角度、滑动速度和滑动距离作为三个重要指标。这三个指标对一次滑动就能有一个比较完整的定义，能清晰的识别出来这次滑动是怎样的滑动，能够更好的识别用户的手势意图。随后，针对触发的容易区和困难区进行专门的设计，把全屏的滑动达到一致，让用户在任何地方去滑动都能得到舒适统一的体验。

据悉，目前华为万能卡片已经适配百余款App，随着更多应用的适配，相信系统的体验还将更近一步。

在触发体验之后，则是要保证有足够流畅的体验，在这方面华为主要设计集中在动效时长和帧间距。

前者相信大家都比较好理解，华为通过一个闭环的追踪实现了流畅的动效效果。更难得是，华为在不同设备上还实现了一致且流畅动效的效果。但由于不同设备上的距离、宽度、大小是不一样的，如果同一个时长来呈现动效，在某些设备上是无法做到统一体验的。在大量的人因实验下，华为针对不同设备进行了二次定义，设置上做了专门的动效设计，从而保证了眼睛非常好地欣赏到每一次动效。

所谓帧间距，大家可以理解为是手机的刷新率，这方面主要会影响到关闭动效从全屏回到桌面卡片时的体验。在进行了众多研究之后，华为找了”最大帧间距”的数值，在这个数值内可以保证拥有较好的流畅体验，并且针对不同设备还进行专门设计。

不止于清晰撇捺弯钩的书法美学

字体是画面面视觉最重要的部分之一，对于手机系统而言，一款优质的字体能够大幅提升用户对于美的感知。谈到字体各家手机厂商也一直在不断探索，在市面上我们可以看到众多厂商基本都有自己的一套定制字体。

随着HarmonyOS 2的发布，华为也带来自家的定制字体HarmonyOS Sans。华为UX设计师称，这款字体从开始构想到正式上市经历了近一年的时间。对于全新的字体，升级的用户也给予很多正面评价，如更好看了、更清晰了等等。

字体的研发是非常复杂的，不仅周期长还要耗费很大的人力和物力，这也就是为什么你买一款字体会很贵。并且，由于HarmonyOS是一款面向全场景、多设备的系统，在进行字体研发时，还要考虑到在跨设备之间的统一性，相比于其它厂商，华为对于字体投入的精力要更多。

华为UX设计师表示，进入数字时代后，屏幕成为了文字的主要载体，但书法的人文感在逐渐丧失。所以，”回归本源”是 HarmonyOS Sans的设计哲学。华为不仅要打造一款适用全场景、多设备的字体，同时还要兼顾书法美学的人文感。

那如何实现这种独特的设计呢？华为认为主要在于两个方面：第一个，结构上是平衡的，有内外、空白、阴阳等。第二个，笔画。书写因为有随机感，所以就有优雅的表现力。两个方面结合则是书写的人文感。

ux设计怎么做，设计软件及前景分析？

目前，多数通用字体都是由黑体演变而来的，HarmonyOS Sans也是如此。华为字体是通过80%黑体+20%楷体融合而来，即兼顾了功能性和普适性又拥有人文感和愉悦感。

之所以选择楷书是因为楷书拥有比较明显长曲线、弧线笔画，在此基础上华为提取并进行改造，在字体中带来了优美的曲面，字体中撇捺弯钩带来十足的人文文字感。

ux设计怎么做，设计软件及前景分析？

用户对于字体最直观的感受就是易读性，在多设备中不同视角和视距，都会带来文字阅读上的差异。在大量的人因模型下，华为首先优化了字体的”灰度”感受，让字体更加清晰、易读。简单来说，华为将字体略微的错开一些结构，所有笔画粘连、重叠的地方进行了分开、分解，避免了字体的局促感。

同时优化”口”部件。以楷体为例，口部件下面都有突出，大体上现在分成两种，一种是底部的口，一种是非底部的口。华为认为非底部的口是可以简化的，最终做出来的字体底部的口是不改变的，非底部的口进行了一些去除。

此外，对于高频词汇进行重心优化，如设置的”置”的重心会偏上，这款字体面向的重点是设备移动终端，面向的是 HarmonyOS 整个系统，高频出现的字有这些，华为对这类字体进行了特别优化。在一些细节方面，华为则通过可变字，略微的调细字体，做到了在不同背景下字体的和谐统一。

ux设计怎么做，设计软件及前景分析？

HarmonyOS Sans字体共支持105种语言，包括中文、英文、拉丁、阿拉伯语言等等。由于时间原因，目前只剖析了中文字体，其它字体将陆续适配。此外，HarmonyOS Sans字体免费商用。

写在最后

HarmonyOS 是一款面向万物互联时代的系统，是一款科技与人文融合的系统。基于全场景统一设计语言，不仅带来多设备统一的流畅体验，同时也在动效、字体、UI等方面做到了完全的统一。对于用户而言，在HarmonyOS的加持下，华为全场景生态的学习成本几乎为零。

此外，华为也在积极参与行业标准的制定，秉持公开、开放的原则。华为表示，将全面开放HarmonyOS核心技术、软硬件能力，希望更多开发者及合作伙伴可以共同参与，一起共建HarmonyOS生态。

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家对网络推广引流和网络创业项目感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战的推广引流技术和网络创业项目课程分享，当然是免费学！

ux设计怎么做，设计软件及前景分析？

相关推荐