HarmonyOS 折叠屏设计规范.pdfVIP

HarmonyOS折叠屏设计规范

一、基础要求

我们发现部分应用在普通手机上显示效果良好,但在折叠屏上,图片、字体、卡片等元素

过大,导致单屏信息密度过低,没有发挥出大屏幕的优势,浏览效率低于普通手机。

因此,本次设计规范在“基础要求”章节针对内容布局、图片、字体、弹出框、屏幕旋转等

场景提供了明确的适配指南。以下是3个典型场景的对比示例。

1.信息展示完整

图1是信息展示对比图,设计规范建议展开态不应出现页面内的内容元素数量减少,或

图形化元素模糊、分辨率下降或视觉体量减小等问题,应确保展开态的内容元素不少于折叠

态内容元素信息量的3/4。

图1信息展示

2.字体/图标适配

图2是字体适配对比图,设计规范建议展开态图标和字体大小不应发生明显变化,在保证

可读性的基础上,建议保持和折叠态一样的大小。若需调整字号图标尺寸,缩放比例上限为

1.2倍。为确保有较良好的可读性,展开态单屏每行文本长度不得超过40字,推荐36字左右。

图2字体/图标适配