一、前言

1、实验目的：
学会使用界面原型工具——墨刀，并熟悉使用其操作界面。
【墨刀网页】https://modao.cc/
2、实验内容：
用原型工具快速画出厦大官网草图
【厦大网站】www.xmu.edu.cn

二、环境

1、操作系统： Windows 10 X64
2、工具：强大易用的原型设计与协同工具——墨刀 （网址见上）

三、实验步骤

1、进入墨刀界面，如下图所示，新用户需要注册，如果像我一样已经注册过了只需登录即可，进入工作区。（如下图所示）

截图1.PNG

2、创建一个空白项目，有iphone,ipad,Android,web，现在要做一个网页的界面，所以选择web。项目名称改为厦大网页草图（根据要求自行修改项目名称），设备类型以及尺寸可以按照要求修改，这里为默认尺寸。

截图2.PNG
3、进入项目后，可以看到很多工作栏。最右边的工作栏可以先设置背景颜色，不透明度等。
截图3.PNG

4、在右侧的控制面板的最左侧有“组件” “我的组件” 和 “图标库”；“组件”里面有很多选项，可以根据需求进行选择，双击即可添加到页面中，拖到相应位置，若想输入文字内容，双击组件即可编辑。并可以在右侧控制面板调节字体颜色和字体大小。（Ps：按钮左边的小闪电可以直接拖到创建的其他页面进行链接，创建新页面的具体方法后面再说。）

截图6.PNG
5、如果想要插入图片素材，点击上方素材库，选择要上传的照片，并置入画板，用鼠标拖拉移动到适当的位置。
截图7.PNG
6、再看左侧的设置栏，可以实现新增页面或者添加子页面 ；每个页面右边有三个点点，客户以添加子页面，创建副本或者将页面删除移动位置。
截图9.PNG
7、链接操作：

• 单击所选按钮，将小闪电和要链接的页面相连。

• 选中组件，在“链接设置面板“点击“添加事件”，然后设置”触发动作“和”动作“。

  
  截图10.PNG
  image[1].png

四、总结

• 需要注意的地方是要学会恰当的选择组件，选好组件很重要。
• 延伸拓展：快捷键的使用。