0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

华为EMUI10亮相 实现一次开发多端部署

454398 来源:工程师吴畏 2019-08-12 14:13 次阅读

8月9日下午,EMUI10在华为开发者大会上首发亮相。

作为EMUI历史上第8次大版本更迭,EMUI10最大的能力是突破了硬件界限,将不同终端的硬件能力 (显示、摄像头、麦克风、音箱) 虚拟出来,放入硬件能力资源池供应用调用,各终端之间能力互助共享,互为外设。

对应用来说,如同运行在同一终端上;对用户来说,就如同在使用同一终端。而且EMUI10分布式UI编程框架,业务逻辑元能力化,实现一次开发多端部署。

这是EMUI10底层上一些主要的变化和升级。由于时间限制,EMUI10用户日常接触最多的UX(用户体验)设计,在9日的大会演讲中并未详细提及。10日,华为又单独安排了一场专访,华为消费者BG软件部副总裁、消费者BG软件部UX设计部部长毛玉敏向和媒体分享了EMUI10的UX设计理念。

毛玉敏表示,从EMUI 的历史来讲,EMUI3.0的设计理念是“点线圈”,到了EMUI5.0清爽简洁、充满惬意,而EMUI9.0的设计理念是“质享生活”。所以在构想EMUI10的时候,除了美、时尚、优雅这三点外,EMUI的团队希望用户使用的过程中觉得舒适和自然,越用越爱用,越用越离不开它。这也就是EMUI10.0的设计理念——“美 不止初见”。

以AOD(熄屏显示)界面为例,EMUI10引入了时光流逝的设计,从清晨的阳光升起,可以看到字体光面的变化,呈现出来自天空的淡蓝色,到中午的阳光,呈现出蔚蓝色,到了傍晚呈现出霞光的橙色。到了晚上,这个城市的夜空亮起,霓虹的色彩映入天空,有更加深邃、迷人的感觉。

“我们希望在任何细节的设计都能够给用户带来不一样的动感的、时尚的感受。”毛玉敏说。

同时,EMUI10还将杂志化的布局引入到了页面设计中,比如有更大标题、让主题更突出,充足的留白让更页面有更多的呼吸感,高亮元素点缀页面,突出重点让你很方便地找到你想找的元素。

在毛玉敏看来,这个设计不仅是为了美,更多的是为了平衡我们的阅读习惯和用户的单手操作。从阅读的角度来讲,中上部是最好的阅读区域,但是从单手操作的角度来讲,下部和中间位置是比较好的操控区域。

毛玉敏认为,通过杂志化的布局和排版,EMUI10所有的页面你都可以在阅读体验和单手操控体验之间取得良好的平衡。

在色彩方面,从EMUI5.0开始就明确了华为的主色调——蓝白调,EMUI10也继承了这一传统。据毛玉敏介绍,EMUI10对所有的辅助色都进行了精细化的考量,原则是,小面积的用色采用高饱和度的颜色,大面积的背景填充选择低饱和度的颜色,这样设计的好处是让视觉更有高级感。

据了解,大面积使用的低饱和色,EMUI10这次引入了莫兰迪色。

莫兰迪是意大利著名的画家,其用色的原则就是在色彩中加入了高级的灰,让这种颜色看起来平和自然、优雅细致。

毛玉敏表示:“这种低调的高级感和品质感,跟华为手机的理念是非常搭的。所以我们这次在配色上,在大面积高饱和度的使用场景下,我们采用了莫兰迪风格的六种颜色。这些种颜色我们用于通讯录、备忘录、插画设计中。”

而在图标方面,EMUI10用了黄金比例的图标设计方法,进一步对图标的细节进行打磨,图标的收口、转角等细节都来自于黄金比例的圆。同时,EMUI10还提供了一套全新的图标,不同的风格,希望给用户更多的选择。

此外,据毛玉敏介绍,EMUI10深色模式也下了很大功夫,并没有采用简单的反色,而是以保证易读性、舒适性和色彩的一致性进行了全新设计。同时,EMUI10的深色模式可自动适配第三方应用,保证用户在使用的深色模式的过程中,无论是本地应用还是三方应用都有一致的体验。

谈及动效,毛玉敏认为,流畅的动效应该是符合人的心理预期的动效,简单来说,就是要手、眼、心一致,经过对用户动作和感知的仔细分析,最终发现APP打开动效的最佳的时长是300-400毫秒。据悉,EMUI10所有的大位移动效都进行了落地和实施。

“为什么我们花这么多心思在这些细节上,对于设计师来讲,有两句话:第一,Less is more。第二,God is in the details”,在毛玉敏看来,伟大的产品都是来自细节的。

按照华为官方的适配计划,下一代Mate系列将首发搭载EMUI10,9月8日P30系列将启动EMUI10的Beta升级尝鲜。

在现场,我们也抢先体验到了升级EMUI10 Beta版华为P30 Pro。从安卓版本来看,EMUI10是基于Android 10深度打造,除了UI、图标的明显变化,我们还看到了全新的系统主题,先来一起感受下:

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 华为
    +关注

    关注

    215

    文章

    34293

    浏览量

    251148
  • EMUI
    +关注

    关注

    1

    文章

    215

    浏览量

    11862
