2022-07-10 分类: 网站建设
对初次涉及成都小程序定制的公司而言,它的设计与开发是一次挑战。我们应该规避小程序设计中的那些坑:
一、设计稿最好用二倍图
UI设计师都喜欢用一倍图,但为什么用一倍图,方便适配是表面现象,真正原因是开发用的开发工具支持一倍图开发,开发不用再换算数值了。而小程序的开发工具不支持一倍图开发,支持二倍图开发。小程序里的尺寸单位叫 rpx,可以根据屏幕宽度进行自适应。在750*1334的设计稿里,1px = 1rpx。
二、切图只需切750的尺寸
设计稿用二倍图做的(750*1334),只需给一倍的切片;如果是按一倍图设计的(375*667),只要给二倍的切图。真的不管其它尺寸吗?不是不想管,而是小程序的开发工具不支持。
三、导航栏不要自定义
标准高度:128rpx
小程序很轻量,同时也有很多限制。导航栏不能自定义就是其中之一,能改变的只有颜色。
四、标签栏爱素颜
这个标准名称叫:标签分页导航,标准高度:98rpx,简称标签栏。
1. 偷笑别人花了脸
又是一个安静的晚上,一个人窝在公司里设计,我承认这样真的很无奈,和其它小程序一样。听说你还在搞什么原创,加个投影来点渐变,自以为这样很棒简直无懈可击。结果开发小哥哥哭了,我相信是很美美的图,但是开发做不到啊,那种表情可以想象。
2. 图标只要81rpx
还是一个安静的晚上,还是我在做设计,这次我真的按耐不住,和其它小程序一样。听说你又在搞什么原创,中间图标变大大,破形破形再破形,燃烧开发脑细胞。
五、弹窗不覆盖导航跟标签
在小程序里导航栏跟标签栏的层级是高的,以至于享受惯高待遇的弹窗在这里,也要臣服于他们。
六、视频限时多
小程序对视频的支持不是特别的好,原则上在滚动控件里不能放视频,而且微信官方文档里是这样要求的。这点我也像我们开发小哥哥求证,确实是这样,优酷和腾讯视频都是将视频固定。
但其实吧,这点已经被有些公司攻克了,比如开眼跟京东。攻克是攻克了,但是体验不怎么好。如果公司产品需要放视频,建议专门新开一个页面,视频部分最好不要有左右滚动。
七、一稿适配
iPhone X 怎么办,安卓怎么办,这些都不用再设计了,开发小哥哥都能搞定,相信他们。
八、关于设计资源
微信官方虽然有提供,但是更新时间停留在了2016年,没有现在新版的小程序样式,和现在的区别就在顶部导航栏上。
成都小程序定制,可以选择专业服务商,成都创新互联科技有限公司是您的好选择。
本文名称:成都小程序定制 如何避开错误操作?
网页地址:/news5/176155.html
成都网站建设公司_创新互联,为您提供网站策划、域名注册、电子商务、网站收录、做网站、ChatGPT
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容