当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

2020-11-25 15:03:39 手机资讯

距离华为EMUI 11发布已两月有余。目前,包括荣耀V30系列、荣耀30系列、nova6系列、nova7系列与MatePad 10.8英寸。此前P40系列、Mate30系列等十款机型已开启了正式版升级,相信其他处于内测或公测阶段的老机型也将加速迈入正式版。

由于EMUI 11的发布时间正处于安卓(Android)和鸿蒙(Harmony)两个系统过渡的时刻,华为将更多重点放在多设备互联互通,想要以智能手机为核心打造一个超级终端;另一方面,EMUI 11还将许多优化和改进集中贯穿在人与系统交互的过程之中。为了帮助用户更好的了解EMUI 11的变化,11月20日,华为专门召开媒体沟通会,详细讲解了EMUI 11系统设计背后的故事。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

会上,EMUI 11的设计团队,介绍了系统设计的三大主张——“一致又一体、轻量又高效、精致又个性”。这些主张融入到了系统各处,最后构建成现在用户看得见、摸得着的交互系统。

一、一致又一体

随着近些年智能设备全场景、多设备、1+8+N的产品布局,手机外各类产品的UI设计相对还比较传统。而华为从EMUI成立至今,也将大部分精力放在了手机用户的体验上。因此,在非手机类产品上,华为通过把手机UX设计的精髓,借鉴到其它的设备中,EMUI UX“一致”的借鉴。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

如果说“一致”是表面上的“一致”,那么“一体”就是深入底层的“超级终端”。日常生活中,我们最常用的智能设备便是手机,同时也由于其便携性,也导致了手机自身必将有一些体验上的限制,但是搭配其它设备对手机能力的拓展,在一个体系中,便形成一个真正一体化的超级终端。华为基于分布式技术打造的One Super Device,便是EMUI 11以及HarmonyOS虚拟超级终端的概念,如同组装一个硬件设备一样组装的超级终端。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

从用户体验的设计角度来看,这个超级终端将意味用户能够实现一体化的资源访问,手机、Pad、智慧屏等设备将组成一个超级终端——完全一体化的设备。其次是一体化的状态与动作反馈,还有一个是一体化的服务接续,这就是从体验的角度来解读“一体”,最终为用户的呈现同体系设备使用的无缝衔接的体验。

二、轻量又高效

手机从出现发展至今,很多应用性问题都体现在非常小的细节里,为了让用户从“会用手机”到“用得更高效”,华为对旗下产品的智慧多窗、手势控制、转场动效等功能进行了丰富的尝试。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

通过借鉴平板和折叠屏产品上该功能的使用经验,结合大量的用户反馈,华为在分屏的基础上引入悬浮窗功能,并最终优化为默认大小适中、用户可自行调整、方便从侧边栏调出、可缩小为悬浮球等集一系列功能于一身,轻量又高效的智慧多窗架构,开启了轻量交互更多的可能。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

此外,会上还提出了一个大部分人比较陌生的概念——人因研究,“人因”,是一个研究人、设备、环境这些因素怎么与设计上的要素组合,让设计更加人性化的学科,它可以让设计在操作上更加的舒适、高效,让用户对于信息的感知更加及时、流畅,在操作和感知的整个过程中所有设计能够符合用户的心理预期。在华为人因研究团队的努力下,通过数以万计的测试,分析模拟用户的操作手势、目光注视点等数据,为系统对用户操作的精准识别、画面动效的优化提供了宝贵的数据研究支撑。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

如今人因研究已经成为华为交互设计最基础的环节,有真实的数据做支撑,让人与设备的交互更舒适,更自然。

三、精致而个性

长久以来,华为用户对于这个品牌的定位大多集中在“创新”、“科技”、“商务”等词语上。纵观整个EMUI,从第一个版本发展到现在,经过了几个大版本打磨之后,华为也在思考下一步怎么给用户提供更好的视觉体验。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

