关注我们
成都多享科技二维码图片

成都多享科技有限公司

Chengdu DuoXiang Technology co., LTD

首页 > 小程序动态 > 设计小程序中应该避免那些地方?

设计小程序中应该避免那些地方?

2020-12-31

咱们亲眼见证了小程序从萌芽成长为参天大树,支撑起咱们如今的生活方式,让咱们在他的树荫下享受着舒适。许多公司自然不会错失这次时机,纷繁加入到小程序的行列。这对规划和开发而言算是一次挑战,究竟要快速上线的脚步没有留给咱们太多时间,而市面上的相关材料都太琐细,在实际中会遇到许多的坑,帮大家躲避小程序规划中的那些坑。

一、规划稿最好用二倍图
UI规划师都喜爱用一倍图,但为什么用一倍图,方便适配是表面现象,真实原因是开发用的开发工具支持一倍图开发,开发不用再换算数值了。而小程序的开发工具不支持一倍图开发,支持二倍图开发。小程序里的尺度单位叫 rpx,能够依据屏幕宽度进行自适应。在750*1334的规划稿里,1px = 1rpx。

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

三、导航栏不要自定义
规范高度:128rpx
小程序很轻量,一起也有许多约束。导航栏不能自定义就是其中之一,能改变的只要色彩。

四、标签分页导航
规范高度:98rpx,简称标签栏。
图标只要81rpx
小于大于都变形,一定记得规格框。数量只能2至5,多了少了不算数,你只能去改图标,其它组件说了算。

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

六、视频限时多
小程序对视频的支持不是特别的好,原则上在滚动控件里不能放视频,而且微信官方文档里是这样要求的。这点我也像咱们开发小哥哥求证,确实是这样,优酷和腾讯视频都是将视频固定。
但其实吧,这点已经被有些公司霸占了,比如开眼跟京东。霸占是霸占了,但是体会不怎么好。如果公司产品需求放视频,主张专门新开一个页面,视频部分最好不要有左右滚动。

Copyright 2014 duoxiang.net, All Rights Reserved 版权所有 蜀ICP备10020808号成都多享科技有限公司网站地图

电话:18980476739邮箱:dx@duoxiang.net

地址:成都市高新区天府二街蜀都中心2栋5F


版权所有 蜀ICP备10020808 -1