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

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

3天内不再提示

HarmonyOS折叠屏设计规范的新增亮点内容

电子发烧友开源社区 来源:HarmonyOS官方合作社区 作者:HarmonyOS官方合作社 2022-02-25 12:08 次阅读

这几年折叠屏手机很火,我们针对使用HarmonyOS的折叠屏手机提供了应用设计指导——HarmonyOS折叠屏设计规范。此规范属于UX设计规范范畴,旨在提升用户体验。通过HarmonyOS折叠屏设计规范,对齐设计语言,拉通体验设计的方向,帮助设计师统一设计品质,最终为用户提供清晰一致、简单易用的使用体验。随着华为新一代折叠屏Mate X2、P50 Pocket的发布,华为最新的HarmonyOS折叠屏设计规范也来啦!下面跟随我们一起来了解一下HarmonyOS折叠屏设计规范的新增亮点内容吧。

一、新增外屏设计规范针对2021年新款折叠屏特有的外屏,HarmonyOS折叠屏设计规范新增了“外屏”章节来介绍外屏的适配设计,帮助设计师充分利用折叠屏的外屏,给用户带来额外的惊喜体验。折叠屏在折叠态时,有一块可显示、可交互的屏幕,称为外屏。根据外屏尺寸的不同,外屏分为大外屏和小外屏两种规格。大外屏尺寸接近一个普通的手机,可直接按照手机或折叠屏折叠态的布局及交互设计。小外屏尺寸较小,仅能显示少量关键信息或快捷操作,需要进行相应的适配设计。

由于小外屏需要专门的适配设计,“外屏”章节对小外屏做了详细了适配设计说明,包括适用场景、视觉显示模板、界面用语等。如图2所示,“外屏”章节提供了小外屏的视觉显示模板和案例。

另外,该章节针对内外屏的体验接续规则和适用场景也进行了详细的说明。大外屏和内屏建议无缝的体验接续;小外屏和内屏则需要区分场景和状态来考虑是否体验接续。

二、新增多窗口交互规范

折叠屏展开态的宽屏特征让其天然适合多任务并行,因此在HarmonyOS折叠屏设计规范特地增加了“多窗口交互”这一章节,帮助设计师充分利用宽屏实现多任务并行、便捷的临时任务处理,给用户提供更佳的使用体验。

该部分主要介绍了折叠屏上的悬浮窗、分屏及平行视界三种多窗口交互的定位、区别、适用场景、适配要求及交互规则。

除了以上新增内容外,HarmonyOS折叠屏设计规范还在原有章节内容中新增了更多的视频案例,帮助开发者、设计师和产品经理更快速地理解典型场景及设计规则。

原文标题:外屏和宽屏浪费了?HarmonyOS折叠屏设计规范教你用起来

文章出处:【微信公众号:HarmonyOS官方合作社区】欢迎添加关注!文章转载请注明出处。

审核编辑:汤梓红

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

    关注

    34

    文章

    6684

    浏览量

    154958
  • 折叠屏
    +关注

    关注

    3

    文章

    476

    浏览量

    15147
  • HarmonyOS
    +关注

    关注

    79

    文章

    1827

    浏览量

    29259

原文标题:外屏和宽屏浪费了?HarmonyOS折叠屏设计规范教你用起来

