你知道设计微信小程序需要注意的六个陷阱吗？

两年来，我们见证着小程序从一棵嫩芽成长为参天大树，支撑起我们现在的生活方式，让我们享受着它的庇荫。很多企业也不会错过这个机会，纷纷加入到小程序的行列中。

1.设计稿最好用双图

UI设计师喜欢做双倍尺寸的图片，但在开发时往往使用单倍尺寸的图片，因为开发时使用的开发工具都支持单倍尺寸的图片开发，开发时无需进行数值转换。但小程序的开发工具并不支持单倍尺寸的图片开发，但支持双倍尺寸的图片开发。小程序中尺寸单位叫rpx，可以根据屏幕宽度进行适配。在750*1334的设计稿中，1px = 1rpx。

rpx = px * (目标设备宽度 px / 750)

因此在制作小程序的UI设计稿的时候，只需要制作双图就可以了。

2. 不要自定义导航栏

标准身高：

小程序虽然轻量，但也有不少限制，其中之一就是导航栏无法自定义，唯一能改的就是颜色。

这是官方的意思，但是可以改，客户端版本需要6.6.0以上，下拉会导致整个页面也下拉，不好维护。

3. 标签栏有标准

标签栏的标准名称是：标签页导航，简称标签栏。

标签栏也是UI设计中非常吸引眼球的功能，所以有时候在设计标签栏的时候，为了让它更有冲击力，我们会给笔记栏添加阴影、渐变，放大中间的图标，变形等等。

虽然在小程序设计中可以实现这些效果，但是最好使用微信官方的控件，方便后期维护，避免小程序规格变更时造成混乱。

标签栏标准：

1、小程序标签栏标准高度：不可添加阴影或渐变。

2.小​​程序图标尺寸如果小于或者大于图标尺寸都会变形，记得在尺寸框里设置尺寸，数字只能是2到5。

4. 弹出窗口不覆盖导航和标签

在小程序中，导航栏和标签栏处于最高层，以至于习惯享受最高待遇的弹窗也不得不屈服于它们之下，目前还没有哪个组件能够撼动它们的地位。

5. 视频限制较多

小程序对视频的支持不是很好，原则上视频不能放在滚动控件里，这也是微信官方文档要求的，经过核实，确实如此，优酷、开言、腾讯视频均对视频进行了修复。

6. 一稿改编

用X怎么办，用安卓手机怎么办，你不用再设计这些了，只要把你的双倍图（750*1334）设计好，开发人员可以搞定的，相信他们。

7. 关于设计资源

虽然微信官方提供了，但是更新时间是2016年，并没有现在新版的小程序风格，和现在的区别就在顶部导航栏。

8、最后给大家推荐四个我很想早点知道的小程序。

1. 生命进程

在这个小程序里，我们的生命就好比手机的续航能力。

中国人的平均寿命为75岁（共900个月），这是我们可以浪费的全部电力。

点击设置你的出生日期后，所用过的电量代表着你目前的生活进度。

静心冥想也是一个很有意思的功能，在如今浮躁的日子里，有一炷香“一日三省吾身”也是很不错的。

2.传输图片并识别文字

你有没有遇到过需要将图片转为word文档的情况，或者你喜欢看纸质书但又不想逐字逐句地记笔记，这个小程序就是你的好帮手。

该功能在很多应用上有使用次数限制，甚至可能需要收费。

用法正如名字所示，就是“能将图片上的文字识别成可编辑的文本内容”。准确率非常高，速度也很出色，几乎以秒为单位。

3. 美片

一款简单的图文创作分享工具，选择照片，添加文字，添加音乐，一篇属于自己的文章就生成了。模板多样，图文随时修改，支持一键分享到微信好友和朋友圈。可以写游记，发摄影大片，秀美食，秀萌娃，秀才艺，关于自己的故事在这里说不完~

4. 追逐波浪 |

它是面向创作者、艺术家、设计师等创作人群的交流网站，为其作品提供在线服务，让网民可以在线观看已完成的作品或正在进行的作品。

在中国我们日常生活中都是用官网/APP，访问速度非常慢，所以就诞生了这个小程序，虽然是个人开发的，但是功能还是比较齐全的。

这只是我个人观点，不同意请不要批评！