收藏 人收藏

    评论

    相关推荐

    鸿蒙OS开发:典型页面场景【一次开发多端部署】实战(设置典型页面)

    本示例展示了设置应用的典型页面,其在小窗口和大窗口有不同的显示效果,体现一次开发多端部署的能力。
    的头像 发表于 05-27 09:36 1090次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:典型页面场景【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】实战(设置典型页面)

    鸿蒙OS开发:典型页面场景【一次开发多端部署】实战(音乐专辑页2)

    本示例使用[一次开发多端部署]中介绍的自适应布局能力和响应式布局能力进行多设备(或多窗口尺寸)适配,保证应用在不同设备或不同窗口尺寸下可以正常显示。
    的头像 发表于 05-25 16:47 2023次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:典型页面场景【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】实战(音乐专辑页2)

    鸿蒙OS开发:【一次开发多端部署】(视频应用)

    者提供了“一次开发多端部署”的系统能力,让开发者可以基于一次
    的头像 发表于 05-25 16:29 4470次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(视频应用)

    鸿蒙OS开发:【一次开发多端部署】(音乐专辑页面)

    基于自适应和响应式布局,实现一次开发多端部署音乐专辑页面。
    的头像 发表于 05-25 16:21 728次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(音乐专辑页面)

    鸿蒙OS开发:【一次开发多端部署】应用(资源使用)

    在页面开发过程中,经常需要用到颜色、字体、间距、图片等资源,在不同的设备或配置中,这些资源的值可能不同。
    的头像 发表于 05-21 15:43 957次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】应用(资源使用)

    鸿蒙OS开发:【一次开发多端部署】(多设备自适应能力)简单介绍

    本示例是《一次开发多端部署》的配套示例代码,展示了[页面开发多能力],包括自适应布局、响应
    的头像 发表于 05-21 14:59 2268次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(多设备自适应能力)简单介绍

    鸿蒙OS开发:【一次开发多端部署】( 设置app页面)

    本示例展示了设置应用的典型页面,其在小窗口和大窗口有不同的显示效果,体现一次开发多端部署的能力。
    的头像 发表于 05-21 14:56 942次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】( 设置app页面)

    鸿蒙OS开发:【一次开发多端部署】(音乐专辑主页)

    本示例使用一次开发多端部署中介绍的自适应布局能力和响应式布局能力进行多设备(或多窗口尺寸)适配,保证应用在不同设备或不同窗口尺寸下可以正常显示。
    的头像 发表于 05-21 14:48 661次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(音乐专辑主页)

    鸿蒙OS开发:【一次开发多端部署】(多天气)项目

    本示例展示个天气应用界面,包括首页、城市管理、添加城市、更新时间弹窗,体现一次开发多端部署的能力。
    的头像 发表于 05-20 14:59 794次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(<b class='flag-5'>一</b>多天气)项目

    鸿蒙OS开发:【一次开发多端部署】(天气应用)案例

    本章通过个天气应用,介绍多应用的整体开发过程,包括UX设计、工程管理及调试、页面开发等。
    的头像 发表于 05-15 15:42 982次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(天气应用)案例

    鸿蒙OS开发:【一次开发多端部署】(简介)

    随着终端设备形态日益多样化,分布式技术逐渐打破单硬件边界,个应用或服务,可以在不同的硬件设备之间随意调用、互助共享,让用户享受无缝的全场景体验。而作为应用开发者,广泛的设备类型也能为应用带来广大
    的头像 发表于 05-14 15:20 1156次阅读
    鸿蒙OS<b class='flag-5'>开发</b>:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(简介)

    HarmonyOS开发案例:【一次开发多端部署-音乐专辑】

    基于自适应和响应式布局,实现一次开发多端部署音乐专辑页面。
    的头像 发表于 05-13 16:48 644次阅读
    HarmonyOS<b class='flag-5'>开发</b>案例:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>-音乐专辑】

    HarmonyOS开发案例:【一次开发多端部署(视频应用)】

    者提供了“一次开发多端部署”的系统能力,让开发者可以基于一次
    的头像 发表于 05-11 15:41 1352次阅读
    HarmonyOS<b class='flag-5'>开发</b>案例:【<b class='flag-5'>一次</b><b class='flag-5'>开发</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>(视频应用)】

    HarmonyOS开发实例:【分布式新闻客户端】

    基于栅格布局、设备管理和多端协同,实现一次开发多端部署的分布式新闻客户端页面。
    的头像 发表于 04-17 15:57 835次阅读
    HarmonyOS<b class='flag-5'>开发</b>实例:【分布式新闻客户端】

    emui10怎么升级鸿蒙系统

    鸿蒙系统是华为开发的新代操作系统,而EMUI 10则是基于Android的用户界面。目前,华为
    的头像 发表于 02-02 11:31 2293次阅读