文章出处:【微信号:HarmonyOS_Community,微信公众号:电子发烧友开源社区】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    PCB layout在布线上的设计规范有哪些?

    一站式PCBA智造厂家今天为大家讲讲pcb layout设计需要注意哪些细节?pcb layout设计规范。Printed Circuit Board (PCB)是一种电子零件,它是连接
    的头像 发表于 02-23 09:19 290次阅读

    华为印制电路板(PCB)设计规范

    电子发烧友网站提供《华为印制电路板(PCB)设计规范.pdf》资料免费下载
    发表于 01-02 10:44 13次下载

    印制电路板设计规范

    电子发烧友网站提供《印制电路板设计规范.pdf》资料免费下载
    发表于 01-02 10:37 2次下载

    鸿蒙原生应用开发-折叠、平板设备服务卡片适配

    一、多设备卡片适配原则 为不同尺寸的卡片提供不同的功能 在卡片开发过程中请考虑适配不同尺寸的设备,特别是在折叠和平板设备上,设备屏幕尺寸的变化直接影响了卡片内容的展示。请发挥想象力设计具有自适应
    发表于 11-16 10:10

    HarmonyOS鸿蒙原生应用开发设计- 隐私声明

    HarmonyOS设计文档中,为大家提供了独特的隐私声明,开发者可以根据需要直接引用。 开发者直接使用官方提供的隐私声明内容,既可以符合HarmonyOS原生应用的开发上架运营规范,又
    发表于 10-31 14:16

    HarmonyOS鸿蒙原生应用开发设计- 音效库

    。 整体分类 开发者直接使用官方提供的音效库内容,既可以符合HarmonyOS原生应用的开发上架运营规范,又可以防止别人引用的侵权等,减少自主创作音效的工作量。当然,如果有个性化的自主又有能力创作
    发表于 10-30 16:09

    HarmonyOS鸿蒙原生应用开发设计- 流转图标

    HarmonyOS设计文档中,为大家提供了独特的流转图标,开发者可以根据需要直接引用。 开发者直接使用官方提供的流转图标内容,既可以符合HarmonyOS原生应用的开发上架运营规范,又
    发表于 10-26 10:25

    HarmonyOS鸿蒙原生应用开发设计- 华为分享图标

    HarmonyOS设计文档中,为大家提供了独特的华为分享图标,开发者可以根据需要直接引用。 开发者直接使用官方提供的华为分享图标内容,既可以符合HarmonyOS原生应用的开发上架运营规范
    发表于 10-25 14:28

    HarmonyOS鸿蒙原生应用开发设计- HarmonyOS Sans 字体

    HarmonyOS设计文档中,为大家提供了独特的字体,开发者可以根据需要直接引用。 开发者直接使用官方提供的字体内容,既可以符合HarmonyOS原生应用的开发上架运营规范,又可以防止
    发表于 10-23 16:12

    非常详细的PCB设计规范

    非常详细的PCB设计规范
    发表于 10-11 18:06 30次下载

    OpenHarmony应用开发涉及的主要因素与UX设计规范

    一、OpenHarmony应用开发涉及的主要因素 二、OpenHarmony应用开发UX设计规范 UX设计规范的主要内容与部分图标示例 2.OpenHarmony应用设计原则 设计原则,当为
    发表于 09-25 15:03

    Verilog设计规范包括哪些内容

    本文包含以下几方面内容,程序设计,模块例化、运算符,模块设计模板 目标:用最简单,最简洁的方式,设计最易读,最高效的代码
    发表于 08-17 10:14 287次阅读
    Verilog<b class='flag-5'>设计规范</b>包括哪些<b class='flag-5'>内容</b>

    FPGA芯片外围电路设计规范和配置过程

    小编在本节介绍FPGA芯片外围电路设计规范和配置过程,篇幅比较大,时钟的设计原则就有17条,伙伴们耐心读一读。
    的头像 发表于 08-15 16:18 3850次阅读
    FPGA芯片外围电路<b class='flag-5'>设计规范</b>和配置过程

    详解FPGA的设计规范与应用

    点击上方 蓝字 关注我们 FPGA设计规范        1.设计必须文档化。要将设计思路,详细实现等写入文档,然后经过严格评审通过后才能进行下一步的工作。这样做乍看起来很花时间,但是从整个项目过程
    的头像 发表于 06-19 09:35 1084次阅读

    SMT-PCB拼版设计规范

    SMT-PCB拼版设计规范
    的头像 发表于 06-15 10:59 958次阅读
    SMT-PCB拼版<b class='flag-5'>设计规范</b>