拿到华为Mate30系列手机的你,
发现了哪些EMUI10的设计学问呢?
话不多说,和终情君一起对答案!
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
01
全新下拉快捷开关设计,
超有balance。
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
EMUI10的快捷开关延续了纵向拇指下滑,
下拉一次出现常用快捷开关,
下拉第二次展开所有快捷开关。
相比之前版本,开关位置整体下移,
充分平衡了界面显示和单手操作,
尽量避免了拇指的操作盲区。
![9a31dfdda0ce7b71dd770dac0167f9e8.png](https://i-blog.csdnimg.cn/blog_migrate/8e0759c7ee1e271c33bf57e5a7a2292d.jpeg)
杂志风格的排版,
留白赋予视觉上的舒适美观,
突出重点,更方便快捷地找到想用的开关。
二次下拉时让快捷开关
有了更多的展示空间,
形成了明显的信息主次感。
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
02
通知卡片样式有巧思,
阅读很舒适。
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
▷ 视觉整体风格倾向圆润柔和,宽间距,大圆角,宽松的信息布局,更大的点击热区,能轻松地阅读信息,方便地操作展开通知。
▷ 降低了卡片的透明度,增加了背景的模糊效果,暗光下阅读也舒适。
▷ 在保证识别性的基础上,隐约透出后面界面的色彩,更具透气感和美观度。
▷ 在不同光线下下拉通知,卡片也能融合背景的色调,给人舒适自然的视觉体验。
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
03
通知消息可收纳,
Shelf更方便。
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
EMUI10在通知卡片样式上,
增加了一个收纳通知图标的窄条
——shelf,
通过将通知缩小成一个小图标,
帮助我们快速浏览未显示通知,
一条窄窄的shelf也节省了更多的空间。
![2b5aa2dd9e9b341987b19bc2f0d20fe3.png](https://i-blog.csdnimg.cn/blog_migrate/654b350a2678651386bf9d11f9220f14.jpeg)
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
04
动效流畅转场,
操作更真实。
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
▷ 第二次下拉开关面板时,文字尺寸会跟随面板显示区域而变化
▷ 打开与关闭开关时,开关背板会有弹性地轻微缩小
▷ 点击通知卡片时,卡片的缩小响应着手指的按压感
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
05
几何美学设计,
体验再升级。
![47d3977beedd461e60b482eecae21062.png](https://i-blog.csdnimg.cn/blog_migrate/525d936e923e708e04157093996717e1.png)
![99278d28b37df0d7844532fe013409b2.png](https://i-blog.csdnimg.cn/blog_migrate/6c886d6be44f147331fbdc96a059408d.jpeg)
在方形的卡片上显示圆形的图标,
让开关变得更加明显。
在打开和关闭开关时,
会给予即时的操作动态反馈。
开关的色彩依然延续直观醒目的蓝白色调,
图标尺寸也较之前版本增大,
避免用户误触。
![c53a6cd09ef2bb6ffa0059f81fab78bb.gif](https://i-blog.csdnimg.cn/blog_migrate/277b0ea3b096508b05e1ab0601f345de.gif)
点滴细节,细腻体验,
无处不在的美学设计你都发现了吗?
![ddff6db388332d454a0ec275629885af.gif](https://i-blog.csdnimg.cn/blog_migrate/036dc78fc8e453634dcc30b47d78e72d.gif)