最近做了一些小程序的项目，在实际的设计中也遇到了很多的坑，官方文档也没有说明。下面我就来和大家分享一下
一.关于设计稿
小程序里的尺寸单位叫 rpx，可以根据屏幕宽度进行自适应。在750*1334的设计稿里，1px = 1rpx。直接切2倍图就可以～
换算方法
二.关于切图
设计稿用二倍图做的（750*1334），只需给一倍的切片；如果是是按一倍图设计的（375*667），只要给二倍的切图。
三.关于导航栏
导航栏不能自定义，其标准高度是128rpx，且能改变的只有颜色，仅支持纯色。
四.标签分页导航，标准高度：98rpx。
小程序首页可选择微信提供的原生底部标签分页样式，也可自定义图标样式、标签文案以及文案颜色等
---图标：控件里给的空间是54 * 54px，但是，小程序开发需要的是81 * 81px，正好是 1.5 倍。
---数量：2-5个（不得低于2个，最多不超过5个）确保点击区域，建议不超过4个
五、弹窗不覆盖导航跟标签
在小程序里导航栏跟标签栏的层级是最高的，所以弹窗是要臣服于他们的
六、避免误操作
手指的点击精确度远不如鼠标，因此在设计页面上需点击的控件时，需要充分考虑到其热区面积，避免由于可点击区域过小或过于密集而造成误操作。由于手机屏幕分辨率各不相同，因此最适宜点击像素尺寸也不完全一致，但换算成物理尺寸后大致是在7mm-9mm之间。
七、资源分享
在微信提供的标准组件库中，各种控件元素均已考虑到了页面点击效果以及不同屏幕的适配，因此推荐使用或模仿标准控件尺寸进行设计。
WeUI_sketch组件库 下载
WeUI_PS组件库 下载
