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

什么是墨刀

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

认识界面

  • 编辑版块


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

  • 下面举一些例子:


    插入到项目中的厦大校徽
插入的“厦门大学”字样
创建的可链接区域(图中选中的橙色方框)
  • 调整版块
    新建了内容之后,可以在界面右边的调整区域中,选择需要调整的参数,达到自己想要的效果。



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

  • 保存与下载
    保存:



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

下载:



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

小试牛刀

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


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 禁锢在楼宇的窗台,多久没有见过这样的蓝天 大理火车站 洱海,在火车上拍的,沿途一路 大理,我在路上
    吃货孩子嫁到阅读 2,962评论 1 3
  • 梦话碎碎念: 秦可卿是前十回的重头戏之一,也是十二金钗中唯一由作者完成了全部命运的女子。尽管尘埃落定,却又迷雾重重...
    无梦无醒阅读 3,772评论 1 0
  • 你什么时候出现啊,你出现的时候能带个冰激凌出现吗,那样我会很容易爱上你的
    兰亦木阅读 1,547评论 0 0
  • 对郑老师讲的要减少自己的内耗,我有很深的体会。 一年来,我一直在找新的项目,天天感觉现在的生意没...
    爱心语家庭教育薛辉阅读 1,397评论 0 0