墨刀是一个原型设计工具,可以快速构建移动应用原型与线框图,支持云端保存和实时手机预览。

主要优点是操作比较简洁简单,简单拖拽和设置,即可将想法、创意变成产品原型,简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型,内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用,享受免费版所有功能,可以创建不限数量的项目及页面,支持文件导出,可以适用于多个平台。

 

首先进行注册登录后,我们来到首页创建项目的页面,如下:

空白项目:

Android2 墨刀2倍图和1倍图 墨刀模版_工具栏

 模板项目:

创建模板项目有包含各应用组件的模板页面,十分便于我们借鉴与修改;(网易云音乐模板项目如下)

 

这里我们简要介绍下空白项目的创建操作;

然后在下方输入项目名以及选择原型的平台后,点击创建,进入项目首页,如下:

 

Android2 墨刀2倍图和1倍图 墨刀模版_原型设计_02

中间的是项目的编辑页面,中部的左侧以及顶部边框标注着的数字是像素,用来准对页面的宽度与高度以及页面内组件的位置;

最左侧一列素材工具栏——用于直接将素材拖入页面中,页面栏——用于编辑和切换各页面:

Android2 墨刀2倍图和1倍图 墨刀模版_原型设计_03

右侧工具栏包含组件及图标等素材,最右侧外观栏——当你选中某个组件时可在其中编辑外观的各种参数:

Android2 墨刀2倍图和1倍图 墨刀模版_原型设计_04

Android2 墨刀2倍图和1倍图 墨刀模版_Android2 墨刀2倍图和1倍图_05

Android2 墨刀2倍图和1倍图 墨刀模版_原型设计_06

上方工具栏最右侧的运行按键可以模拟运行时的页面操作:

Android2 墨刀2倍图和1倍图 墨刀模版_Android2 墨刀2倍图和1倍图_07

 

不论是移动端UI设计师还是网页设计师,原型设计的重要性似乎是显而易见的。原型设计让设计师和开发者将基本的概念和构想形象化的呈现出来,让参与进来的每个人都可以查看、使用并且给予反馈,并且在最终版本定下来之前进行必要的调整。利用原型设计网站或是APP是当今绝大多数开发者运用的方式,使用原型设计不仅能更具体详细的让用户了解这款产品,对于开发来说也更加轻松并节约时间和金钱。设计和开发团队倾向于借助原型来完善产品,而客户也乐于看到原型,参与到项目中的每个人都能根据他们的所见来判断、探索和决策。