爱情来电铃声在之前很长一段时间里，提起国内的 Android 定制系统，很多人会给出「功能做得不错，但是设计上还是缺少一些特色」的评价。随着时间的推移，这几年国内厂商都意识到系统设计的重要性，并开始进行各种积极的探索和尝试，华为的 EMUI 就是其中一个很好的例子。 　　最近，华为刚刚推出了 EMUI 的最新版本 EMUI 9.0。在发布会上，除了介绍新功能之外，华为还提到了这次 EMUI 9.0 在交互逻辑和系统细节上下了很大功夫。本期「幕后」，我们有幸采访到了 EMUI 的设计团队，和他们聊了聊这次 EMUI 9.0 的新变化，以及他们如何在新系统上平衡用户对于「功能」和「设计」的需求。 　　我们希望 EMUI 9.0 的设计可以让用户不再只感受到科技的冰冷，在享受科技带来便利的同时，与更具品质的生活更加接近，亲近自然，感受到生活的乐趣。 　　在视觉设计上，我们采用了更多源于自然的视觉元素。例如在全新的联系人头像设计里，我们使用了山、水、冰、石等自然风光。在来电通话界面和音乐播放界面，我们加入了水面倒影效果，来打造沉浸式的全面屏体验。此外，我们还希望充分还原真实的立体感，例如在动态 banner 卡片的边缘，以及时钟指针的边缘加入阴影等等。这样的例子在 EMUI 9.0 中还有很多，我们希望能够通过这些视觉上的元素，让用户在使用 EMUI 9.0 的过程中，充分体会到一种「精致感」。 　　EMUI 9.0 中的自然元素 　　在当今快节奏的生活下，许多人都面临着焦虑、浮躁、疏离心绪不断滋生的困扰。因此，我们想用有「质感」和「美感」的声音设计，为用户每天的生活和工作注入一丝宁静与悠然。 　　在新闹铃的设计中，我们加入了自然音效，为体现人与自然环境的互动，我们不仅将有趣的自然音素组合成曲，还融入了一些变化的旋律，新旋律中的愉悦感情，会让用户产生无意识的轻松反应，更贴合城市生活的人去感受轻松美妙的生活。 　　例如，在 《Forest Melody 森林之声》这首里，我们专门采集了不同的鸟声、小溪、风声，把它们有序地构建在同一情景中，同时考虑到环境声的远近关系与周围的声场，让环境声更自然。我们还加入了轻巧的打击乐，增加了律动感，模拟草丛的欣欣向荣。另外，我们还使用了具有轻柔飘逸音色的竖琴作为主乐器，渐进式的音符与旋律设计让美妙的旋律渐渐融入自然环境中。 　　又比如，在 《Ocean Whisper 海的私语》中，为体现更为纯净的感觉，我们把主旋律音的编曲做了简洁处理，配合纯粹的海浪与海鸟声，体现宁静与自然。 除此之外，我们把布谷鸟的叫声引入进来，比起一般鸟类尖锐的音色，它的音色多了一份舒适而悠远，我们希望能让布谷鸟优美的歌声唤起用户美好的一天。 　　对品质生活的追求，本质上是一种对待细节的精益求精的态度。为还原品质生活场景，我们尝试在生活中寻找灵感，通过视听触为一体的设计，采用真实徕卡相机声音和模拟真实相机的操作振动，实现了相机上的这个效果。这些从原生实物提取出来的声音，往往能唤醒用户情感心理记忆，营造有「质感」的使用氛围。在某一时刻，人类不是单凭一种感官刺激来认识外物，相反，我们需要在同一时间要整合多种感觉才能辨识。 　　在 EMUI 9.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 个暗阶的色值，以适用于不同的场景。 　　为了给全面屏提供尽可能大的显示面积，我们采用了新的 Edge to Edge 设计：上下操作区域使用了冰晶般的半透明设计，并融入透明效果层，为全面屏显示视觉体验锦上添花。 　　沉浸感是全面屏设计中的重要一环，除了引入自然光影变化，为了实现自然的色彩过渡，我们在 EMUI 9.0 中打造了全面屏沉浸式样色彩的自动取色设计。根据不同壁纸的场景，我们定义了一整套智能算法，包括：如何提炼主要的颜色、如何派生出更多的颜色、如何根据颜色的情况，定义最终能用哪个颜色。 　　EMUI 9.0 里的自动取色 　　在通话界面、云服务卡片、杂志锁屏、锁屏密码、指纹识别、锁屏音乐与运动音乐播放、图库大图浏览等场景，EMUI 9.0 在文字与图标上都引入了这套自动取色设计。通过算法规则，形成系统维度的视觉图形组件化能力，提升了界面视觉沉浸感与色彩丰富度，以及文字与背景的对比感，兼顾了美学与易用性。 　　面对用户在功能上的需求，在满足之前更重要的是静下心来思考。如何了解真正的用户需求，并以何种最佳的方式予以回应，这是我们不断考虑与探究的问题。 　　在设计之初，我们会进行大量的用户研究，来找到用户真正的需求。做加法容易做减法难，这次 EMUI 9.0 设置项和 8.0 相比，整体精简了 10%，我们希望这可以帮助用户节约使用时间 。 　　另外，我们发现不少 EMUI 用户习惯单手操作，为了给他们提供更好的体验，我们将常用操作标签移到屏幕底部，让常用功能操作切换更方便。我们还设计了悬浮 AI 语音助手，改变之前语音助手唤醒后直接占用半屏的方式，语音助手变为悬浮形态，用户可拖动到屏幕上任意区域，更方便操作的同时，可以显示背景内容。 　　EMUI 9.0 里的悬浮 AI 语音助手 　　很多用户对系统的流畅度有很高的要求。在 EMUI 9.0 中，基于用户心理研究，我们对系统界面元素进行精简，在设计元素和页面间运动时尽量减少位移时间，运动编排时采用一致的运动路径，通过动效减少用户使用的心理负荷。此外，我们还优化了 Tab 预加载、应用内页面切换、父子层级切换等，尽可能地使用户在日常使用中「零等待」。 　　这些改进，可能在界面视觉体现上不会特别明显，但是背后蕴含了设计团队大量时间与精力的付出。所有的一切，都只为用户可以在日常使用中，能够拥有舒适的使用体验。倾听用户声音，平衡是一种追求品位、舒适的体现，同时也是一种博雅的情怀，更是一种静水深流的境界。注重外观和内涵的统一协调，不仅仅只是表象，更是自然内涵设计的流露。 　　我们每天会接触大量的软件、硬件，但是多数时间下，都只是以固有的「使用者」视觉去体验和评判，快节奏的模式让我们没时间体会太多背后的理念。「幕后」栏目 因此而生，我们会不定期邀请一些开发者，讲述他们创造产品背后的故事。这是本栏目的第 52 篇文章。 　　爱情主旋律手机铃声