在之前很长一段时间里,提起国内的 Android 定制系统,很多人会给出「功能做得不错,但是设计上还是缺少一些特色」的评价。随着时间的推移,这几年国内厂商都意识到系统设计的重要性,并开始进行各种积极的探索和尝试,华为的 EMUI 就是其中一个很好的例子。

最近,华为刚刚推出了 EMUI 的最新版本 EMUI 9.0。在发布会上,除了介绍新功能之外,华为还提到了这次 EMUI 9.0 在交互逻辑和系统细节上下了很大功夫。本期「幕后」,我们有幸采访到了 EMUI 的设计团队,和他们聊了聊这次 EMUI 9.0 的新变化,以及他们如何在新系统上平衡用户对于「功能」和「设计」的需求。

去年 EMUI 8.0 的宣传语是「因智慧而精彩」,今年 EMUI 9.0 则强调「质享生活」,能简单介绍一下今年 EMUI 9.0 设计理念上和去年相比有哪些变化吗?

我们希望 EMUI 9.0 的设计可以让用户不再只感受到科技的冰冷,在享受科技带来便利的同时,与更具品质的生活更加接近,亲近自然,感受到生活的乐趣。 

在视觉设计上,我们采用了更多源于自然的视觉元素。例如在全新的联系人头像设计里,我们使用了山、水、冰、石等自然风光。在来电通话界面和音乐播放界面,我们加入了水面倒影效果,来打造沉浸式的全面屏体验。此外,我们还希望充分还原真实的立体感,例如在动态 banner 卡片的边缘,以及时钟指针的边缘加入阴影等等。这样的例子在 EMUI 9.0 中还有很多,我们希望能够通过这些视觉上的元素,让用户在使用 EMUI 9.0 的过程中,充分体会到一种「精致感」。

EMUI 9.0 中的自然元素

今年我们发现 EMUI 9.0 不仅在视觉上做了很多变化,在系统细节上也做了很多工作,比如说使用了全新的铃声。请问今年 EMUI 9.0 为什么会想到要做音效,在制作新铃声的时候又有哪些考虑呢?

在当今快节奏的生活下,许多人都面临着焦虑、浮躁、疏离心绪不断滋生的困扰。因此,我们想用有「质感」和「美感」的声音设计,为用户每天的生活和工作注入一丝宁静与悠然。 

在新闹铃的设计中,我们加入了自然音效,为体现人与自然环境的互动,我们不仅将有趣的自然音素组合成曲,还融入了一些变化的旋律,新旋律中的愉悦感情,会让用户产生无意识的轻松反应,更贴合城市生活的人去感受轻松美妙的生活。

例如,在 《Forest Melody 森林之声》这首里,我们专门采集了不同的鸟声、小溪、风声,把它们有序地构建在同一情景中,同时考虑到环境声的远近关系与周围的声场,让环境声更自然。我们还加入了轻巧的打击乐,增加了律动感,模拟草丛的欣欣向荣。另外,我们还使用了具有轻柔飘逸音色的竖琴作为主乐器,渐进式的音符与旋律设计让美妙的旋律渐渐融入自然环境中。

又比如,在 《Ocean Whisper 海的私语》中,为体现更为纯净的感觉,我们把主旋律音的编曲做了简洁处理,配合纯粹的海浪与海鸟声,体现宁静与自然。 除此之外,我们把布谷鸟的叫声引入进来,比起一般鸟类尖锐的音色,它的音色多了一份舒适而悠远,我们希望能让布谷鸟优美的歌声唤起用户美好的一天。

EMUI 9.0 里面有一些很有趣的音效小细节,例如相机在选择模式的时候能听到齿轮拨动的声音,并且还配有细微的震动。但这样的细节其实不是每一个用户都能感受到的,为什么这次 EMUI 9.0 的设计团队愿意下功夫在这些「不起眼」的小功能上?

对品质生活的追求,本质上是一种对待细节的精益求精的态度。为还原品质生活场景,我们尝试在生活中寻找灵感,通过视听触为一体的设计,采用真实徕卡相机声音和模拟真实相机的操作振动,实现了相机上的这个效果。这些从原生实物提取出来的声音,往往能唤醒用户情感心理记忆,营造有「质感」的使用氛围。在某一时刻,人类不是单凭一种感官刺激来认识外物,相反,我们需要在同一时间要整合多种感觉才能辨识。

在 EMUI 9.0 中,这样的细节还有很多,例如,我们为了更多的体现精致与细腻,在用户设置系统时间和滑动联系人页面时都加入了轻微振感设计。另外,为了营造了真实的体验,我们在秒表计次和插入充电时都加入了振感反馈。这些小细节就像小彩蛋一样藏在系统各处,等待有心的用户去发现它们。

除了音效,我们还发现今年的 EMUI 9.0 在配色上好像也有很大的变化,例如使用了很多的蓝色,并且对话框的颜色与 EMUI 8.0 相比变「浅」了,请问这些变化背后有什么原因吗?设计团队是如何来决定系统配色的?

