小程序设计中需要避开的坑有哪些

这篇文章主要介绍了小程序设计中需要避开的坑有哪些的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇小程序设计中需要避开的坑有哪些文章都会有所收获，下面我们一起来看看吧。

一、设计稿最好用二倍图

UI设计师都喜欢用一倍图，但为什么用一倍图，方便适配是表面现象，真正原因是开发用的开发工具支持一倍图开发，开发不用再换算数值了。而小程序的开发工具不支持一倍图开发，支持二倍图开发。小程序里的尺寸单位叫 rpx，可以根据屏幕宽度进行自适应。在750*1334的设计稿里，1px = 1rpx。

二、切图只需切750的尺寸

设计稿用二倍图做的（750*1334），只需给一倍的切片；如果是按一倍图设计的（375*667），只要给二倍的切图。真的不管其它尺寸吗？不是不想管，而是小程序的开发工具不支持。

三、导航栏不要自定义

标准高度：128rpx

小程序很轻量，同时也有很多限制。导航栏不能自定义就是其中之一，能改变的只有颜色。

四、标签分页导航

标准高度：98rpx，简称标签栏。

图标只要81rpx

小于大于都变形，一定记得规格框。数量只能2至5，多了少了不算数，你只能去改图标，其它组件说了算。

五、弹窗不覆盖导航跟标签

在小程序里导航栏跟标签栏的层级是最高的，以至于享受惯最高待遇的弹窗在这里，也要臣服于他们。

六、视频限时多

小程序对视频的支持不是特别的好，原则上在滚动控件里不能放视频，而且微信官方文档里是这样要求的。这点我也像我们开发小哥哥求证，确实是这样，优酷和腾讯视频都是将视频固定。

关于“小程序设计中需要避开的坑有哪些”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“小程序设计中需要避开的坑有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。