本文是作者在设计微信小程序项目后总结的设计规范，涵盖了小程序尺寸、官方菜单、标题导航栏、标签分页导航、内容设计、加载样式和全局操作反馈等方面。重点强调了设计时需要注意的细节，如保留官方菜单区域、标题导航的自定义、底部标签导航的数量限制等。此外，文章还提供了新版小程序控件的获取方式。
作者： 阿倩
前不久做了一个微信小程序的项目，总结了一些小程序的设计规范，如果对小程序不够了解就开始设计，设计完程序小哥肯定就要暴走了~，为了挽留程序小哥，我吐血整理了这篇设计规范，还给大家准备了新版小程序控件（一定要看到底哦~）。
本篇纲要：
- 小程序尺寸
- 官方小程序菜单
- 标题导航栏设计（Title bar）
- 标签分页导航设计（Tab bar）
- 内容设计
- 加载样式
- 全局操作反馈
一、小程序尺寸
小程序开发尺寸是rpx（responsive pixel），可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。这里了解就行，设计稿尺寸375px或
最低0.47元/天 解锁文章
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
