微信小程序设计规范

微信小程序设计规范

设计之前知道规范，可以省很多事

一、设计稿用二倍图 750*1334

二、切图只需切750的尺寸

设计稿用二倍图做的（750*1334），只需给一倍的切片

真的不管其它尺寸吗？

三、导航栏不要自定义

标准高度：128rpx

只能改变【颜色】

四、标签栏爱素颜

标签栏高度：98rpx

不要加投影

【图标只要 81px】

要知道，图标只要 81rpx，小于大于都变形，一定记得规格框。

【数量只能2至5个图标】，多了少了不算数，你只能去改图标。

【弹窗不覆盖导航跟标签】

在小程序里导航栏跟标签栏的层级是最高的

一稿适配

iPhone X 怎么办，安卓怎么办，这些都不用再设计了，一稿适配

顶部导航样式

只能改颜色

不能自定义

底部标签栏

给开发81*81（1.5倍图）

标签栏图标切图的事，

控件里给的空间是54 * 54px，

但是，小程序开发需要的是81 * 81px，正好是 1.5 倍。

免费的sketch微信小程序控件

https://pan.baidu.com/s/1aCuRGDLrD-zotjiLt8phOQ

提取码：ujhv