什么是墨刀
墨刀是一款简易的网页原型制作工具,可以理解成为一个方便画出原型的Photoshop。简单注册帐号之后,就可以创建一个新的原型了。
[墨刀官网](https://free.modao.cc/)
认识界面
-
编辑版块
位于屏幕左边的是编辑板块,可以添加不同的内容,从上到下分别是:文字、矩形、圆、直线、图片、链接区域。这些选择几乎可以完成我们原型设计的方方面面了。
-
下面举一些例子:
-
调整版块
新建了内容之后,可以在界面右边的调整区域中,选择需要调整的参数,达到自己想要的效果。
文本区域可以调整文字的样式、大小、颜色等。
外观区域可以调整插入图形的边框、填充色。
另外,也可以从中心工作台中直接调整。 -
保存与下载
保存:
做到关键步骤的时候,一定要即时保存哦。保存操作位于界面左上方。不过墨刀也有隔一段时间自动保存的功能,不需要特别担心。
下载:
下载操作位于界面右上方,既可以保存单个页面,也可以保存成html文件。
小试牛刀
认识了页面和掌握了基本操作之后,我们可以尝试制作第一个网页原型啦!
笔者这里模仿了一下厦大的网页界面做一个示范。