上海新闻网

首页 > 正文

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

www.hishidai.net2019-08-27
?

2019年8月10日,EMUI UX设计概念会议在广东东莞举行。华为消费者BG软件部副总裁毛玉民表示,EMUI坚持设计师的聪明才智,对品质的不懈追求,追求完美,为用户带来愉悦的视觉享受。

EMUI10基于人为因素研究,添加暗模式以优化动态。同时,对图标和界面的细节提出了更高的要求。在确保简洁美观的同时,更加注重用户的实际操作和心理习惯,并将细节和质量融入其中,让用户真正感受到“美不仅是第一次看到的”。

img_pic_1565689420_0.jpg

在广场之间,美丽是微妙的。

在新的EMUI10上,最引人注目的变化来自于拿出手机并点亮屏幕的那一刻。您将看到AI算法自动格式化和祝福的杂志锁屏界面。作为“杂志锁屏”的先驱,EMUI结合人工智能美学算法优化排版,分析杂志锁屏的布局,计算人眼在图片中的区域和焦点,并整合平衡组成。审美原则使文本的布局“与图片不同”。结合智能采色算法,调整文本颜色,最终实现杂志封面的专业视觉效果。

同时,杂志的设计理念也贯穿于EMUI10的各种界面。华为设计师结合对杂志和杂志布局的研究和分析,构建了大字体,空白,网格系统和装饰系统四大要素。基于杂志的基本页面设计系统应用于控制面板,联系人,日历,邮件和其他界面。当用户浏览这些界面时,就像阅读杂志一样,大大增强了用户的视觉美感指数。

img_pic_1565689420_1.jpg

每一代EMUI都将为APP图标的设计带来新的惊喜。 EMUI10采用统一标准,符合图标设计中的黄金比例,并对图标元素的形状和轮廓进行“精细级别”抛光。基于0.618的比率,UI图标的高度用作参考值以标准化图形曲率,使得每个图标在视觉上非常美观。此外,EMUI10还支持自适应图标。第三方图标背板可以显示为华为统一图标Mask,使整个系统的图标样式和纹理趋于一致。

img_pic_1565689420_2.jpg

当通过大字体改变参数值,并且临时隐藏界面中的其他元素时,减少了对当前参数调整的视觉干扰,并且为用户提供了更清晰和更集中的视觉感知。此外,EMUI10还通过模拟机械相机快门按钮的声音设计了更高质量的音效,为用户提供了“视觉和视觉”(视觉,听觉,触觉)的综合操作体验。

img_pic_1565689420_3.jpg

早在EMUI 5.0时代,华为就采用了简约的蓝/白色调风格。现在在EMUI10中,我们欢迎全新的Morandi,提供微妙和先进的品质。对于艺术系的学生来说,莫兰迪并不陌生,它源于意大利着名画家乔治莫兰迪的代表作风。除了蓝/白主色外,根据“小面积,高饱和度,大面积,低饱和度”的设计原则,EMUI10进一步优化辅助色彩,引入6种新颜色并集成到联系方式页面中,备忘录和插图。功能页面也集成到Morandi颜色中。

img_pic_1565689420_4.jpg

此外,EMUI10更新了AOD(Always on Display)设计,利用天空颜色变化的灵感,让数字时钟追逐天空的颜色变化,从清晨到夜晚,数字时钟将切换到相位渐变颜色相位,微妙的变化也给用户一个小小的惊喜。

舒适的外观和感觉,动态和动态效果

测试用户的阅读效率和阅读主观感受,以研究合理文字和图标的颜色对比范围,以满足易读性和舒适性。

img_pic_1565689420_5.jpg

根据人为因素研究的结果,EMUI暗模式使用文本前景和深色背景的对比度。在浅色背景和深色背景上相同的颜色,人眼对亮度和饱和度的感知是不同的。从正常模式到暗模式,文本和系统图标的颜色经过优化,以确保暗模式和普通模式的一致性,舒适性和可读性。

同时,不仅华为自主开发应用,暗模式还通过界面元素识别和颜色计算技术将颜色算法应用于第三方应用。即使第三方应用程序不适应黑暗模式,它也可以为用户提供一个按钮。获得全球有效的黑暗模式体验。

img_pic_1565689420_6.jpg

此外,EMUI10动力学的优化源于人们对动态变化的感知。毛玉敏介绍说,只有满足人们心理预期的动态效果才能给人一种顺畅的感觉,反之亦然,这种感觉会陌生而突兀。因此,通过人为因素研究,EMUI10采用“手,眼,心”的动态设计理念,增加弹力在咔嗒动态效果中的反馈效果,同时切换效果精确控制持续时间,既不给用户闪光跳。突变的感觉不会导致延迟等待的经历。此外,返回运动将模拟物体抛物线的原理。根据返回方向,速度和释放位置,计算显示不同的抛物线效应。

华为P30系列等型号将于今年9月8日率先推出EMUI10 BETA版本的内部测试程序,而Mate 20系列将于稍后推出。与此同时,EMUI10也将在下一代Mate系列中推出。您可以关注官方渠道,以了解有关支持的内部模型和EMUI10的最新信息。

热门浏览
热门排行榜
热门标签
日期归档