华为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系列将首发搭载。

（编辑：武汉站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!