EMUI 11的设计团队通过现代设计的演进找到了灵感。他们发现,现代主义的极简风,与后现代主义寻求情感化、多元化之间存在许多互补之处,而这恰好与EMUI的设计存在很大的共性——以用户的体验为本。因此,华为确定了大致的设计理念:一方面尽可能给予用户简洁的视觉感受,不一味追随视觉上的美观而影响自身的功能,既形式追随功能,给予用户更加简洁高端的感觉;另一方面,在整个系统的特性上给予用户提供更加多元化、有趣味性的感受,满足用户个性化的需求。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

即便是一个小小的灭屏动画,华为的设计师也做了许多项研究

从EMUI 10出现的杂志化布局、莫兰迪色设计,到EMUI 11多元的AOD灭屏显示、艺术化的高定主题,使整个视觉设计呼应到整体设计理念中。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

为了让小鹿走起来更加灵动,设计师研究了蹄类动物蹄子和腿部细节 ,及走路时四条腿迈步的顺序

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

为了小鹿背后的丛林如何更加立体、更有空间感,都经过许多版的调整

不仅熄屏显示,具有华为特色的emoji表情、充电动效等等,都经过多版设计,不断调整,最终呈现给用户。其中也包含了一些不易察觉的小心思,比如充电时,动画里的气泡浮现的速度和充电速度遥相呼应。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

经过反复修改,最终选择了方案B

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

充电动效也经过多次改版

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

主题方面,华为官方设计团队提出了“用艺术点亮科技的温度”的设计理念。旨在通过主题壁纸等一系列元素,给予原本冰冷的手机带来艺术的气息。随着时间的推移,华为设计团队创作的过程也经历了由简单到复杂,由模仿到原创的过程。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

在创造“凝固一瞬”主题的过程中,设计团队通过19世纪末琉璃艺术品的启发,融入东方元素,对冰——这种具有通透感、可雕塑感的材质进行反复的打磨与精心的雕琢,经过反复的尝试与探索后,最终通过酒精侵染冰块的方式,方达到如今我们所见到的质感。

在过去很长一段时间,壁纸设计几乎全部来源于设计团队在商业图库中找到的素材,进行拼贴、修改。但随着手机的影响力越来越大,设计越来越好,通过这种方式很难再得到非常契合产品特点的,独特且能代表产品的正面壁纸形态。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

从华为Mate10开始,设计团队开始持续尝试了多种手段的综合艺术创作。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

到了Mate40系列这一代,华为秉承“一镜到底”的动画理念,创作出“未来之翼”、“境界”、“星空彩绘”和“光之翼”四套主题。从熄屏显示到锁屏界面,再到桌面壁纸,动效一气呵成,整个过程就像舞台从昏暗迎来一丝光亮,最后拉开了整块幕布。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事


< < < <

Mate40系列默认主题——“未来之翼”,设计团队考虑到Mate40是一个跨时代的产品系列,面向更多年轻消费者,因此选择了可以表达由内到外自由奔放的气质方案。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

“星夜彩绘”主题,用颜料模拟星空、月亮在星夜里面的变化,效果非常自然和独特。

当“科技学霸”追求时尚,华为EMUI11 UX设计背后的故事

“光之翼”主题,一个仿生特效的艺术主题,使用更多三维创作手法,将其塑造的更加真实和有趣。

尽管这种从熄屏到锁屏再到壁纸的形式,不是华为首创,但是这些主题融合了摄影、三维、绘画综合艺术创作。多种创作手法融合,让主题变得更加丰富,也更具艺术特色。

如今,华为的设计思路正逐渐走上正轨,未来也会逐步开放给合作伙伴,让鸿蒙生态中的产品和华为手机的交互有着高度一致的体验。

在沟通会最后,华为软件部副总裁毛玉敏预告,华为将于12月16日发布鸿蒙手机开发者Beta版,采用全新设计语言,Mate40系列优先升级。相信这位科技界“学霸”的全新面貌能够给我们带来更多的惊喜。


< < < <

相关阅读

查看更多