EMUI10美学升级：深色模式/AI自动美学排版

2019年8月10日，EMUI UX设计理念发布会在广东东莞召开。华为消费者BG软件部副总裁毛玉敏表示，EMUI秉承着设计师的匠心，在品质上的不懈追求，力争完美，为用户呈现出愉悦的视觉享受。

EMUI10基于人因研究新增深色模式，对动效进行优化。同时，对图标、界面细节提出更高要求，在保障简洁美观的同时，更加注重用户实际操作和心理习惯，将细节与品质融会贯通其中，让用户真正感受到“美 不止初见”。

品在方寸之间 美于细微之处

在全新EMUI10上，最醒目的一个变化来自于拿出手机、点亮屏幕的那一刻，你会看到AI算法自动排版加持的杂志锁屏界面。EMUI作为“杂志锁屏”的开创者，这次结合了AI美学算法进行自动排版优化，对杂志锁屏的图片进行布局分析，通过计算图片中人眼关注的区域及其重心，融入平衡构图等美学原则，使文字布局“因图而异”。再结合智能取色算法对文字进行色彩调节，最终实现媲美杂志封面的专业视觉效果。

同时杂志化的设计理念也贯穿在EMUI10的各个界面中，华为设计师结合了对杂志书刊内容布局的研究和分析，构建了以大字体、空间留白、网格系统、点缀系统四大元素为基础的杂志化页面设计体系，应用在控制面板、联系人、日历、邮件等界面中，当用户在浏览这些界面时，就好像在阅读一本杂志，从而极大提升用户视觉上的美感指数。

每一代EMUI都会在APP图标设计上给用户带来新的惊喜，此次EMUI10在图标设计上就采用了符合黄金比例的统一化标准，通过对图标元素的形状和轮廓进行“像素级”细致打磨，以0.618为比例基准，将UI图标的高度作为参考值，对图形弧度进行了规范化统一，使得每一个图标在视觉上都非常具有美感。此外EMUI10还支持自适应图标，第三方图标底板可以显示为华为统一的图标Mask，让整个系统的图标风格和质感趋于一致。

在拍照界面上，全新EMUI10遵循Simple（简单）、Clear（清晰）、Dynamic（专注）三大基本原则，用户在调整参数滑动条时，通过大字体呈现参数数值的变化，同时暂时隐藏界面中其他的元素，以减少对当前参数调整的视觉干扰，带给用户更清晰、更聚焦的视觉观感。此外EMUI10还通过模拟机械相机快门键的声音，设计了更具品质感的音效，为用户带来“视听触”（视觉、听觉、触觉）一体化的操作体验。

早在EMUI5.0时代，华为就遵循了蓝/白色调为主的简洁风格。如今在EMUI10身上，我们迎来了全新的莫兰迪色，给人一种含蓄而又高级的品质感。对于美术系的同学而言，莫兰迪色并不陌生，其来源于意大利著名画家Giorgio Morandi的代表风格。在蓝/白主色调之外，按照“小面积高饱和、大面积低饱和”的设计原则，EMUI10进一步优化了辅助色彩，引入6种新颜色并融入到联系人详情页面中，并且备忘录、插画等功能页面也融入了莫兰迪色。

此外，EMUI10还焕新了灭屏显示AOD（Always on Display）的设计，取用来自天空颜色变化的灵感，让数字时钟追逐天空颜色的变换，从清晨到夜晚，数字时钟会随之切换至相匹配的渐变色彩，细微的改变也给予了用户小小的惊喜感。

舒适如一的观感、动静皆宜的动效

EMUI10遵循大量的人因研究，真正从用户的生理和心理角度探寻真实世界的客观规律，并转化到设计中。在探寻深色模式过程中，华为人因研究实验室针对四种不同日常典型的光照条件，对用户的阅读效率及阅读主观感受进行测试，从而研究出合理的文字和图标上的色彩对比度区间，满足易读性和舒适度。

基于人因研究的结果，EMUI深色模式采用文字前景与深色背景的对比度。同样的色彩，在浅色背景和深色背景上人眼视觉感知的亮度与饱和度是不同的。从普通模式变为深色模式，同时对文字与系统图标的颜色做了优化处理，来保证深色模式和普通模式视觉感受的一致性、舒适性和阅读的易读性。

同时，不仅仅是华为自研应用，深色模式还通过界面元素识别及色彩计算技术，将色彩算法应用到第三方应用上，即便第三方应用没有适配深色模式，也能让用户一键获得全局生效的深色模式体验。

此外，EMUI10动效的优化源于人对动态变化的感知。毛玉敏介绍到，只有符合人心理预期的动效，才能给人流畅的感觉，反之就会感到奇怪、唐突。因此，EMUI10通过人因研究，采用了“手、眼、心”合一的动效设计理念，在点击动效中增加弹力的反馈效果，而切换效果则精确控制时长，既不给用户闪跳突变的感觉，也不造成拖沓等待的体验。此外，返回动效会模拟物体抛物线的原理，根据返回方向、速度不同以及松手位置，计算显示出不同的抛物线效果。

华为P30系列等机型将在今年9月8日率先启动EMUI10 BETA版内测计划，Mate 20系列也会随后陆续启动。同时，EMUI10还将在下一代Mate系列首发搭载。大家可以关注官方渠道，了解更多支持内测机型和EMUI10最新信息。