微信小程序设计时需要了解的六个坑，你了解了吗？
经过这两年的时间，我们亲眼见证了小程序从萌芽成长为参天大树，支撑起我们现今的生活方式，让我们在他的树荫下享受着舒适。很多公司自然不会错过这次机会，纷纷加入到小程序的行列。
一、设计稿最好用二倍图
UI设计师都喜欢做二倍图，但是在开发当中经常会用一倍图，因为开发用的开发工具支持一倍图开发，开发不用再换算数值了。但是小程序的开发工具不支持一倍图开发，支持二倍图开发。小程序里的尺寸单位叫 rpx，可以根据屏幕宽度进行自适应。在750*1334的设计稿里，1px = 1rpx。
rpx = px * (目标设备宽 px 值 / 750)
所以说做小程序的UI设计稿只需做二倍图就可以。
二、导航栏不要自定义
标准高度：128rpx
小程序很轻量，同时也有很多限制。导航栏不能自定义就是其中之一，能改变的只有颜色。
这是官方的意思，但是，要改也是可以的，需要客户端版本是6.6.0以上，而且下拉会使整个页面下拉，也不好维护。
三、标签栏有标准
标签栏标准名称叫：标签分页导航，简称标签栏。
UI设计当中标签栏也是一个很出彩的点，所以有时候做标签栏设计的时候为了更有冲击力就会给便签栏加阴影加渐变，中间icon变大、变形等等 各种效果。
在小程序设计当中虽然这些效果也是可以实现的，但是为了后期维护方便，避免小程序规范更改时出现错乱的情况，最好还是使用微信官方控件。
标签栏标准：
1. 小程序标签栏标准高度：98rpx，不能加阴影、渐变。
2. 小程序图标大小81rpx，小于大于都变形，一定记得规格框。数量只能2至5。
四、弹窗不覆盖导航跟标签
在小程序里导航栏跟标签栏的层级是最高的，以至于享受惯最高待遇的弹窗在这里，也要臣服于他们。目前没有组件可以撼动他们的地位。
五、视频限制多
小程序对视频的支持不是特别的好，原则上在滚动控件里不能放视频，而且微信官方文档里是这样要求的。经求证，确实是这样，优酷、开眼和腾讯视频都是将视频固定。
六、一稿适配
iPhone X 怎么办，安卓手机怎么办，这些都不用再设计了，只要你设计好你的二倍图（750*1334）开发都能搞定，相信他们。
七、关于设计资源
微信官方虽然有提供，但是更新时间停留在了2016年，没有现在新版的小程序样式，和现在的区别就在顶部导航栏上。
八、最后给大家推荐四款相见恨晚的小程序
1. 人生进度
在这个小程序中，我们的一生被比喻成手机电池的电量。
75岁（共计900个月）的中国人均寿命，是我们能挥霍的所有电量。
点击设置出生年月之后，已经用掉的电量，就是我们人生目前的进度。
静思也是一个很有趣的功能，在现在浮躁的日子里，有那么一炷香的时间可以 “吾日三省吾身”也是非常不错的。
2. 传图识字
你有没有遇到过需要将图片转化成word文档的情况，或者喜欢读纸质书，又不想一字一句的记录笔记，这个小程序就是你的好帮手。
这个功能，在不少应用上都会限制次数，甚至收费。
使用方式如名字所示，即“可以把图片上的文字，识别成可编辑的文本内容”。亲测准确率很高，速度方面也很出色，几乎是秒出。
3. 美篇
一款操作简单的图文创作分享神器。选择照片、添加文字、配上音乐，一篇属于你自己的文章便生成了。模板多样，图文随时可修改，并且支持一键分享到微信好友和朋友圈，写游记、发摄影大片、晒美食、秀萌娃、炫才艺，这里有说不完的关于你自己的故事~
4.追波|Dribbble
Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。
我们在国内日常的使用 Dribbble 官方网页端/APP端，访问速度不堪入目，所以由于众所周知的慢，于是这个小程序就诞生了啦~这款小程序虽然是个人开发的但是功能还是很齐全的。
个人观点，不喜勿喷！
