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

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

3天内不再提示

华为发布新版HarmonyOS折叠屏设计规范 持续引领折叠屏UI设计创新

飞天鱼1233 2022-11-09 09:31 次阅读

近日,华为发布了最新HarmonyOS折叠屏设计规范。本次更新的设计规范围绕折叠屏宽屏适配和双窗口创新,提供了更详细的适配范式和创新案例,让折叠屏体验再上新台阶;同时增加了更多设计工具,帮助开发者高效开发和适配基于折叠屏的应用和服务。

HarmonyOS折叠屏设计规范更新 拥有更详细适配范式和更丰富典型案例

在今年上半年发布的HarmonyOS折叠屏规范中,针对字体、图标、图片、视频、弹窗等影响大屏适配的关键元素进行了分析和建议,而新版HarmonyOS折叠屏设计规范基于人因研究结果更进一步针对典型的入口图标、组合控件、banner卡片、宫格卡片、动态信息流图片等进行适配规则的定义。

此外,新版HarmonyOS折叠屏设计规范还在之前典型案例的基础上,新增了电商类和H5广告长图的宽屏适配,以及影音娱乐、社交通讯、新闻阅读、生活服务、电商等场景的沉浸体验和双窗口创新,帮助开发者、设计师和产品经理更快速地理解典型场景及设计规则。

通过双窗口创新,不仅能解决折叠屏宽屏适配显示问题,还能进一步提升效率,更好地发挥折叠屏的体验价值。

例如在观看弹幕视频时,全新的宽屏适配效果会在折叠屏次要区域显示弹幕,让展开状态下的视频播放体验更沉浸无干扰。

在阅读图文资讯时,通过宽屏适配,让折叠屏大屏展开后的图文挪移布局,提高宽屏显示体验,让阅读更舒适。

同时双窗口体验也做了诸多创新,进一步利用了大屏的优势,提升了效率。

设计工具全面升级,“自适应UI引擎”率先落地折叠屏

除了发布新版HarmonyOS折叠屏设计规范,在设计工具方面,华为还升级了响应式布局控件,支持更多形态灵活布局,且首创了“自适应UI引擎”,开发者只需关心手机上应用UX界面效果,折叠屏界面会自动适配扩展,UI界面自动从小屏切换到大屏布局。

在此前发布的折叠屏手机Mate Xs 2上,华为首次引入了“自适应UI引擎”的概念,此番针对折叠屏做了专门的设计规范和工具,华为再度突破了折叠屏手机在生态适配方面的能力,极大地降低了开发者开发适配折叠屏的难度,也改善了折叠屏用户在大屏场景的使用体验,实现更多丰富场景下的自然交互。

据华为常务董事、终端BGCEO、智能汽车解决方案BU CEO余承东此前介绍,今年华为折叠屏手机以52%的市场份额排名中国折叠屏手机市场第一,此外,华为折叠屏手机斩获出货量、消费者满意度双项第一,展现出强大的市场影响力与行业引导力。相信随着HarmonyOS折叠屏设计规范的进一步优化,华为折叠屏手机体验将再上新台阶,持续引领行业创新。

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

    关注

    216

    文章

    34330

    浏览量

    251226
  • ui
    ui
    +关注

    关注

    0

    文章

    204

    浏览量

    21342
  • 折叠屏
    +关注

    关注

    3

    文章

    520

    浏览量

    15317
  • HarmonyOS
    +关注

    关注

    79

    文章

    1968

    浏览量

    30038
