资阳开发微信小程序,大家应该避免的那些坑

初级涉及杭州开发微信小程序是一次挑战。以下是大家应该避免微信小程序设计中的那些坑:1、设计稿最好使二倍图UI设计师都爱用一倍图,但为何用一倍图,便捷适配是表面现象,真正缘由是开发用的开发工具支持一倍图开发,开发不需要再换算数值了。

初级涉及杭州开发微信小程序是一次挑战。以下是大家应该避免微信小程序设计中的那些坑:

1、设计稿最好使二倍图

UI设计师都爱用一倍图,但为何用一倍图,便捷适配是表面现象,真正缘由是开发用的开发工具支持一倍图开发,开发不需要再换算数值了。而微信小程序的开发工具不支持一倍图开发,支持二倍图开发。微信小程序里的尺寸单位叫 rpx,可以参考屏幕宽度进行自适应。在750*1334的设计稿里,1px = 1rpx。

2、切图仅需切750的尺寸

设计稿用二倍图做的,仅需给一倍的切片;若是按一倍图设计的,只须给二倍的切图。真的不管其它尺寸吗?不是不想管,而是微信小程序的开发工具不支持。

3、导航栏不要自概念

标准高度:
128rpx

微信小程序非常轻量,同时也有不少限制。导航栏不可以自概念就是其中之一,能改变的只有颜色。

4、标签栏爱素妆

这个标准名字叫:标签分页导航,标准高度:98rpx,简称标签栏。

1. 偷笑其他人花了脸

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

2. 图标只须81rpx

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

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

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

6、视频限时多

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

但其实吧,这点已经被有的公司攻克了,譬如开眼跟京东。攻克是攻克了,但体验不如何好。假如公司商品需要放视频,建议专门新开一个页面,视频部分最好不要有左右滚动。

7、一稿适配

iPhone X 如何解决,Android如何解决,这类都不需要再设计了,开发小哥哥都能解决,相信他们。

8、关于设计资源

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

假如你还有想知道的,或者需要杭州开发微信小程序,可以找杭州帷拓科技。

热门推荐
推荐阅读