“华为EMUI10全新UI/UX设计：具AI美学设计的全新体验”

本篇文章1577字，读完约4分钟

秦皇岛APP开发 【科技在线】

emui10在华为开发者大会上正式发布，emui10在ux设计方面加入了暗黑模式，抹去多彩的aod画面进行显示，在锁定升级后的杂志画面的同时，引入了莫兰迪风格的颜色，带来了更好的视觉体验。 随后，华为的客户bg软件部副总裁毛玉敏对比emui10的ux设计进行了详细解读。

新型aod隐藏屏幕的界面设计

多彩的aod(alwaysondisplay )显示屏，以不断雕刻、多彩绚丽、富于变化的天空颜色为灵感，随着时间的推移呈现出不同的颜色，再现自然之美。

数字时钟的闪烁显示是大家经常使用的，但是在这次设计的过程中，引入了时间流逝的设计。 从晨光中站起来，可以看到字体光面的一些变化。 aod的闪烁显示现实中呈天空空发出的浅蓝色，连白天的阳光都呈深蓝色，傍晚则呈霞光的橙色。 到了晚上，这条街的夜晚空变得明亮了，霓虹灯的颜色映在天空上，显得更有深度，更有魅力。

I美学杂志锁定屏

结合华为eumi10杂志的屏幕锁定和ai美学算法，为客户带来真正的杂志一样的浏览体验。 emui10对每个图像进行ai的美学解体，找出图像的重心在哪里，将配文放置在合适的位置，可以更好地表现杂志化。

这次的emui10将杂志化的版面导入了页面的设计中。 有更大的标题，通过更加强调主题、充分留出空白使之有更多的呼吸感，通过高亮要素使页面增色，强调要点，可以很容易地找到想要寻找的要素。

兰迪色系

emui10在色彩构建上进行了大胆的创新，以小面积高彩度、大面积低彩度的设计基本上优化为辅助色彩。 为了提高品质的高级感，在大面积的颜色中加入了彩度低的颜色的代表性风格——莫兰迪色系。

莫兰迪是意大利画家。 他使用的颜色大体上是加在颜色上的灰。 如果让这个颜色看起来平静、自然、优雅、纤细，我想它还能经受住时间的考验。 这种保守的感觉和质量感与华为的手机理念非常吻合。 于是，这次在配色上，在广阔且彩度高的采用场景中使用了莫兰迪风格的6种颜色。 这些颜色被用于通讯录、笔记和插图设计。

具有包容性的图标设计

emui10采用黄金比例的图标设计方法，对图标的细节进行了打磨。 这是图标。 如果放入黄金比例的构图，就会得到大小黄金比例的圆。 我们将这些原始弧线用于图标的细节和弧线的设计。 除此之外，emui10还提供了全新的图标。 我们希望通过不同的风格为客户提供越来越多的选择。

照相机体验再次提高

照相机接口emui10也做了全新的设计。 设计的首要理念是简洁、清晰、动感。 从视觉、听觉、触觉三种感觉出发，带来全新的体验。 新改版的视觉接口； 将机械快门键的声音特征纳入照相机的声音中； 变焦条、滑动条的视听触摸一体化，加上模式切换、参数变化较大的字体显示，使设计更加简洁，聚焦操作。 使用方便。

黑暗模式可以实现可读性、舒适度和颜色的一致性

emui10黑暗模式通过建立舒适级别的建模而不是简单的相反颜色，使用良好的拷贝前景和黑暗背景目标度，优化拷贝、系统图标和控件的颜色，从而在黑暗模式和灯光模式之间切换

动态效果优化

动态效果是非常体现产品质量的重要方面，细节决策成功、流畅的动态效果应该是符合人的心理预期的动态效果。 实际上，只有手、眼、心一致，才能获得顺畅的感觉。 例如，对方的请求必须响应及时，点击后立即响应。 这个过程从点击到手有100-130毫秒。 因为也利用这个100-130毫秒，所以按下的话需要反馈。 不这样做的话，感觉要迟到了。 要拥有舒适光滑的眼睛，人们对眼睛不均匀的感知是不同的，感知规则也在所有动画设计的过程中被使用。

emui10带来了许多新的设计，提高了系统的视觉体验和采用体验，引入了分布式技术，使系统和外围设备联动。 emui10将于9月30日面向华为p30系列客户开放测试，并配备新一代mate系列。