如何用墨刀制作网页原型--入门篇

什么是墨刀

墨刀是一款简易的网页原型制作工具，可以理解成为一个方便画出原型的Photoshop。简单注册帐号之后，就可以创建一个新的原型了。
[墨刀官网]（https://free.modao.cc/）

认识界面

• 编辑版块

  
  

位于屏幕左边的是编辑板块，可以添加不同的内容，从上到下分别是：文字、矩形、圆、直线、图片、链接区域。这些选择几乎可以完成我们原型设计的方方面面了。

• 下面举一些例子：

  
  插入到项目中的厦大校徽

插入的“厦门大学”字样 创建的可链接区域（图中选中的橙色方框）

• 调整版块
  新建了内容之后，可以在界面右边的调整区域中，选择需要调整的参数，达到自己想要的效果。

  
  
  

  文本区域可以调整文字的样式、大小、颜色等。
  外观区域可以调整插入图形的边框、填充色。
  另外，也可以从中心工作台中直接调整。

• 保存与下载
  保存：

  
  
  

  做到关键步骤的时候，一定要即时保存哦。保存操作位于界面左上方。不过墨刀也有隔一段时间自动保存的功能，不需要特别担心。

下载：

下载操作位于界面右上方，既可以保存单个页面，也可以保存成html文件。

小试牛刀

认识了页面和掌握了基本操作之后，我们可以尝试制作第一个网页原型啦！
笔者这里模仿了一下厦大的网页界面做一个示范。