色彩的传达不仅是一种审美的态度和情绪,更暗含着一种人性化的关爱。EMUI 9.0 色彩系统是一个基于无障碍设计,易读性和符合人们习惯的功能性色彩系统。 从 EMUI 5.0 开始,蔚蓝色就作为系统的主色。在调研中我们了解到,无论是男性还是女性,接受蓝色的比例都是最高的,而在世界地域维度,蓝色是最受欢迎的颜色。另外,蓝色与清洁的水,晴朗的天空等自然相关,让人们感到安全。蓝色同时也是技术和创新领域一种非常常见的颜色,使产品看起来值得信赖可靠。更重要的是,在视觉障碍的人群中,蓝色依然能被辨识,这满足了我们为无障碍人群而设计的要求。

蓝色在 EMUI 9.0 页面中的运用

在 9.0 的色彩系统中,EMUI 提供了 12 种关键色,其中 Azure 天蓝色作为主色,出现在系统中作为高亮色。根据常见的使用场景,我们定义了主色(primary color),辅色(secondary color),黑灰色(black and gray),以及功能色(functional color)。 主色将会以很高的出境率出现在 EMUI 的界面里,被定义在关键的控件色彩。辅色,黑灰色和功能色,会以辅助衬托的形式搭配主色使用。同时,我们对 12 种基础色做了不同暗阶,以满足这些颜色在不同场景下的组合搭配,默认色值以 500 作为基准,每个颜色扩展成 10 个暗阶的色值,以适用于不同的场景。

今年「全面屏」成为各家手机的主流设计后,相信在 UI 设计上也要做一些相应的调整。 EMUI 9.0 在这方面有哪些新的尝试?

为了给全面屏提供尽可能大的显示面积,我们采用了新的 Edge to Edge 设计:上下操作区域使用了冰晶般的半透明设计,并融入透明效果层,为全面屏显示视觉体验锦上添花。

沉浸感是全面屏设计中的重要一环,除了引入自然光影变化,为了实现自然的色彩过渡,我们在 EMUI 9.0 中打造了全面屏沉浸式样色彩的自动取色设计。根据不同壁纸的场景,我们定义了一整套智能算法,包括:如何提炼主要的颜色、如何派生出更多的颜色、如何根据颜色的情况,定义最终能用哪个颜色。

EMUI 9.0 里的自动取色

在通话界面、云服务卡片、杂志锁屏、锁屏密码、指纹识别、锁屏音乐与运动音乐播放、图库大图浏览等场景,EMUI 9.0 在文字与图标上都引入了这套自动取色设计。通过算法规则,形成系统维度的视觉图形组件化能力,提升了界面视觉沉浸感与色彩丰富度,以及文字与背景的对比感,兼顾了美学与易用性。

这几年 EMUI 的发展非常快,每年都能看到很多新的功能。我们发现,一方面,用户对功能需求比较强烈,在 EMUI 的论坛上也经常能看到一些需求新功能的声音。另一方面,也有一部分用户也越来越追求设计质感,青睐精致的细节。对于设计团队来说,你们如何平衡满足用户更多功能需求与追求设计质感这两件事?

面对用户在功能上的需求,在满足之前更重要的是静下心来思考。如何了解真正的用户需求,并以何种最佳的方式予以回应,这是我们不断考虑与探究的问题。

在设计之初,我们会进行大量的用户研究,来找到用户真正的需求。做加法容易做减法难,这次 EMUI 9.0 设置项和 8.0 相比,整体精简了 10%,我们希望这可以帮助用户节约使用时间 。

另外,我们发现不少 EMUI 用户习惯单手操作,为了给他们提供更好的体验,我们将常用操作标签移到屏幕底部,让常用功能操作切换更方便。我们还设计了悬浮 AI 语音助手,改变之前语音助手唤醒后直接占用半屏的方式,语音助手变为悬浮形态,用户可拖动到屏幕上任意区域,更方便操作的同时,可以显示背景内容。

EMUI 9.0 里的悬浮 AI 语音助手

很多用户对系统的流畅度有很高的要求。在 EMUI 9.0 中,基于用户心理研究,我们对系统界面元素进行精简,在设计元素和页面间运动时尽量减少位移时间,运动编排时采用一致的运动路径,通过动效减少用户使用的心理负荷。此外,我们还优化了 Tab 预加载、应用内页面切换、父子层级切换等,尽可能地使用户在日常使用中「零等待」。

这些改进,可能在界面视觉体现上不会特别明显,但是背后蕴含了设计团队大量时间与精力的付出。所有的一切,都只为用户可以在日常使用中,能够拥有舒适的使用体验。倾听用户声音,平衡是一种追求品位、舒适的体现,同时也是一种博雅的情怀,更是一种静水深流的境界。注重外观和内涵的统一协调,不仅仅只是表象,更是自然内涵设计的流露。

关于「幕后」

我们每天会接触大量的软件、硬件,但是多数时间下,都只是以固有的「使用者」视觉去体验和评判,快节奏的模式让我们没时间体会太多背后的理念。「幕后」栏目 因此而生,我们会不定期邀请一些开发者,讲述他们创造产品背后的故事。这是本栏目的第 52 篇文章。

👉 阅读其它「幕后」故事 >