当前位置:首页 > 生活 > 正文

EMUI10下拉快捷开关原来还有这么多的设计学问(华为下拉快捷开关)

好多人拿到华为Mate 30 系列手机,漂亮又流畅是EMUI10给大家带来的第一感觉。其中,我们最常用的下拉快捷开关也变得不一样了,基于杂志化设计语言,好看更好用了。那这小小的快捷开关中有哪些设计学问呢?

一、更适合单手操作

EMUI 10的快捷开关保留了用户使用习惯,延续纵向拇指下滑体验,下拉一次出现常用快捷开关,下拉第二次展开所有快捷开关。相比之前版本,开关位置整体下移,充分平衡了界面显示和单手操作,尽量避免了拇指的操作盲区,让操作按钮更加接近使用者的手指,保证了更好的单手操作体验。

杂志化排版的风格布局,是EMUI10新风格的主题。留白除了视觉上的舒适美观,也能够突出重点,可以让大家更方便快捷地找到想用的开关。二次下拉时让快捷开关有了更多的展示空间,形成了明显的信息主次感,界面的视觉呈现更为简练,信息的查找也更为便捷。

二、动效流畅:细腻的过渡转场

第二次下拉开关面板时,时间文字的尺寸会跟随面板显示区域变大而变化;打开与关闭开关时,开关背板会有弹性地轻微缩小;点击通知卡片时,卡片的缩小响应着手指的按压感。这些细腻的变化十分贴近我们日常的动作认知。物理动效的增加让下拉界面的操作更加真实与自然,这些熟悉的反馈效果可以减少用户使用过程中的疑惑,帮助用户更快地形成使用习惯。

三、阅读舒适:圆润柔和的视觉

EMUI10在通知卡片样式上,视觉整体风格倾向圆润柔和,宽间距,大圆角,宽松的信息布局,更大的点击热区,让用户能轻松地阅读信息,方便地操作展开通知。考虑到在暗光下阅读,下拉时强烈的对比色会造成用眼不适,在设计上,降低了卡片的透明度,增加了背景的模糊效果。在保证识别性的基础上,隐约透出后面界面的色彩,更具透气感和美观度。在不同光线下下拉通知,卡片也能融合背景的色调,给人舒适自然的视觉体验。

四、图标预览:可收纳的通知栏

在EMUI 9.0中,通知超过一屏后,用户滑动浏览通知时,不能了解底部还有多少通知未预览。针对这个问题,EMUI10.0在通知卡片样式上,增加了一个收纳通知图标的窄条——shelf,通过将通知缩小成一个小图标,帮助用户快速浏览还有多少通知未显示,有哪些应用给自己发送了通知。让用户在预览过程中,更加有掌控感,不会陷入茫茫的信息海洋中。Shelf的收纳功能同时还节省出了更多的空间,在快捷开关面板完全展开的时候,通知栏会折叠为一条窄窄的shelf,为快捷开关节省了更多的空间。

五、几何美学:视觉化繁为简

此前版本的快捷开关以无边界的形式显示,开关之间没有明显的边框界限,难免在显示全部开关时会有繁多的感觉。

EMUI10这次采用了圆形的开关按钮形态。在方形的卡片上显示圆形的图标,让一个个开关变得更加明显,呈现出了最自然简洁的几何之美。图标的图形上也进行了全新设计,采用更圆润线条,给整个开关面板添加柔和温润的感觉。除了静态的效果,在打开和关闭开关时,会给予即时的操作动态反馈,微动效基于图形特点,让开关不那么生硬又充满生机。

在开关的色彩选择上,依然延续从EMUI5.0就明确的主色调:蓝白色调。开关在关闭状态下显示为浅灰色,开启状态下则变为蓝色,拥有良好对比度,更加直观醒目。图标尺寸也较之前版本增大,确保用户可以轻松点击开关,避免误触。

EMUI10的快捷开关全新设计给我们带来了不一样的升级体验,通过在点滴间的细腻体验,让我们感受到了设计师在细节优化中的努力与人性化设计。