通知栏快捷开关_真香!EMUI10下拉快捷开关和通知栏的设计学问

拿到华为Mate30系列手机的你,

发现了哪些EMUI10的设计学问呢?

话不多说,和终情君一起对答案!

47d3977beedd461e60b482eecae21062.png

01

全新下拉快捷开关设计,

超有balance。

47d3977beedd461e60b482eecae21062.png

EMUI10的快捷开关延续了纵向拇指下滑,

下拉一次出现常用快捷开关,

下拉第二次展开所有快捷开关。

相比之前版本,开关位置整体下移,

充分平衡了界面显示和单手操作,

尽量避免了拇指的操作盲区。

9a31dfdda0ce7b71dd770dac0167f9e8.png

杂志风格的排版,

留白赋予视觉上的舒适美观,

突出重点,更方便快捷地找到想用的开关。

二次下拉时让快捷开关

有了更多的展示空间,

形成了明显的信息主次感。

47d3977beedd461e60b482eecae21062.png

02

通知卡片样式有巧思,

阅读很舒适。

47d3977beedd461e60b482eecae21062.png

▷ 视觉整体风格倾向圆润柔和,宽间距,大圆角,宽松的信息布局,更大的点击热区,能轻松地阅读信息,方便地操作展开通知。

▷ 降低了卡片的透明度,增加了背景的模糊效果,暗光下阅读也舒适。

▷ 在保证识别性的基础上,隐约透出后面界面的色彩,更具透气感和美观度。

▷ 在不同光线下下拉通知,卡片也能融合背景的色调,给人舒适自然的视觉体验。

47d3977beedd461e60b482eecae21062.png

03

通知消息可收纳,

Shelf更方便。

47d3977beedd461e60b482eecae21062.png

EMUI10在通知卡片样式上,

增加了一个收纳通知图标的窄条

——shelf

通过将通知缩小成一个小图标,

帮助我们快速浏览未显示通知,

一条窄窄的shelf也节省了更多的空间。

2b5aa2dd9e9b341987b19bc2f0d20fe3.png 47d3977beedd461e60b482eecae21062.png

04

动效流畅转场,

操作更真实。

47d3977beedd461e60b482eecae21062.png

▷ 第二次下拉开关面板时,文字尺寸会跟随面板显示区域而变化

▷ 打开与关闭开关时,开关背板会有弹性地轻微缩小

▷ 点击通知卡片时,卡片的缩小响应着手指的按压感

47d3977beedd461e60b482eecae21062.png

05

几何美学设计,

体验再升级。

47d3977beedd461e60b482eecae21062.png 99278d28b37df0d7844532fe013409b2.png

在方形的卡片上显示圆形的图标,

让开关变得更加明显。

在打开和关闭开关时,

会给予即时的操作动态反馈。

开关的色彩依然延续直观醒目的蓝白色调,

图标尺寸也较之前版本增大,

避免用户误触。

c53a6cd09ef2bb6ffa0059f81fab78bb.gif

点滴细节,细腻体验,

无处不在的美学设计你都发现了吗?

0d8f6a8a5c4816f0bb01747bc54e3806.png

411b57cb4c045c0efd563400755711b4.gif

第1步:点”在看“! ddff6db388332d454a0ec275629885af.gif
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值