美 不止初见 EMUI10新增莫兰迪色

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最新信息。

0 条评论

目前没有人发表评论

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信