收藏 人收藏

    评论

    相关推荐

    折叠越加火热 但柔宇科技折叠手机“鼻祖”宣告破产

    我们看到折叠手机市场越加火热,小米MIX折叠、荣耀Magic V3折叠手机都卖得很火,而且
    的头像 发表于 11-21 16:44 356次阅读

    华为发布折叠手机!国内芯片产业的新风口

    华为即将发布折叠手机!折叠手机关键元器件厂商迎发展机遇。
    的头像 发表于 09-20 11:44 614次阅读
    <b class='flag-5'>华为</b><b class='flag-5'>发布</b>三<b class='flag-5'>折叠</b><b class='flag-5'>屏</b>手机!国内芯片产业的新风口

    欢创播报 华为正式发布折叠手机

    1 华为正式发布折叠手机 9月10日,在华为见非凡品牌盛典及鸿蒙智行新品发布会上,华为正式
    的头像 发表于 09-12 15:41 587次阅读
    欢创播报 <b class='flag-5'>华为</b>正式<b class='flag-5'>发布</b>三<b class='flag-5'>折叠</b>手机

    华为首款nova系列折叠nova Flip即将发布

    今日,华为震撼揭晓nova系列首款折叠力作——nova Flip的璀璨登场日期,定于8月6日盛大发布,为全球科技迷及潮流追随者呈献一场前所未有的
    的头像 发表于 07-29 15:11 588次阅读

    华为登顶折叠手机市场,三星下滑

    据TechInsights的最新数据,华为在2024年第一季度折叠手机销量大幅增长,涨幅高达257%,成功超越三星,成为全球折叠手机市场
    的头像 发表于 05-24 09:52 549次阅读

    苹果折叠iPhone新专利获批 苹果折叠手机要来了吗?

    。 日前据外媒报道USPTO(美国专利和商标局)发布的最新公告显示,苹果获得了一项可折叠式屏幕智能手机的创新专利,专利重点围绕着全新的弹簧层设计理念进行阐述,旨在有效减轻折叠操作产生的
    的头像 发表于 04-17 17:05 1281次阅读

    华为pockets折叠易坏吗

    华为Pocket S的折叠并不容易坏。
    的头像 发表于 03-06 17:11 3747次阅读

    基于光谱共焦技术的折叠连接结构检测

    3月1日,全球最新款的折叠手机-华为竖向折叠Pocket2发售,这是自2018年首款折叠
    的头像 发表于 03-06 17:00 1155次阅读
    基于光谱共焦技术的<b class='flag-5'>折叠</b><b class='flag-5'>屏</b>连接结构检测

    华为pockets折叠手机尺寸

    华为Pocket S是华为于2022年11月02日在中国大陆发布折叠手机。
    的头像 发表于 03-06 16:58 1431次阅读

    华为pockets折叠手机屏幕多大

    华为Pockets折叠手机的内采用6.9英寸柔性,外采用1.04英寸圆形OLED屏幕。其
    的头像 发表于 03-05 17:38 1906次阅读

    华为pockets折叠手机怎么贴膜

    关于华为Pockets折叠手机的贴膜方法,由于折叠的特殊性,建议您参考以下步骤并谨慎操作。
    的头像 发表于 03-05 17:01 2801次阅读

    怎么更换华为Pockets折叠手机的保护壳

    怎么更换华为Pockets折叠手机的保护壳
    的头像 发表于 03-05 16:41 2639次阅读

    基于光谱共焦技术的折叠连接结构检测

    3月1日,全球最新款的折叠手机-华为竖向折叠Pocket2发售,这是自2018年首款折叠
    的头像 发表于 03-04 09:17 667次阅读
    基于光谱共焦技术的<b class='flag-5'>折叠</b><b class='flag-5'>屏</b>连接结构检测

    华为发布新款竖式折叠手机Pocket 2

    折叠手机市场竞争日趋激烈的背景下,华为于2月22日下午推出了其最新款竖式折叠手机——Pocket 2。这标志着
    的头像 发表于 02-25 13:40 1214次阅读

    华为预计推出三折叠手机

    近日,据业内媒体报道,华为正全力研发一款三折叠手机,并计划最快在今年第二季度推向市场。这一创新性的产品预计将再次引领手机设计的新潮流,为用
    的头像 发表于 02-06 16:37 4034次阅读