成都小程序开发如何做原型设计

你好我是一名UI设计师，有时也会做一些小程序之类的原型图设计和设计稿设计的工作。

不管是做什么样的小程序设计，首先要明白小程序的设计规范和原则。

我在这里简单介绍一下小程序设计规范（若有遗漏勿怪）：

小程序中首页不能有广告、海报、商业banner；

首页的功能区按钮只能放核心功能按钮，并且层级不可以过深，以免使用户寻找某一版块产生阻碍；

不得使用非模态 *** 作模式（打断用户 *** 作进程和强制用户 *** 作的方式）的d出层；

风格统一；

文字统一；

颜色文字和背景之间不能采用色相相近或饱和度相近的颜色，以免造成可读性差或视觉对比不强烈的效果；

按钮的内容不得带有强制性 *** 作内容，必须由用户选择才能进行下一步 *** 作；

大概比较重要的就是这几点了。

本文章记录了我在做小程序时使用canvas时，因层级太高无法显示d框的问题。

首先是在wxml页面的处理，我的宽高设置的是自适应宽高，只需改成自己的宽高即可，关键部分是加一个判断 wx:if="{{!canvasImg}}"

然后是js页面，d框结束时直接 canvasImg=null 即可

参考 >

小程序层级canvas最高，会有图表遮挡菜单栏的问题，这里写个canvas菜单看看能否调整图层，

详细文档 >

什么运营规则值得开发者关注？

1

类目资质——合法、真实与开放的融合

首先我们来回顾一下小程序的四大规则体系，依然是服务条款、运营规范、常见拒绝情形以及开放的服务类目。最受大家关注的是《特殊行业建议资质》更换成了《开放的服务类目》，优化之后，不仅展示需要法定资质的类目，而是将小程序的全部服务类目进行展示。还进一步细化为“非个人”“个人”以及“海外”三种开发者类型，分别开放不同的服务类目范围。其中，非个人类型的服务类目，从去年280多个增加到320多个。开发者可以更容易、更准确地找到自己对应的服务类目，更清晰自己能够在小程序上做些什么，也为更多类型的服务找到了入口，打开了更多小程序服务的空间。

“ICP证”，相信大家对这个词并不陌生。在小程序的类目里面，有10个类目是需要提供ICP证的。希望和大家解释的是，根据国家的法律，经营性的网站需要取得ICP证。所以，在特定的经营性服务中，为这个小程序提供服务及数据的网址，需要取得ICP证。这一点请各位开发者了解，有助于合法申领ICP证。

这里我们仍然说一下不合格资质的行为。这一年我们针对一些漏网之鱼、资质过期、不合格等情况进行了重点审核，有部分恶意违规的开发者被我们纳入黑名单、进行起诉索赔。不合格的资质是平台规则的红线，请大家一定不要试图以这种方式来提交审核。

承载小程序的服务及数据的网址需要取得ICP证

2

用户隐私及数据——善意、合理和信任

2018年，大家应该感受到，在全球范围内对用户数据保护的高度关注。例如年初的Facebook事件、年中欧盟GDPR的生效、近期的万豪集团住客数据事件等。用户数据的保护一直是我们产品理念的核心，我们不仅在《服务条款》、《运营规范》分别设有“用户个人信息保护”和“用户隐私及数据规范”两个章节，还优化了很多产品的细节，可以看到，在每一个小程序的设置页，我们都为用户提供了数据权限的开关，一旦用户授权之后又关闭了，小程序再次使用该用户数据时需要重新获得授权，为用户提供了更方便的数据控制权。用户在小程序的资料页还可以看到隐私数据保护的提示以及投诉入口。我们还将会上线昵称、头像的马甲授权，用户可以选用非真实的昵称和头像进行授权登录，在不影响小程序业务的正常运作下，让用户授权头像昵称的心理压力降到最低。请大家注意，在收集、获取用户数据的时候，整体上有个“必要+合理”的原则。必要是指只有在小程序的具体业务中，确实有场景需要获取用户数据的情况下，开发者才能去获取用户的同意授权；合理是指开发者获取的这些数据范围不应该超出具体场景所需要的数据范围。我们应当知道，用户对隐私数据的授权，是一种信任，平台和开发者都不应该辜负他们。也只有我们合法、合理地保护好用户数据，才能在业务真正需要的时候，得到用户的信任和授权。

