华为EMUI10全新UI/UX设计:具AI美学设计的全新体验
EMUI10在华为开发者大会上正式发布,EMUI10在UX设计方面加入了暗黑模式,多彩的AOD灭屏显示和升级的杂志锁屏,并且引入莫兰迪风格颜色,带来更好的视觉体验。其后,华为消费者BG软件部副总裁毛玉敏专门针对EMUI10的UX设计进行了详细的解读。
新的AOD灭屏显示界面设计
多彩AOD(Always on display)灭屏显示以不同时刻,丰富多彩、绚美多变的天色为灵感,会随时间流转呈现出不同的颜色,复现自然之美。
数字时钟的灭屏显示是大家经常用的,这次设计的过程中,引入了时光流逝的设计,从清晨的阳光升起,可以看到字体光面的变化,AOD灭屏现实呈现出来自天空的淡蓝色,到中午的阳光,呈现出蔚蓝色,到了傍晚呈现出霞光的橙色。到了晚上,这个城市的夜空亮起,霓虹的色彩映入天空,有更加深邃、迷人的感觉。
AI美学杂志锁屏
华为EUMI10杂志锁屏结合AI美学算法,给用户带来真正的杂志般的阅读体验。EMUI10对每个图片都进行了AI的美学分析,找到图片的重心在哪里,然后把配文放在最合适的位置,可以有更好的杂志化的呈现。
这次EMUI10把杂志化的布局引入到了页面的设计中,有更大的标题,让主题更突出,充足的留白让更页面有更多的呼吸感,高亮元素点缀页面,突出重点让你很方便地找到你想找的元素。
莫兰迪色系
EMUI10在色彩搭建上大胆创新,按照“小面积高饱和度,大面积低饱和度”的设计原则,对辅助色彩上进行了优化。为了提升品质的高端感,在大面积用色上,引入低饱和度色彩的代表风格-莫兰迪色系。
莫兰迪是意大利著名的画家,他用色的原则就是在色彩中加入了高级的灰,让这种颜色看起来平和自然、优雅细致,你也会觉得它还是很经得起时间考验的。这种低调的高级感和品质感,跟华为手机的理念是非常搭的。所以我们这次在配色上,在大面积高饱和度的使用场景下,我们采用了莫兰迪风格的六种颜色。这些种颜色我们用于通讯录、备忘录、插画设计中。
一体性的图标设计
EMUI10用了黄金比例的图标设计方法,进一步对图标的细节进行打磨。这是一个图标,如果把它放在黄金比例构图中得到大大小小的黄金比例的圆,我们把这些元的弧度都用于图标的细节和弧线设计中。除此之外,EMUI10也提供了一套全新的图标,不同的风格,我们希望给用户更多的选择。
相机体验再次提升
相机的界面EMUI10也进行了全新的设计,设计的主要理念就是简洁、清晰和动感。从视听触三种感官出发,带来全新体验:全新改版的视觉界面;将机械快门键声音特征,融入相机音效;并将变焦条、滑动条视听触一体化,加入模式切换、参数变化大字体显示,让设计更简洁,操作更聚焦。让好用变得好用。
深色模式打造易读性、舒适性和色彩的一致性
EMUI10深色模式,不止是简单的反色,而是通过建立舒适的对比度水平建模,采用最优的文字前景与深色背景的对比度,并将文字、系统图标及控件的颜色优化,以确保深色模式与浅色模式间切换时,人眼的视觉感受仍和谐一致。
优化动态效果
动效是非常体现产品品质非常重要的方面,细节决定成败,流畅的动效应该是符合人的心理预期的动效。实际上就是要手、眼、心是一致的,才会有一个流畅的感觉。比方说手的要求,就是响应要及时,点下去之后就要有即时的响应,这个过程从点下去到离手有100-130毫秒。这100-130毫秒也是要利用的,按下去就要有所反馈出来,否则就会有迟滞的感觉。眼要有舒适顺滑,其实人眼对于不同时间的感知是不一样的,感知规律也用到了所有的动画设计过程中。
EMUI10带来不少的新的设计,提升了系统的视觉体验和使用体验,同时加入了分布式技术,让系统和周边设备联动。EMUI10将于9月30日为华为P30系列用户开放Beta测试,下一代Mate系列将首发搭载。