近日,HarmonyOS官方公布了规范的更新内容,这次更新的设计规范新增了更多应用场景案例,帮助大家高效设计不同类型的业务应用,还通过清晰直观的案例对比图,帮助大家有效避坑。
![](http://n.sinaimg.cn/spider20220522/252/w640h412/20220522/bafd-1ca367ac456024d7a62ec7dca73f53b7.jpg)
本次设计规范在“基础要求”章节针对内容、图片、字体、弹出框、屏幕旋转等提供了适配设计指南。
图片、视频等视觉元素不应发生变形、裁剪、显示不全等信息缺失。
一般情况下,展开态不应出现页面内的内容元素数量减少,或图形化元素模糊、分辨率下降或视觉体量减小等损失,确保展开态的内容元素不少于折叠态内容元素信息量的3/4。
![](http://n.sinaimg.cn/spider20220522/400/w640h560/20220522/67d7-321cefc04a51c81fbce086f795db5a76.jpg)
展开态图标和字体大小不应发生明显变化,在保证可读性的基础上,建议保持跟折叠态一样的大小。若一定要发生大小变化,则最大不要超过1.2倍。为确保有较好的可读性,展开态单屏文本长度不超过40字,推荐36字左右。
![](http://n.sinaimg.cn/spider20220522/118/w640h278/20220522/896c-a0c9b9c0796847767965ec17af6f9f31.jpg)
弹出框在应用设计中较为常见,例如红包、广告等,建议展开态和折叠态弹出框保持相同的大小,或大小变化最大不超过1.2倍。
![](http://n.sinaimg.cn/spider20220522/566/w640h726/20220522/303c-fccb3eb095c79b78bee22dc981c4de90.jpg)
![新浪科技公众号 新浪科技公众号](http://n.sinaimg.cn/tech/content/tech_qr2x.png)
新浪科技公众号
“掌”握科技鲜闻 (微信搜索techsina或扫描左侧二维码关注)
![](http://n.sinaimg.cn/tech/content/tech_weixin2.png)