感谢本站用户对谦让草和肖恩剪的线索传递! 伴随着新一代折叠屏手机华为MateXs2的发布,鸿蒙系统鸿蒙系统折叠屏的设计规格也有了更新。 昨天,鸿蒙系统正式公...
感谢本站用户对谦让草和肖恩剪的线索传递!
伴随着新一代折叠屏手机华为Mate Xs 2的发布,鸿蒙系统鸿蒙系统折叠屏的设计规格也有了更新。
昨天,鸿蒙系统正式公布了规范的更新内容此次更新的设计规范不仅增加了更多的应用场景,帮助您高效设计不同类型的业务应用,还通过清晰直观的案例对比图,帮助您有效避坑
1.信息显示完成
图1是信息展示案例对比图设计规范提出,在展开状态下不应有页面内容元素数量减少,图形元素模糊,分辨率降低或视觉体积减小等损失,并应保证展开状态下的内容元素不少于折叠状态下信息内容的3/4
图1信息显示
2.字体/图标适应
图2是字体适配案例对比图设计规范建议展开状态下的图标和字体大小不应有明显变化在保证可读性的基础上,建议保持与折叠状态下相同的尺寸如果尺寸必须改变,最大不应超过1.2倍为了保证良好的可读性,扩展后的单屏文字每行长度不要超过40个字,建议36个字左右
图字体/图标适应
3.弹出框适应
图3和图4是弹出框适配情况的对比图设计规范建议,处于展开状态和折叠状态的弹出框应保持相同的尺寸,或尺寸变化不超过1.2倍
图3弹出框适应
图4弹出框不合适
此外,本设计规范在典型应用案例一章中提供了视听娱乐,新闻资讯,生活服务,社交通讯,H5,金融,游戏等七个应用案例你可以参考这些案例,根据你的应用业务类型和业务场景,在折叠屏上做最好的界面适配和创新设计
鸿蒙系统折叠屏设计规范:点击此处查看