小程序设计的7个陷阱：设计草图最好使用重复的图纸 |把图纸剪成只有750个尺寸

自然很多企业不会放过这个机会，纷纷加入小程序。

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

1。最好使用两倍的设计草图尺寸

UI设计师喜欢使用两倍的图像尺寸，但为什么他们使用两倍的图像尺寸呢？方便适应是一种表面现象。真正的原因是开发工具对开发支持一刀切。双图开发，开发不再需要转换数值。小程序开发工具不支持双图开发，但支持双图开发。 widget的大小单位称为rpx，可以根据屏幕的宽度进行调整。设计稿中750*1334 1px = 1rpx。

如果心疼你的开发兄弟，就让他少掉点头发吧，设计草图尺寸750*1334。但如果你的开发兄弟过去总是欺负你，你想做什么就做什么，他可以处理。

2。剪图时，只需剪尺寸750

，设计草图是用双图（750*1334）制作的，只需要双片；若按双图（375*667）设计，请仅提供双剖面图。真的不关心其他尺寸吗？不是我不想担心，而是小程序开发工具不支持。

3。不要自定义导航栏

默认高度：128 rpx

小程序很轻，有很多限制。其中之一是导航栏不可编辑，唯一可以更改的是颜色。

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

可以说没有用过小程序。是的，这个迷你节目叫旺卡，现在又改回来了。所以别为难你的开发兄弟了。

4。标签栏爱清白脸

这个标准名称是：标签页导航，标准高度：98rpx，叫标签栏。 ？我听说你还在做一些原创的事情，添加阴影和渐变。我认为这很棒而且无可挑剔。结果，开发者小哥哭了。我认为这是一个美丽的图像，但开发者无法做到。你可以想象一下这个表情。

虽然你也可以制作其他形式，但请不要让开发人员看到你。如果我再见到你，我必须说这句话。本机控件有很多优点，最好使用它们。无需担心出现问题或维护困难。

2。图标应该只有81rpx

这还是一个安静的夜晚，我还在计划。这次我实在是留不住了，像其他小程序一样。我听说你又在做一些原创的事情了。中间的图标生长、变形、再次变形，燃烧并发育脑细胞。

不过你要知道，图标必须只有81个rpx，比图标小或大都会扭曲。你必须记住故障箱。数量只能是2-5个。多或少都不算数。你只能改变图标，其他组件说了算。

5.弹窗不覆盖导航和贴纸

小程序中，导航栏和贴纸栏处于最高级别，所以习惯享受最高关怀的弹窗就放纵一下这里。

6。视频有时间限制

小程序对视频的支持不是很好。视频原则上不能放在滚动条中，这是微信官方文档所要求的。我也向我们的开发兄弟证实了这一点，确实如此。优酷和腾讯视频都修复了视频。

但实际上，像凯燕、京东这样的一些公司已经克服了这个问题。赢了，但是体验不太好。如果要在公司产品中展示视频，建议专门打开一个新页面。最好不要在视频部分左右滚动。

7。第一次草图改编

iPhone 做什么