|
最近有细心的花粉们发现
新的EMUI10系统中的下拉快捷开关也变得不一样了
的确，EMUI10的下拉菜单采用了
杂志化设计语言
变得更好看更好用了
那这小小的快捷开关中有哪些设计学问呢？
从用户的角度出发
从设计之初，研发团队就开始持续关注与收集用户的意见和建议。基于EMUI10的设计语言，设计师输出了多种设计方案，并开展用户调研。经过多轮研发内测，最终把全新的快捷开关设计呈现给了用户。
杂志化排版的风格布局，是EMUI10新风格的主题。留白不仅保证了视觉上的舒适美观，还能够突出重点，可以让大家更方便快捷地找到想用的开关。二次下拉让快捷开关有了更多的展示空间，形成了明显的信息主次感，界面的视觉呈现更为简练，信息的查找也更为便捷。
更适合单手操作
EMUI 10的快捷开关保留了用户使用习惯，延续了纵向拇指下滑体验：下拉一次出现常用快捷开关，下拉第二次展开所有快捷开关。
相比之前的版本，开关位置整体下移，充分平衡了界面显示和单手操作，尽量避免了拇指操作盲区，让操作按钮更加接近使用者的手指，保证了更好的单手操作体验。
圆润柔和的视觉
EMUI10在通知卡片样式上，视觉整体风格倾向圆润柔和、宽间距、大圆角、宽松的信息布局，更大的点击热区，让用户能轻松地阅读信息，方便地操作展开通知。
另外，考虑到暗光阅读环境中，下拉时强烈的对比色会造成用眼不适，EMUI10在设计上降低了卡片的透明度，增加了背景的模糊效果。在保证识别性的基础上，隐约透出后面界面的色彩，更具透气感和美观度。在不同光线下下拉通知，卡片也能融合背景的色调，给人舒适自然的视觉体验。
可收纳的通知栏
在EMUI 9.0中，通知超过一屏后，用户滑动浏览通知时无法了解底部还有多少通知未预览。针对这一问题，EMUI10在通知卡片样式上，增加了一个收纳通知图标的窄条—shelf。
Shelf将通知缩小成一个个小图标，帮助用户快速浏览还有多少通知未显示，有哪些应用给自己发送了通知。这样，用户在预览过程中，更加有掌控感，不会陷入茫茫的信息海洋中。
同时，在快捷开关面板完全展开的时候，通知栏会折叠为一条窄窄的shelf，为页面节省出了更多的空间。
视觉化繁为简
此前版本的快捷开关以“无边界”的形式显示，开关之间没有明显的边框界限，难免在显示全部开关时会有繁多的感觉。
EMUI10这次采用了圆形的开关按钮形态。在方形的卡片上显示圆形的图标，让一个个开关变得更加明显，呈现出了最自然简洁的几何之美。除了静态的效果，在打开和关闭开关时，会给予即时的操作动态反馈，微动效基于图形特点，让开关不那么生硬又充满生机。
在开关的色彩选择上，依然延续从EMUI5.0就明确的主色调：蓝白色调。开关在关闭状态下显示为浅灰色，开启状态下则变为蓝色，拥有良好对比度，更加直观醒目。图标尺寸也较之前版本增大，确保用户可以轻松点击开关，避免误触。
EMUI10的快捷开关全新设计
在点点滴滴的细节之中蕴含的全新体验
体现了设计师在细节优化中的努力与人性化设计
| 