3

分享有度、拒绝骚扰

如何拓展小程序的分享场景，一直是大家非常关注的。但是，有一些原则大家很有必要了解。对于小程序的分享，我们希望是通过分享促进好友之间的互动，通过好的小程序服务和体验，吸引好友参与进来，和开发者一起提升分享的互动性。但如果是“分享即得利益”的模式，例如分享了就可以获得优惠，分享的一方就无需考虑这个小程序是否优质、是否有价值，仅从自己的角度、获取单方的利益，就单方面、强制性地打扰到其他用户，这一点希望大家能够理解。

“多级分销”目前是电商类小程序比较容易触及到的模式。很多人质疑，为什么平台会反对，特别是法律上未必就一定构成传销等违法行为。这里我们需要解释一下平台的考虑。“多级分销”的特征主要有变相入门费、团队计算报酬以及多层级拉人头。这种模式很容易导致各个层级的用户都会忽略相关的产品或服务的实际质量，对于相关产品或服务的推荐转移为拉取更多人参与，这个本质的变化将会使“分享”的意义变质。同时，一旦中间有资金链断裂等情况，会造成比较大的风险事件，危及用户的财产安全。

以上是小程序和app的对比表。

一、开发语言

app在ios使用swift，安卓端使用java。而小程序由网页技术演变，使用JavaScript。不同的编程语言都有共性，熟悉一种语言后，再学习下一种语言就会更容易掌握。个人认为相对而言在学习入门难度上，javascript会比较容易一些。js还要配合html和css来制作标签及其样式。

二、体积

体积主要看程序包的功能多少而定，越多功能或者无用代码越多，导致的体积会越大。app的安装包体积一般在100m-300m左右。而一个小程序一般在1m左右，且理想的体积也是1m左右，能在一秒内加载完成。小程序只有在初次打开时下载安装包，而app是预先安装的。

三、入口

app的入口可以通过苹果商店/各大应用商店一键下载。安卓可以使用安装包进行安装。而小程序不用安装，直接可以通过二维码，好友分享的链接，文字链接复制等方式打开。即开即用，用完即走。而app不用需要手动进行卸载。

四、留存方式

app只留存在用户手机的内存中，通过桌面直接进入。而小程序则是在宿主app的小程序列表中，或者聊天记录中留存。亦可以通过宿主app的搜索功能再次打开小程序。支付宝可以将小程序的快捷方式通过网页快捷方式保存到手机桌面中，可以达到与app一样的留存效果。

五、功能限制

app属于 *** 作系统层级的应用，只会所在平台，比如苹果商店的限制。而小程序则会受到宿主app的限制。只有预先开发出对应的api，小程序才可以调用，而不能绕过宿主app。

六、推广运营

app的推广方式比较不会受到平台的限制，可以根据自己业务的需求来定制app的推广运营方式。而小程序则需要遵守宿主平台的推广规则。否则将无法通过审核。如：虚拟业务支付功能将无法在ios端的小程序上线。

七、平台优势

app没有任何平台优势，因app只属于开发的公司。而小程序则有平台的庞大用户群体优势，可以通过分享和搜索找到自家的小程序。在推广上小程序有独到的优势。

八、支付功能

app没有技术限制，可以实现任何支付功能。而小程序不一样，因各家小程序的支付方式都不一样，只能使用宿主平台的支付方式。如：微信只能使用微信支付，支付宝只能使用支付宝支付，百度只能使用百度支付，字节跳动暂时依靠微信和支付宝支付，但最近字节跳动已经在着手打造自家的支付方式。

九、开发时间

app若需要支持全平台，则需要打造安卓端与苹果端。开发的时间会比较长，涉及的人工成本和难度也会比较高。而小程序只需要遵循宿主平台的开发规则，一次开发，即可在全平台打开。

十、审核时间

app需要安卓IOS两套技术班底，应用上传流程繁琐，周期较长。而小程序一次审核通过即可全平台使用。

总结：

总体而言，小程序更适合于推广，吸纳新用户。而app则更适用于留存用户，提高用户的复购率和使用率。

原文：火猫网络

1、从技术层面来说，小程序的体验不及APP

