做小程序设计遇到的坑 - APP开发资讯 | 北京app开发公司-北京亿点时代科技有限公司|致力于专业的手机app开发定制服务_开发一个app多少钱_安卓app开发_app外包_手机app软件开发_app制作费用_app开发流程

北京App开发公司亿点时代
致力于专业的App开发定制服务

做小程序设计遇到的坑

一年半的时间,我们亲眼见证了小程序从萌芽成长为参天大树,支撑起我们现今的生活方式,让我们在他的树荫下享受着舒适。很多公司自然不会错过这次机会,纷纷加入到小程序的行列。

这对设计和开发而言算是一次挑战,毕竟要快速上线的步伐没有留给我们太多时间,而市面上的相关资料都太零碎,在实际中会遇到很多的坑,官方文档也没有说明,下面就是我在小程序设计中遇到的那些坑:

一、设计稿最好用二倍图

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

二、切图只需切750的尺寸

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

三、导航栏不要自定义

标准高度:128rpx

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

四、标签栏爱素颜

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

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

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

六、视频限时多

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

七、一稿适配

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