自然，很多企业不会错过这个机会，加入小程序的行列。

这对于设计和开发来说都是一个挑战。毕竟快速上线的节奏并没有留给我们太多的时间，而且市场上的相关信息又过于碎片化。在实践中我们会遇到很多坑，官方文档也没有解释。 。所以我拉来了我们的开发小哥Yog来帮助大家避免小程序设计中的陷阱。

1、设计稿最好采用双图

UI设计师都喜欢使用重影，但是为什么要使用重影呢？便捷适配只是表面现象。真正的原因是开发的开发工具支持双倍镜像的开发，不需要转换数值进行开发。小程序的开发工具不支持双图开发，但支持双图开发。小程序中的尺寸单位称为rpx，可以根据屏幕宽度进行自适应。在750*1334的设计稿中，1px=1rpx。

如果你心疼你的开发兄弟，就让他少掉点头发吧，设计稿就用750*1334的尺寸吧。但如果你的开发兄弟以前总是欺负你，那么你想怎么做就怎么做，他能搞定。

2、切割图片时，只需将其切割成750的尺寸即可

如果设计稿是用两倍图纸（750*1334）制作的，则只需要给出两倍的切片即可；如果是基于双图（375*667）设计的，只需要给出两倍的切片即可。你真的不关心其他尺寸吗？不是我不想管，而是小程序的开发工具不支持。

3.不要自定义导航栏

标准身高：

小程序非常轻量，也有很多限制。其中之一是导航栏无法自定义。唯一可以改变的是颜色。

这是官方含义，但可以更改。客户端版本需要6.6.0以上，下拉会导致整个页面下拉，不便于维护。

你会说没有什么小程序用过。是的，这个小程序叫旺卡，现在，他们又把它改回来了。所以，别为难你的开发兄弟了。

4.标签栏里的素颜爱情

这个标准的名称是：标签分页导航，标准高度：，简称标签栏。

1. 嘲笑别人的损失

又是一个安静的夜晚，我一个人在公司做设计。我承认这确实很无奈，就像其他小程序一样。我听说你还在做一些原创的事情，添加阴影和渐变。我认为这很棒而且无可挑剔。结果，开发者小哥哭了。我相信这是一幅美丽的图画，但开发商做不到。你可以想象一下这个表情。

虽然你也可以做一些其他的形式，但是请不要让开发看到你。如果我再见到你，我一定要这样说。本机控件有很多好处，最好使用它们。无需担心出现问题或麻烦的维护。

2.图标只需

那仍然是一个安静的夜晚，我仍在设计。这次我真的按耐不住了，就像其他小程序一样。听说你又在搞原创了。中间的图标变得更大，打破形状，再次打破形状，燃烧和发展脑细胞。

不过要知道，只要小于或大于图标，图标就会变形，所以一定要记住规格框。数量只能是2到5个，多或少都不算数。你只能改变图标，其他组件说了算。

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

在小程序中，导航栏和标签栏处于最高级别，所以即使是习惯享受最高待遇的弹窗在这里也不得不向它们臣服。

6. 视频有很多时间限制

小程序对视频的支持不是特别好。原则上，视频不能放在滚动控件中，这是微信官方文档中要求的。我也向我们的开发者兄弟确认过这一点，确实是这样。优酷和腾讯视频都修复视频。

但事实上，这一点已经被一些公司克服了，比如凯彦、京东。虽然被征服了，但是体验并不是很好。如果公司产品需要展示视频，建议专门打开一个新页面。最好不要在视频部分左右滚动。

7.初稿改编

X做什么，做什么，这些都不需要再设计了，开发人员可以搞定，相信他们。