【新手指南】十分钟带你玩转小程序原型设计

Naranja
2018-04-27
346457
5 min read

近期,互联网又迎来了一个小浪潮—微信小程序的横空出世,仿佛打开了一扇新世界大门。自从上线以来可谓是热度不减,各种各样的小程序如雨后春笋般涌现,并以及其迅速的方式传播于微信群和朋友圈。小程序原型设计不仅给用户带来便利,也给商家带来了巨大的收益。那么火爆整个互联网的小程序到底是什么?今天我们就来一探究竟。

微信小程序原型设计

1. 什么是小程序

简单来说,小程序就是我们生活中简化版的App,是一款“无需下载、点开就用,用完即走”的应用工具。用户不用担心安装太多应用的问题。用微信之父张小龙的话来讲,它实现了应用“触手可及”的梦想,用户扫码即能打开应用。最典型的一款小程序就是最近风靡各大朋友圈的游戏跳一跳,这款老少皆宜的小程序刚上线,就受到了各类群体的霸屏分享。估计坐在屏幕之前的你也中毒不浅,哈哈。如此简单的小程序为何会受到大家的青睐?

微信小程序原型设计

2. 小程序究竟有哪些优势呢?

与App相比,小程序使用起来便捷,随时可用,而且不占内存,无广告,无推送信息,用户体验好;信息分享易且快,当你发现一个好玩的小程序,你可以直接分享给你的朋友或者转发到群聊,你的朋友可通过你分享的链接直接查看;而且,小程序开始的成本远远低于一个App的开发的成本。

3. 小程序功能及应用场景

不同的小程序,能帮你实现不同的功能。例如,点外卖,订机票酒店, 餐厅点餐等。比如以前博主去春熙路买个奶茶都要排很长很长的队,现在有了小程序完全不用担心花时间来排队,只需要打开微信扫描一下二维码,即可实现点餐预约,消费者只需要静静的坐着等待服务员叫餐就好啦。不仅如此酒店、电影院、KTV等,甚至飞机票都有了这样的应用程序。足不出户,就能搞定一切!等待这一刻太久了,有木有!

4. 零基础教你学做小程序

看了那么多有趣好玩的小程序,是不是很心动?有想法?无处施展?别急,下面博主就要教你如何轻松高效的进行原型设计。

第一步:构建想法

开始小程序原型设计之前,你需要考虑几个要素:

1. 清楚需求和目的

2. 小程序受众人群

3. 设计所需要花的时间

构建好想法之后,整理出你自己想要的信息,简单的画一个框架。

第二步:选择一款高效的小程序原型设计工具

是否还在担心做一个小程序原型设计花费你太多的时间?或者你是否还在为找不到一款简单高效的小程序原型工具而发愁?这些都不是问题。这里小编给大家推荐一款实用的原型工具Mockplus 

下面我们以携程旅游小程序为例

点击在线预览:http://run.mockplus.cn/iFts2dbHDujjtvl8/index.html

mockplus小程序例子

大家可以看到设计过程中一个页面会有非常多的重复部分,而Mockplus这款原型工具可帮助你几分钟内创建一个页面,新手也可以做出很牛掰的小程序原型。

1)丰富的组件资源库:其中包括封装好的3000多个图标和200个组件,一键拖拽,即拿即用,省时省力。


mockplus组件库

2)强大的格子功能:首先你需要把需要重复设计的部分转换为格子,只要拉动鼠标,重复部分就会自动生成。在格子中,你可以自由地进行编辑和调整间距。当你调整格子中的某个组件特性,其它格子中的对应组件也会立即智能调整。是不是大大的减轻了你的工作量呢。

mockplus格子

3)样式组件库:助你轻松快速收藏,分享和复用样式。

mockplus样式组件库

Step 1:选中组件,设置好该组件的外观后,点击图中的加号,一键保存。

Step 2. 应用时,选中某个类型的组件后,右侧即会加载该类型组件的样式,点击对应的样式,即可复用。

Step 3. 同时选中多个同类型的组件进行样式设置。

只要选对工具,不管多么繁杂的工作都能轻松完成啦。另外Mockplus还有很多原型项目例子供大家使用,直接套用模板,几分钟完成小程序原型设计,心动不如行动,快点击下载吧。


预约演示
电话咨询
咨询热线

工作时间:9:00-22:00

191 3067 1449
在线客服