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官方合作社区】欢迎添加关注!文章转载请注明出处。

审核编辑:汤梓红

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

    关注

    36

    文章

    7002

    浏览量

    161189
  • 折叠屏
    +关注

    关注

    3

    文章

    546

    浏览量

    16981
  • HarmonyOS
    +关注

    关注

    80

    文章

    2156

    浏览量

    36277

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

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

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    维信诺重磅推出全新无迹折叠

    折叠手机从“尝鲜”迈向“主力”的进程中,屏幕的厚度、平整度以及长期使用的可靠性,始终是影响用户体验的核心变量。
    的头像 发表于 04-02 17:45 838次阅读

    云台伺服驱动硬件设计规范与实现手册

    对象,从设计规范、电路架构、关键模块实现、PCB 工程规范、可靠性设计、测试验证等方面,形成一套完整、可直接工程化的云台伺服驱动硬件设计手册,适用于航拍、安防跟踪、工业视觉、机载稳定等高精度云台系统。
    的头像 发表于 03-04 15:40 234次阅读

    HarmonyOS折叠镜头切换应用实践

    设置错误导致拉伸或者画面旋转的问题日益凸显。本文通过镜头选取、镜头接续、角度设置三个维度来探讨在HarmonyOS折叠设备上更多创新的使用方式和更丰富的布局样式。
    的头像 发表于 08-27 16:35 1449次阅读
    <b class='flag-5'>HarmonyOS</b><b class='flag-5'>折叠</b><b class='flag-5'>屏</b>镜头切换应用实践

    PCB的接地设计规范与指南

    获取完整文档资料可下载附件哦!!!! 如果内容有帮助可以关注、点赞、评论支持一下哦~
    发表于 08-01 17:41

    PCB设计规范123

    获取完整文档资料可下载附件哦!!!! 如果内容有帮助可以关注、点赞、评论支持一下哦~
    发表于 07-14 16:22

    技术资讯 I 面向初级工程师的 PCB 设计规范

    本文要点基本PCB设计规范包括控制电流容量和阻抗,这是防止电弧和串扰的关键。选择适当的过孔类型,综合考虑长宽比、覆盖和塞孔,以确保可靠性。选择材料和层排列,提升信号完整性、热性能和可制造性。对于初级
    的头像 发表于 06-13 16:28 1782次阅读
    技术资讯 I 面向初级工程师的 PCB <b class='flag-5'>设计规范</b>

    鸿蒙5开发宝藏案例分享---三折叠应用开发分享

    鸿蒙三折叠应用开发宝藏分享:官方案例详解与实战代码 大家好呀!今天在翻鸿蒙文档时发现一个 超级宝藏 ——官方提供的三折叠开发案例!之前总觉得多设备适配复杂,没想到HarmonyOS早就准备好了完善
    发表于 06-12 15:47

    鸿蒙5开发宝藏案例分享---折叠开发实践

    APP的图片放大限制、视频类APP的悬停控制栏 节省试错成本 :官方已验证的方案避免踩坑 设计规范内置 :UX标准直接融入代码逻辑 跨设备覆盖 :一套代码兼容手机/折叠/平板/PC ⚠️ 避坑提示
    发表于 06-12 11:44

    鸿蒙5开发宝藏案例分享---一多窗口适配开发实践

    最近才挖到这些隐藏款案例,赶紧整理出来和大家唠唠! ?** 一、窗口断点自适应:折叠展开再也不用写两套代码!** 场景痛点 : 同一窗口宽度在不同设备(如折叠展开态和手机横
    发表于 06-03 15:53

    鸿蒙5开发宝藏案例分享---折叠悬停态开发实践

    HarmonyOS早就准备好了超多实用案例,今天必须带大家解锁\"悬停态\"开发的正确姿势,手慢无哦~ ?** 先来点干货:什么是悬停态?** 就是把折叠像笔记本电脑那样半折立在桌上
    发表于 06-03 12:04

    【华为】软件设计规范

    获取完整文档资料可下载附件哦!!!!如果内容有帮助可以关注、点赞、评论支持一下哦~
    发表于 05-27 15:48

    干货!原理图设计规范133条checklist

    原理图设计是产品设计的理论基础,设计一份规范的原理图对设计PCB、跟机、做客户资料具有指导性意义,是做好一款产品的基础。原理图设计基本要求:规范、清晰、准确、易读。因此制定《原理图设计规范》的目的
    的头像 发表于 05-22 11:46 1360次阅读
    干货!原理图<b class='flag-5'>设计规范</b>133条checklist

    华为将推出鸿蒙折叠电脑

    形态PC设备。让我们拭目以待吧! 据悉,鸿蒙折叠电脑将搭载HarmonyOS 5;定位超高端、突破传统笔记本形态;延续华为“非凡大师”系列高端、旗舰品牌印象。
    的头像 发表于 05-15 14:08 917次阅读

    技术资料—PCB设计规范

    本 PCB 设计规范包括:PCB 布线与布局、电路设计、机壳、器件选型、系统、线缆与接插件。 按部位分类 技术规范内容 1 PCB 布线与布局 PCB 布线与布局隔离准则:强弱电流隔离、大小
    发表于 04-25 17:24