微信小程序云开发教程

作为一个小白，小北要怎么在短时间内快速学会微信小程序原型设计？

“时间紧，任务重”，这意味着学习时必须把握微信小程序原型设计中的重点、难点，而非面面俱到。

要在短时间内理解、掌握一个工具的使用，最有效的方式莫过于临摹：

看实例视频教程，并跟着教程在实例素材上操作。

基于以上两点，小北根据学长和老师们的推荐，选择了先上入手“墨刀”这个软件！

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。

墨刀同时也是协作平台，项目成员可以协作编辑、审阅 ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

 官网下载地址：墨刀 - 在线一体化产品设计协作平台 (modao.cc)https://modao.cc/

​

墨刀支持为页面或组件添加交互跳转事件，模拟用户使用产品交互时的真实体验，让你的原型“动”起来。

表单组件位于【组件】-【内置】中，双击或拖拽至画布即可使用。

使用【单行/多行输入】组件工具，可以在原型中添加一个在预览演示时，可以输入文字的输入框。查看/使用文件的人点击此组件即可输入内容。

双击组件，即可对输入框中的起始文案进行编辑。

单行输入组件可以设置点击输入框时弹出键盘，键盘样式设置路径： 右侧【外观】面板——【外观】——键盘样式。

下拉选择器支持点击右侧的下拉箭头弹出多个选项，点击选项即可选择。 下拉选择器默认3个选项，可以修改选项的文本内容。

双击该组件，在最后一个选项后点击enter，即可输入新的选项内容。

双击该组件，将多余的选项行删除即可。

默认选项为第一个选项，如需更改，只需更改第一个选项即可。

下拉选择器为一整个组件，目前本组件不支持选项触发交互事件。

使用这一组件，文件运行时可以点击左侧【选择文件】按钮，出现文件选择弹窗，选择文件后会在右侧名称栏中显示名称。

单选/复选组件可实现选择的操作。 【单选】只能选择一个选项，【复选】则能选择多个选项。在右侧的外观设置面板可以对这两个组件进行具体的设置。

从「组件-内置-表单组件」内拖拽到画布内即可直接使用。

滑动条是用于选择数值区间的一种常见组件，常用场景为调节音量、亮度或各种效果参数等。 但需要注意的是，滑动条与滚动条不同，不能作为滑动页面等效果展示。

当你想对数值进行小幅度的调整时，可以使用此组件。 比如：购物车数量由1增加到2，百分比从10%调整到11%等。