「全面屏」风潮正盛,原本努力在差异化中寻求创新的智能手机市场,转眼间又不可避免地跳入了硬件设计同质化的怪圈。好在凡事都有两面性,在技术条件受限的当下,不少国内 OEM 厂商开始在软件上做文章,以往热衷于拼参数、晒跑分的国产手机,今年都陆陆续续开始了对系统体验的打磨。
且不说现阶段我们究竟能拿出多少值得称赞的交互设计,越来越多的厂商都开始谈用户体验这个风向和趋势,对久经糟糕生态荼毒的国内安卓用户而言始终都算得上是件好事。毕竟作为用户与智能手机交互最为直接的一环,软件体验的提升往往才能于细节之处打动我们。
而和其他厂商一样,我们在最近随华为 P30 和 P30 Pro 发布的 EMUI 9.1 上也看到了这种变化。距离华为 P30 系列手机国行版发布还有不到半个月,既然硬件参数大家都已经看得差不多了,我们不妨借此机会聊一聊 EMUI。
从拟物出发
由始至终,智能手机的软件与硬件都是相辅相成的;随着硬件技术的进步,软件的操作体验也在不断地跃进提升。但你是否注意过,用户界面的审美标准,以及交互上的操作体验,也在不断地变化?
2007 年,苹果推出了重新定义智能手机的 iPhone。其搭载的 iPhone OS,采用了模拟现实生活中存在的物体,对光影、纹理等细节进行高度还原的界面设计思路。
这样的界面风格,我们现在称其为「拟物化」(Skeuomorphism)。
在全触摸操作尚处于发展初期的那个时候,以「拟物化」为主的界面设计,有着一定的现实意义。
通过对物体外观和操作逻辑的仿效,「拟物化」的软件界面会让用户感觉更为亲切,同时又能循序渐进地培养用户的使用习惯,让上手并适应触摸操作的过程变得简单轻松。
因此,「拟物化」界面设计,在那个时候成为了用户的主流审美。而由于没有一套完善的界面与交互设计体系,那时的 Android 系统看上去相当地「基础」,视觉上的美感与人性化的细节都有所缺乏。
所以,有追求的手机厂商,当时都会自行基于 Android 构建一套 UI,为手机带来更好的使用体验;华为的 EMUI,也是在那个阶段开始了自己的征程。
EMUI 最早又叫 Emotion UI,是华为彻底投入于消费者业务,决心关注用户体验的产物。从截图中可以看出,当时略显稚嫩的 EMUI,处处充满着「拟物化」的设计风格。
就推出的时间点而言,EMUI 算是后来者;正因为如此,华为才对此格外重视,试图在软件系统上额外发力,渐渐齐头并进。
在风格演变中自成一派
不过,随着时间的推移,原先的设计风潮,也在悄然发生着变化。
现代智能手机的发展,造就了移动互联网时代的到来;用户手中的机器屏幕越来越大,所接收的信息量也逐渐增多。而在这个节点,「拟物化」的架构开始显现了一丝疲惫。
此时,为了更清晰、更有效率地承载信息,将重点聚焦于内容之上,软件本身的设计迎来了一次剧烈的简化。原先对现实的参照被大幅摒弃,控件元素仅保留其基本形状,抽象的矢量图形大量出现,文字也渐渐占据界面的主要地位。
一个典型例子,就是以「地铁」(Metro)设计语言为名的 Windows Phone 操作系统。
这种设计思路,被称为「扁平化」(Flat)设计。大多数厂商的逐渐跟进,让「拟物化」彻底完成了其培育用户习惯的使命,被这种强调内容本身的设计潮流取而代之。
华为自然也敏锐地捕捉到了这一变化,EMUI 3.0 的设计就称得上是一个巨大的转折点;不光在设计上全面拥抱了新的风格,还带来了诸如「杂志锁屏」等延续至今的标志特性,在细节元素上也比以往更为整齐划一。
可以说,从这一版本开始,EMUI 在渐渐地补齐自己的短板,界面设计的风格逐渐趋于美观,也开始有了更多自己的想法与特色。随着 Google 发布 Material Design 设计语言,以及更多设计思路的出现,EMUI 本身也跟随着审美的变化而不断进化。
EMUI 9.1:美艳之处都是细节与思考
当然,手机本身的工业设计同样在不断演变。以「正面全部都是屏幕」为愿景,如今「全面屏」早已成了新机的标配。
在同样的机身尺寸下,「全面屏」设计能提供更宽广的屏幕显示面积,显示更多的内容,带来更讨好眼球的使用体验;但与此同时,增大的屏幕尺寸,对于软件的交互设计也提出了更多的考验。
为了迎合「全面屏」时代的到来,华为在 EMUI 的最新大版本 —— EMUI 9 中,做出了一系列大刀阔斧的改进。其将诸多繁复内容重新整合,减少了用户的操作步骤;又将常用功能移至屏幕下方,无论是页面切换还是功能操作,都可以在一指的范围内搞定。
将这套设计思路统一至所有系统应用后,EMUI 9 又为「全面屏」设备新增了「全面屏手势」功能,界面导航体验大幅提升,单手操作性也得到了保障。
然而,这些只是开始;在即将到来的下一个新版本 EMUI 9.1 中,华为又将注意力放在了一些之前未曾重视的细节上,只为让「全面屏」设备用起来更舒服,更简单。
而正如我在开头写的,要想达成最好的体验,软件与硬件必须做到相辅相成。有时候,为了做到进一步的提升;你不得不从设备本身的特性出发,去思考如何在交互设计上做出相对应的优化。
呼吸感更强的主屏,为的是让视觉减负
当下的「全面屏」手机 —— 尤其是即将发布的新机,有一个共同之处,那就是屏幕边框一个更比一个窄。更窄的边框能带来更好的视觉效果,也能将机身整体尺寸控制在一个合理的水平。
但问题也接踵而至:在握持设备时,由于边框变窄,手指能接触到的屏幕范围更大,误触率也随之上升。
那么,怎样从软件的角度,思考并改善这一问题?EMUI 9.1 首先从桌面主屏入手做出了一系列微小却重要的调整。
首先,他们将原先默认的一行 5 个图标,缩减为一行四个;其次,图标之间的间距也在原基础上稍微加大;最后,每个图标的面积,都相应地增大了 10%。
这还没完,为了更方便地呼出「全面屏手势」,EMUI 9.1 的桌面还专门为屏幕边界留出了适当间隙,让手指有了更大的活动空间。
经过这一番调整,EMUI 9.1 在「全面屏」设备上的主屏使用体验显然变得更加易用了,无论是点击图标的准确度、单手操作的确定感还是手势划出的成功率相对都有大幅度的提升。
新的桌面布局也将不再像原先那样紧凑,扩大的间隙多出了一份「呼吸感」,也为壁纸留出了更多的展示空间。
壁纸与图标,虚实之间还多了一分美艳
说到壁纸,EMUI 9.1 又新增了以「瞬间即永恒」为主题创意的一套全新壁纸。之前在 EMUI 9 时,华为就探索过于现实中拍摄的壁纸,他们以「银河」作为创作意向,设计师将不同颜色的颜料与化工试剂相结合,并任其自由流动,捕捉时刻发生的变化,最终留下了一片星光闪烁的「银河」。
而 EMUI 9.1 所搭载的这套新壁纸灵感同样来源于现实,只不过它的创作舞台从原先的平面扩展到了立体空间。在这一次的壁纸创作中,设计师选择了两种不同材质——丝绸与颜料。
一方面,他们受丝绸在半空中飘动时灵动而自然的状态启发,配合光影变化捕捉这种飘逸形态中最美的一瞬:
另一方面,则通过不同的颜料相互混合辅以音波震动,用溅出的颜料为静态色彩赋予活力的动态:
而设计师想要做的,就是捕获颜料溅起的这一瞬,将色彩各异的颜料在半空中互相碰撞,再取不同角度记录,只为带来独一无二的视觉感受。
当然,这一过程并不简单,无论是丝绸还是颜料,想要重现上述由自然物理造就的美,背后必然需要付出大量的尝试。幕后团队经过了无数次调试和筛选,最终遴选出了他们心中的最美一瞬,完成了这套灵感独显的全新壁纸。
不过美艳的壁纸也伴随着着一个绕不过去的问题:壁纸图案越复杂,颜色越丰富,就越会影响图标的辨识度。
意识到了这一点,EMUI 9.1 又带来了一套经过重新设计的图标。之前曾被反复应用的高光边缘和阴影等元素,这一次被完全摒弃;渐变色的应用,相比以前也变得更为克制。
同时,为了加强用户对图标本身的认知,新图标从现实中的物品汲取了醒目的参考要素,捕捉了外观与颜色等利于识别的重点,并将其作为简约的图形呈现。
这一图标风格,他们称之为「微写实设计」。可能是意识到之前主题图标内容过于「丰富」而导致的一些弊病,这次在新图标设计时,每个图标与底板之间的对比度得到了重新调节,界限更为明确。
经过这样一番调整之后,无论使用的是哪种风格的壁纸,新图标都能保证最基本的视觉识别性。
神形皆备,易于识别,这套新图标相比过去,进步不可谓不大。
从这几个小改动中,我们能够看出 EMUI 对于「全面屏」设备的一些再思考以及他们在界面美观性上所做出的努力。但必须要说的是,以上这些也只是 EMUI 9.1 众多改进中的冰山一角。
这套新系统将在 4 月 11 日随着 HUAWEI P30 一同在国内发布,届时还会有更多的惊喜与提升等待揭幕。