惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
V2EX
C
Check Point Blog
博客园_首页
B
Blog
D
Docker
U
Unit 42
量子位
I
InfoQ
有赞技术团队
有赞技术团队
Martin Fowler
Martin Fowler
GbyAI
GbyAI
L
LangChain Blog
云风的 BLOG
云风的 BLOG
博客园 - Franky
美团技术团队
T
The Blog of Author Tim Ferriss
阮一峰的网络日志
阮一峰的网络日志
月光博客
月光博客
Vercel News
Vercel News
Recent Announcements
Recent Announcements
雷峰网
雷峰网
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
Google DeepMind News
Google DeepMind News

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
EMUI 9.1 的再一次进化,多了不少让「全面屏」更好用的细节 -...
2019-03-29 · via 少数派

「全面屏」风潮正盛,原本努力在差异化中寻求创新的智能手机市场,转眼间又不可避免地跳入了硬件设计同质化的怪圈。好在凡事都有两面性,在技术条件受限的当下,不少国内 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 的最新大版本 —— EMUI 9 中,做出了一系列大刀阔斧的改进。其将诸多繁复内容重新整合,减少了用户的操作步骤;又将常用功能移至屏幕下方,无论是页面切换还是功能操作,都可以在一指的范围内搞定。

将这套设计思路统一至所有系统应用后,EMUI 9 又为「全面屏」设备新增了「全面屏手势」功能,界面导航体验大幅提升,单手操作性也得到了保障。

然而,这些只是开始;在即将到来的下一个新版本 EMUI 9.1 中,华为又将注意力放在了一些之前未曾重视的细节上,只为让「全面屏」设备用起来更舒服,更简单。

而正如我在开头写的,要想达成最好的体验,软件与硬件必须做到相辅相成。有时候,为了做到进一步的提升;你不得不从设备本身的特性出发,去思考如何在交互设计上做出相对应的优化。

呼吸感更强的主屏,为的是让视觉减负

当下的「全面屏」手机 —— 尤其是即将发布的新机,有一个共同之处,那就是屏幕边框一个更比一个窄。更窄的边框能带来更好的视觉效果,也能将机身整体尺寸控制在一个合理的水平。

但问题也接踵而至:在握持设备时,由于边框变窄,手指能接触到的屏幕范围更大,误触率也随之上升。

那么,怎样从软件的角度,思考并改善这一问题?EMUI 9.1 首先从桌面主屏入手做出了一系列微小却重要的调整。

首先,他们将原先默认的一行 5 个图标,缩减为一行四个;其次,图标之间的间距也在原基础上稍微加大;最后,每个图标的面积,都相应地增大了 10%。

P20 图标及桌面布局 | P30 图标及桌面布局

这还没完,为了更方便地呼出「全面屏手势」,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 一同在国内发布,届时还会有更多的惊喜与提升等待揭幕。