我没学过编程,所以对代码的事情一概不通。但是我对UI的设计比较在行,而且我做的UI都是在APP上的,所以我就想,能不能自己DIY出自己的App?现在我算是实现了这个想法。这篇是我在做微信小程序的一些心得,希望对做传统App还是微信小程序的朋友有点启发。
1、分析目标人群,确定小程序的定位:
首先我们应该以解决客户需求为出发点,再根据需求分析总结出用户需要的应用内容,确定功能清单,之后就可以着手准备制作了。比方做我想做一个微商城的微信小程序,我希望用户不需要通过其他软件就可以在我的微商城购买物品,而且我只需要我的微信小程序简单易用,用户不会因为功能过于繁多而无从下手。
【重点:定位好目标人群】
2、画出微信小程序的原型
我之前做的UI,所以对于App 的原型我做的比较多,我基本都会在电脑中先画好一个雏形,再选择功能模板的位置安放,最后一旦确定好总体架构,就可以开始设计组件布局。
第一要做的是画出页面流程图,流程图主要用于确定每个功能模块的交互细节。当你把所有的交互场景都画出来后,那么应用号所需要的页面也就基本上完成了。这时,你就需要与设计师一起,对所有页面进行UI设计与页面美化了。最终生成的微信小程序的原型:包括所有页面设计与交互流程。现在献上我做微商城大概的设计页面框架,给大家一个思路。
【重点:设计原型明确页面设计与交互细节】
功能介绍:将H5应用“微页”,在小程序里呈现。
1、所选微页中不能含视频组件
2、打包和上传校验文件的APPID需要一致
3、因微信不支持个人小程序账号配置业务域名,故个人小程序用户暂不开放使用该功能
登录微信公众平台 |小程序|
进入“设置”—“开发设置” —“业务域名设置”
点击 “业务域名设置” —下载“校验文件”
进入咫尺新管理后台——微页校验管理——上传校验文件
进入咫尺新管理后台——微页校验管理——复制并添加域名2(域名1无须添加)为业务域名——保存设置
点击“管理微页”——选择其中一个微页——点击“管理”——进入单微页管理界面
注意:“所选微页中不能含视频组件”
微页管理——复制微页链接
在即速应用编辑器内,添加webView组件,注意:不能将webView放首页。
复制已经生成的微页链接,添加到webView里。
保存并进入后台打包即可
注意:打包的AppID必须为配置好业务域名的AppID相同才可用。
本文由百家号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。未经作者许可,不得转载。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。