定制小程序开发设计 如何避开错误操作？

对初次涉及定制小程序开发的公司而言，它的设计与开发是一次挑战。今天，成都创新互联就来帮帮大家规避小程序设计中的那些坑。

一、设计稿最好用二倍图

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

二、切图只需切750的尺寸

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

三、导航栏不要自定义

标准高度：128rpx

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

四、标签栏爱素颜

这个标准名称叫：标签分页导航，标准高度：98rpx，简称标签栏。

1. 偷笑别人花了脸

又是一个安静的晚上，一个人窝在公司里设计，我承认这样真的很无奈，和其它小程序一样。听说你还在搞什么原创，加个投影来点渐变，自以为这样很棒简直无懈可击。结果开发小哥哥哭了，我相信是很美美的图，但是开发做不到啊，那种表情可以想象。

2. 图标只要81rpx

还是一个安静的晚上，还是我在做设计，这次我真的按耐不住，和其它小程序一样。听说你又在搞什么原创，中间图标变大大，破形破形再破形，燃烧开发脑细胞。

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

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

六、视频限时多

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

但其实吧，这点已经被有些公司攻克了，比如开眼跟京东。攻克是攻克了，但是体验不怎么好。如果公司产品需要放视频，建议专门新开一个页面，视频部分最好不要有左右滚动。

七、一稿适配

iPhone X 怎么办，安卓怎么办，这些都不用再设计了，开发小哥哥都能搞定，相信他们。

八、关于设计资源

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

网站栏目：定制小程序开发设计 如何避开错误操作？
本文路径：/news35/178985.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有小程序开发等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联