携程旅行小程序入口（「新手指南」十分钟带你玩转小程序原型设计）

微信小程序

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

不同的小程序，能帮你实现不同的功能。例如，点外卖，订机票酒店， 餐厅点餐等。比如以前博主去春熙路买个奶茶都要排很长很长的队，现在有了小程序完全不用担心花时间来排队，只需要打开微信扫描一下二维码，即可实现点餐预约，消费者只需要静静的坐着等待服务员叫餐就好啦。

不仅如此酒店、电影院、KTV等，甚至飞机票都有了这样的应用程序。足不出户，就能搞定一切！等待这一刻太久了，有木有！

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

第一步：构建想法

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

1. 清楚需求和目的

2. 小程序受众人群

3. 设计所需要花的时间

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

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

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

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

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

Mockplus微信小程序

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

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

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

mockplus格子

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

mockplus样式组件库

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

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

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

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