华为EMUI10设计理念公布:杂志化布局美于细微之处
资讯08/10 06:40
作者
华为在东莞举办了EMUI UX沟通会,华为消费者BG软件部副总裁毛玉敏详细介绍了EMUI UX设计理念。

华为开发者大会首日,EMUI10如期而至,在设计上采用了全新的UX设计,加入深色模式;多终端的无缝切换,构建了全场景智慧体验。今天上午,华为在东莞举办了EMUI UX沟通会,华为消费者BG软件部副总裁毛玉敏详细介绍了EMUI UX设计理念。

华为EMUI10设计理念公布:杂志化布局美于细微之处

EMUI10基于人因研究新增深色模式,对动效进行优化。同时,对图标、界面细节等进行了调整,更加注重用户实际操作和心理习惯。毛玉敏表示:EMUI10 UX理念是“品质造就第一眼美”,新的UX是美、优雅的,用户体验上也更加舒适。

首先,EMUI10加入了AI算法自动排版的杂志锁屏界面,通过AI对杂志锁屏的图片进行布局分析,计算图片的中心点,使文字布局“因图而异”,再结合资源优化的智能取色算法对文字进行色彩调节,实现媲美杂志封面的专业美工效果。

华为EMUI10设计理念公布:杂志化布局美于细微之处

关于图标设计,EMUI10采用了符合黄金比例的统一化标准,以0.618为比例基准,将UI图标的高度作为参考值,对图形弧度进行了规范化统一,使图标整体更加协调、更具美感。此外EMUI10还支持自适应图标,第三方图标底板可以显示为华为统一的图标Mask,让手机风格更统一。

华为EMUI10设计理念公布:杂志化布局美于细微之处

杂志化布局是EMUI10界面设计上最大的改变,华为设计师将这一理念贯穿到了系统的各个界面中,构建了以大字体、空间留白、网格系统、点缀系统四大元素为基础的杂志化页面设计体系,应用在控制面板、联系人、日历、邮件等界面中,当用户在浏览这些界面时,就好像在阅读一本杂志,从而极大提升用户视觉上的美感指数。另外,EMUI10还引入了全新的莫兰迪渐变色系,给人一种含蓄而又高级的品质感。

华为EMUI10设计理念公布:杂志化布局美于细微之处

基于人因研究的结果,EMUI深色模式采用最优的文字前景与深色背景的对比度,同时对文字与系统图标的颜色做了优化处理,来保证深色模式和普通模式视觉感受的一致性,从而带来舒适、易读的体验;在深色模式下,柔和暗光让用户的眼睛避免强光刺激。除了华为自家应用,EMUI10中深色模式还可以自动适配第三方应用

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

华为P30系列等机型将在今年9月8日率先启动EMUI10 BETA版内测计划,Mate 20系列也会随后陆续启动。同时,EMUI10还将在下一代Mate系列首发搭载。