一年半的时间，我们见证了小程序从萌芽到参天大树的成长，支撑着我们现在的生活方式，让我们在它的绿荫下享受惬意.很多企业自然不会放过这个机会，纷纷加入到小程序的行列中。这对设计和开发来说是一个挑战。毕竟我们快速上网的时间不多，而且市面上的相关资料太零散了。实践中会遇到很多坑，官方文档没有说明。所以我就带着我们的Yog小弟来帮你避开小程序设计中的那些陷阱。1.设计稿最好用双图UI设计师喜欢用双图，但为什么要用双图，方便适配是表面现象，真正的原因是开发的开发工具支持双图开发，开发不需要不再转换值。但是小程序的开发工具不支持双图的开发，但是支持双图的开发。小程序中的尺寸单位叫做rpx，可以根据屏幕宽度适配。在750*1334的设计稿中，1px=1rpx。如果你心疼你的开发小哥哥，就让他减少掉毛吧，设计稿的尺寸使用750*1334。但是如果你的开发小哥以前一直欺负你，那你自己想办法，他能搞定。2、裁图只需要裁750的尺寸，如果设计稿是双图（750*1334），只需要给双倍的切片即可；如果是按照双图（375*667）设计的，只需要两次抠图即可。你真的关心其他尺寸吗？不是你不想，而是小程序的开发工具不支持。3、不自定义导航栏的标准高度：128rpx小程序很轻量，但也有很多限制。其中之一是无法自定义导航栏。唯一可以改变的是颜色。这是官方的意思，但也可以更改它。客户端版本需要6.6.0以上，下拉会使整个页面下拉，不易维护。你会说没有已经用过的小程序，没错，这个小程序就叫旺卡，现在他们改回来了。所以，千万不要难为开发小弟。4、标签栏爱素颜标准名称为：tabpagenavigation，标准高度：98rpx，简称标签栏。1.偷偷摸摸。这是一个安静的夜晚，让其他人度过他们的脸。我在公司一个人设计。我承认这真的很无奈，就像其他小程序一样。我听说你还在做一些原创的东西，加了一个阴影和一些渐变，觉得这很棒，无可挑剔。结果开发哥哭了。我相信这是一幅美丽的图画，但开发做不到。表情可想而知。当然，也可以做一些其他的形式，所以请不要让开发看到你。如果还能再见到你，我一定要说，nativecontrol有很多好处，可以用。不用担心问题，不用担心维护。2.只要图标是81rpx，还是静夜，我还在做设计。这次我真的受不了了，跟其他小程序一样。听说你又搞原创了，中间的图标变大了，破形破形再破形，脑细胞燃烧发育。不过要知道图标只需要81rpx就可以了，再小或者再大都会变形。一定要记住规格框。数量只能2到5个，多了少了不算，只能改图标，其他部件说了算。5.弹窗不覆盖导航和标签。小程序中导航栏和标签栏的层级是最高的，所以在这里享受习惯待遇的弹窗必须服从它们。6、视频限时多微缩节目对视频的支持不是很好。滚动控件中原则上不能放视频，微信官方文档对此有要求。我也很喜欢我们的小弟来验证这一点。确实如此。优酷和腾讯视频都修复了视频。但事实上，这一点已经被一些企业克服了，比如开颜、京东。征服归征服，但是体验不是很好。如果公司产品需要展示视频，建议新开一个页面，视频部分一定不要左右滚动。7.初稿如何适配iPhoneX，Android怎么办，这些不用再设计了，开发兄弟们可以搞定，相信他们。8、关于设计资源虽然微信官方有提供，但是更新时间还是2016年，小程序样式没有新版本，和现在版本的区别在顶部导航栏。
