邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

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

Naranja 2018-04-27 21:22:58 阅读:19425

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


微信小程序原型设计


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还有很多原型项目例子供大家使用,直接套用模板,几分钟完成小程序原型设计,心动不如行动,快点击下载吧。

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:748169314 加入QQ群

服务邮箱:service@jongde.com

咨询客服

在线客服

置顶