详解华为EMUI10.0设计理念：注重细节的打磨|emui|图标设计|动效

详解华为EMUI10.0设计理念：注重细节的打磨

2019-08-11 13:31:00　来源: 网易手机举报

分享至

网易手机讯，2019年8月11日消息，最近几天想必大家都被华为新自研的基于微内核设计的分布式操作系统--鸿蒙OS给刷屏了，后续也推出了首款基于鸿蒙OS的硬件产品荣耀智慧屏，但按照华为消费者业务BG部门CEO余承东的说法，考虑到生态建设以及合作伙伴的需求，华为依然会优先支持安卓系统，只有在受到不可抗拒因素的情况下才会全面上马鸿蒙OS，因此这次开发者大会上发布的华为EMUI 10依然也是大家所关注的焦点之一。

为了让大家更深入地了解华为EMUI10.0设计构想，华为消费者BG软件副总裁、消费者BG软件部UX设计部部长毛玉敏，着重就这次EMUI10的一些设计层面的细节体验给我们做了分享。

EMUI10的设计理念是兼顾美和舒适感

华为内部在最初构想EMU10.0的时候，希望传递给用户的不仅仅是美的体验，更重要的是在用户使用的过程中要感到舒适和自然，让用户越用越喜欢，越用越离不开，因此官方给EMUI10.0定义的Slogan就是“美，不止初见”。这次EMUI带来全新风格的息屏显示界面，比如数字时钟的息屏显示还加入了时光流逝的设计细节，字体光面会随着时间的变化而变化。杂志锁屏界面，传统的杂志锁屏的配文都是在最下面的，而这次配文可以根据画面的构图选择不同的位置，通过对每个图片都进行了AI美学分析，找到图片的重心在哪里，然后把配文放在最合适的位置，可以有更好的杂志化的呈现。

基于这些小细节，这次华为EMUI10.0在设计层面有两个核心元素，第一是排版布局，第二是色彩延续。为了带给用户更加的视觉感受，这次华为EMUI10.0页面设计引入了杂志的排版布局体验，有更大的标题，让主题更突出，充足的留白让更页面有更多的呼吸感，高亮元素点缀页面，突出重点让你很方便地找到你想要的元素。

按照毛玉敏的说法，采用这个设计不仅仅是为了美，实际上是为了平衡用户的阅读习惯和单手操作体验。

在色彩布局方面，从EMUI5.0开始就明确了华为的主色调为蓝白调。这次依然沿用这个传统，在此基础上，对所有的辅助色都进行了考量。综合的设计原则是，小面积的用色采用高饱和度的颜色，大面积的背景填充选择低饱和度的颜色。

对于大面积使用的低饱和色，EMUI10.0这次引入了莫兰迪色。莫兰迪是意大利著名的画家，他用色的原则就是在色彩中加入了高级的灰，让这种颜色看起来平和自然、优雅细致，在大面积高饱和度的使用场景下，华为采用了莫兰迪风格的六种颜色，这些种颜色我们用于通讯录、备忘录、插画设计中。

图标设计方面，在EMUI9.1的时候，华为已经对图标进行重新的设计让其更加扁平化，这次EMUI10.0用了黄金比例的图标设计方法，进一步对图标的细节进行打磨。例如华为视频的图标，所有的收口、转角等细节都来自于这些源自黄金比例的圆，同样，其它图标上也是这么做的。另外，相机的界面华为也进行了全新的设计，设计的主要理念就是简洁、清晰和动感。

更加舒适好用的深色模式

现在越来越多的人也开始喜欢深色模式，但华为EMUI10.0并不想进行简单的反色处理，希望提供给用户舒适的深色模式，设计原则是保证易读性、舒适性和色彩的一致性。

为了保证易读性和舒适性，华为做了一系列的人因实验，比方说四种光照情况下，对人眼的舒适性进行研究，在四种光照情况下进行实验后，其实对比度越来越强，易读性是可以提升，但是提升到一定程度后就不提升了，甚至再往下还有点下降，为了保持长时间阅读的舒适度，对比度又不能太高。

华为通过舒适对比度建模给了深色模式下一个合适的选择范围，比如深色背景的填充色、文本和控键的高亮色，最终的实现都在基于人因研究的对比度舒适范围建模的结果的区域内。

此外，EMUI10.0的深色模式也可以自动适配三方应用。另外，动效是非常体现产品品质非常重要的方面，流畅的动效应该是符合人的心理预期的动效，简单来说实际上就是要手、眼、心是一致的，才会有一个流畅的感觉。比方说手的要求，就是响应要及时，点下去之后就要有即时的响应，这个过程从点下去到离手有100-130毫秒。

人眼研究得到的时间感知规律在指导设计动画的原则，通过研究分析，最佳的APP打开动效时间应该是200-300毫秒。基于手眼心一致的设计理念，这次用在所有的动效设计过程中，加入了弹簧的效果会让人觉得更加的舒适和自然。

在全屏手势导航方面，这次华为EMUI10.0也进行了重新设计，手势的方向不同，松手的位置不同，还有速度不同，它的反馈都是不一样的。

最后，毛玉敏颇有感慨地说，对于设计师来讲，有两句话：第一，Less is more。第二，God is in the details，伟大的产品都是来自细节的。