微信小程序的设计规范都有哪些?
2021.01.10
1)小程序导航栏
小程序的所有页面,包括小程序内嵌网页和插件,微信都会在其右上角放置官方小程序菜单。开发者不可对其内容自定义,但可选择深浅两种基本配色以适应页面设计风格。——来自小程序设计指南
不过,除了右上角的小程序菜单是固定的、全局性的外,小程序导航栏的其它内容大家都可以根据自己的需求进行自定义。
2)小程序标签分页栏
这个与app设计几乎一样,对于标签分页栏,小程序同样支持手指点击切换或者滑动切换,比如腾讯视频小程序顶部tab栏支持手指滑动切换:
3)小程序弹窗不遮挡标题栏
这是我第一次做小程序遇到的问题,它并不是像app那样弹窗保持在界面的顶层。小程序会保持标题栏的层级是最高的,或许是为了避免遮挡导航栏右侧关闭小程序的那个模块吧。
4)小程序的返回键
小程序每个页面都需要有返回键,但分享的链接除外,返回键可以用首页键代替。
5)小程序底部导航栏
建议数量在2-4个,也可以根据产品需求去掉底部标签栏。同时受制于体积大小,小程序底部导航栏的切换样式相比于app会更加的简单。