小程序设计规范

01 小程序设计尺寸

工具用sketch举例,小程序里的尺寸单位叫做rpx,可以根据屏幕宽度进行自适应。官方要求的宽度为750rpx。不过设计师在设计时,可以不用在意rpx单位。设计师在创建画板时只需要创建宽度为375(android单位dp;ios单位pt)的画板即可,高度根据自己想做的手机型号来定。但给开发输出内容时,需要导出2倍或3倍图,一般情况下一套3倍图就能搞定。

02 小程序顶部标签栏

与app的顶部tab设计没有太大区别。顶部标签分页栏颜色可自定义。不过在自定义颜色选择中,需要注意保持分页栏标签的可用性、可视性和可操作性。

03 小程序内容区

小程序内容区的设计与app并无差别,app中的设计方法和规范,小程序中同样适用。但需要留意的是内容区与顶部title bar和tab bar的层级关系。

04 小程序tab bar

小程序的官方建议是2-5个,但个人建议是3-5个,底部两个的话实属难看,当然实在没有三个时候也只能用两个。另外官方建议tab bar高度98px,即49dp,实际上这个没有严格限制,绝大部分小程序的tab bar高度都48dp-52dp之间,

 

 

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/4383.html

发表评论

登录后才能评论