制作小程序这七个坑要避免

  • 发布时间:2019-04-28 10:23:40,加入时间:2017年05月16日(距今2738天)
  • 地址:中国»福建»福州:福州市晋江区福马路海峡工业设计创意园A区10层 智
  • 公司:福建锦绣商务电子科技有限公司, 用户等级:普通会员 已认证
  • 联系:颜小姐,手机:15280411217 微信:dreamer8888 电话:0591-39010158

  一年半的时间,我们亲眼见证了小程序从萌芽成长为参天大树,支撑起我们现今的生活方式,让我们在他

的树荫下享受着舒适。很多公司自然不会错过这次机会,纷纷加入到小程序的行列。

  这对设计和开发而言算是一次挑战,毕竟要快速上线的步伐没有留给我们太多时间,而市面上的相关资料

都太零碎,在实际中会遇到很多的坑,文档也没有说明。所以我帮大家规避小程序设计中的那些坑。

  一、标签栏爱素颜

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

  但这块我写嗨了,就简称标签栏

  1 偷笑别人花了脸

  又是一个安静的晚上,一个人窝在公司里设计,我承认这样真的很无奈,和其它小程序一样Yeah~ 听说你

还在搞什么原创,加个投影来点渐变,自以为这样很棒棒简直无懈可击。结果开发小哥哥哭了,我相信是很美

美的图,但是开发做不到啊,那种表情可以想象。

  虽然也可以,做点其它形态,那就拜托别,让开发见到到你。如果再能看到你,一定就是这么说,原生控

件好处多多能用他。不用担心出问题,不用维护怕麻烦。很怀念,别怀念,现在我就马上改回来。

  2 图标只要 54rpx

  还是一个安静的晚上,还是我再做设计,这次我真的按耐不住,和其它小程序一样Yeah~ 听说你又再搞什

么原创,中间图标变大大,破形破形再破形,燃烧开发脑细胞(实在抱歉,突然被另一首歌**了)

  但是,要知道,图标只要 54rpx,小于大于都变形,一定记得规格框。数量只能2至5,多了少了不算数,

你只能去改图标,其它组件说了算。

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

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

  

  三、设计稿用二倍图

  UI设计师都喜欢用一倍图,但为什么用一倍图,方便适配是表面现象,真正原因是开发用的开发工具支持

一倍图开发,开发不用再换算数值了。而小程序的开发工具不支持一倍图开发,支持二倍图开发。小程序里的

尺寸单位叫 rpx,可以根据屏幕宽度进行自适应。在的设计稿里,1px = 1rpx。

  如果你心疼你的开发小哥哥,让他少掉点头发,设计稿用的尺寸。但如果你的开发小哥哥之前

老欺负你,那,,,你就看着办吧,他都能搞定。

  四、切图只需切750的尺寸

  设计稿用二倍图做的只需给一倍的切片;如果是是按一倍图设计的只要给二倍的

切图。真的不管其它尺寸吗­不是不想管,而是小程序的开发工具不支持。

  五、导航栏不要自定义

  标准高度:128rpx

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

  这是的意思,但是,要改也是可以滴,需要客户端版本是 6.6.0 以上,而且下拉会使整个页面下拉,

也不要维护。

  你会说这不有小程序已经使用了嘛,是,这个小程序叫汪卡,现在,他们已经改回来了。。。所以,你也

别难为你的开发小哥哥了。

  六、视频限时多

  小程序对视频的支持不是特别的好,原则上在滚动控件里不能放视频,而且文档里是这样要求的

。这点我也像我们开发小哥哥求证,确实是这样,优酷和腾讯视频都是将视频固定。

  但其实吧,这点已经被有些公司攻克了,比如开眼跟京东(是的,你没看错,京东)。攻克是攻克了,但是

体验不怎么好。如果公司产品需要放视频,建议专门新开一个页面,视频部分不要有左右滚动。

  七、一稿适配

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

联系我时请说明来自志趣网,谢谢!

免责申明:志趣网所展示的信息由用户自行提供,其真实性、合法性、准确性由信息发布人负责。使用本网站的所有用户须接受并遵守法律法规。志趣网不提供任何保证,并不承担任何法律责任。 志趣网建议您交易小心谨慎。