App是基于两大生态系统安卓和IOS开发出来的应用；而小程序是基于微信生态开发出来的应用；微信与其他App一样，都属于 *** 作系统层级的应用，只不过微信是移动互联网最大流量入口的App。

从层级关系来讲，小程序只能算是微信App其中的一个小应用。所以说，微信小程序跟App一样流畅，从技术上来说是不可能的，因为小程序实现同样功能，会多一层计算，从计算角度来看必然会降低效率，不论是处理器还是内存还是耗电。

原生App在个性化的功能和交互方式上，在面向 *** 作系统的底层性能优化，对离线数据的支持，都会比微信小程序更强大，因此大型游戏、美图秀秀、高德地图这类App不可能通过微信小程序来实现。

2、从功能体量上来说，小程序不及APP

小程序跟 App 不一样，它不适合承载重需求，小程序的小字，某种程度上已经说明了它的体量不可能大，只能作为一种小型实用工具。1个100KB 的小程序所承载的角色远不及于1个 100MB 的App 所承载的那么多。

3、从开放性来说，小程序不及APP

App是基于大生态系统安卓和IOS的应用开发，除开发需要遵循生态系统外、运营、推广都可以遵循创业公司自己的想法（苹果相对严格一些），而小程序是基于微信生态的应用开发，开发语言是独成一派的Hybrid  App（HTML5），简而言之，微信小程序是一个基于微信的应用，开发出来后只能在微信内可以使用，离开则不能使用。在手机性能越来越高、Web 技术进化越来越快的今天，微信小程序这种封闭性导致这种技术到底能在多大程度上挑战 App 的地位，还需要更多的时间进行观察

4、从生态上来说，小程序与APP各表一派，不分伯仲

微信小程序与App的关系就像当年PC端软件和浏览器网站的关系一样，在互联网刚刚兴起的时候，PC软件和各种网站百花齐放，它们分别代表着PC时代以 *** 作系统为主的生态和以PC浏览器为主的两种生态。

微信小程序和微信商城之间的区别1、 *** 作方法不同微信商城的层级较多，以微趋道基于微信认证服务号开发的商城为例，需要用户关注服务号，点击自定义菜单，进入对应页面至少三步 *** 作。如果是有赞这种订阅号加外链商城的方式，则后期使用至少需要四步 *** 作，即打开订阅号折叠栏，打开对应订阅号，点击自定义菜单，进入对应页面。从上述描述，可以看到用户打开商城的 *** 作步骤比较繁琐。小程序没有任何层级，直接扫码或者点击就能打开，可谓一步到位，用户 *** 作步骤相当简单，更利于商家推广和留存客户。2、用户体验不同传统公众号开发借助的是HTML5技术，稳定性和流畅性比不上原生态APP。小程序拥有近乎原生态APP的体验，并且无需安装、注册和卸载，更不用考虑针对不同应用系统单独开发，以及不同手机型号的兼容性问题，加载更快，体验更流畅。3、用途不同微信团队当年开发公众号的本质是希望打造一个内容创作和服务平台，没想到会被自媒体占领，更没想到会被商家过度营销。从微信官方去年在2016年对于公众号的不断升级规范以及最近开通的微信实验室增加看一看功能来看，微信是希望通过更好的扶持内容创作者，让微信公众号在自媒体领域进一步发展。而自媒体人需要通过内容获取流量，然后让流量变现。以前是通过公众号商城实现，现在就需要让小程序承担这部分职责。公众号将回归本质，成为彻彻底底的自媒体平台以及商家服务承载平台。4、运营方式不同·都知道微信公众号是基于粉丝运营的，不管是原创文章，还是搞各种营销活动，无非是为了吸引用户关注，然后再想法子转化他们，引导他们在商城里面消费。所以做了微信商城的用户做一个商城只是开始，后期需要想法设法吸引别人关注，其实这个也不是很大的问题，基本上做一场活动，让一次利就能吸引不少人，问题是关注后这些人绝大部分最终成为僵尸粉，或者取消关注了，所以运营对于商家来说是个头疼的问题。

以上就是关于成都小程序开发如何做原型设计全部的内容，包括:成都小程序开发如何做原型设计、小程序canvas层级太高的解决办法、小程序 canvas 自定义底部导航栏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！