墨刀做APP交互要先在PS画图吗

墨刀做APP交互不用先在PS画图。
直接在墨刀中就可以，设置面板的左边有几个按钮，点击第一个圆形按钮后就可以设置页面状态了。
点击状态面板中的新状态按钮即可新建状态。墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。

首先，明确一点，两者都只是工具，决定产品原型的是你的思路、逻辑等主观性的东西。

本人恰好两款产品都用过，说说感受，不一定对。

墨刀的上手性确实好，而且采用线条拖曳式的方式来建立链接这种方式确实算是个创举，但是字体不能更换这一点真是无力吐槽（影响输出效果）。且类似局部区域左右滚动效果等高级一点的功能， *** 作起来感觉上不如Axure的动态面板好用，网易新闻客户端类的顶部标签导航在墨刀上做起来最终效果达不到演示程度（如超出母板区域的导航标签可以左右滑动，但选中状态的标签在右边时，选择完了还得往右拉），类似中继器的功能也没找着。当然，以上情况可能是还没找到方法所致。事实上，本人近段时间用墨刀还挺多，给个好评，国产加油！

Axure的动态面板功能很强大，链接建立方式虽然不直接，但专业性更有保障。且行业通用性更强。

两款原型制作软件有其共通的地方，熟练掌握了一种，另一种的上手也会很快，用惯了、用好了，能解决问题才具备实用性！

墨刀是一款非常好用的原型设计工具，可以帮助用户快速制作各种界面和交互效果。如果您想要在墨刀中制作开屏，可以按照以下步骤进行：
1 打开墨刀并创建一个新项目。
2 在左侧菜单栏中选择“画布”，然后选择适合您设备分辨率的尺寸（例如iPhone X为1125x2436）。
3 点击“添加元素”按钮，在d出的菜单中选择“”。
4 上传或拖放您想要使用的开屏到画布上，并调整其大小和位置以适应画布。
5 如果需要，在右侧属性栏中对该进行进一步设置，如更改其透明度、旋转角度等等。
6 添加其他元素或文本来增强您的开屏效果。例如：公司名称、标语、logo等
7 完成后点击保存即可导出PNG格式文件供使用了！
注意：在设计过程中，请确保所选用的背景图与产品主题相符，并且不会影响文字信息清晰度。

方法/步骤
目前墨刀分为网页版和客户端，网页版可以直接使用，客户端其实也是网页版的功能，我们一般下载客户端，使用过程中需要联网
进入网页之后，可以看到有两个选项，一个是一个例子，一个是使用原型设计。我们选择第二个进行我们需要的原型设计
进去之后如图所示可以看到分为几个部分，菜单栏等比较简单的就不介绍了。最左边是组件栏，可以选择需要的组件，中间编辑栏，对选取的组件进行编辑，右边是预览排列，就是最终我们看到的页面
如图，我们把一个页面要的组件全部都拉到这个右边的排列栏，通过双击对应的组件进行文字的编辑，通过中间栏进行如颜色之类的改变。
如果我们需要做另一个页面，可以做最右边的页面管理栏进行编写；可以新建或者复制页面，这样我们的原型可以在不同页面之间跳转
如果要进行页面之间的跳转，可以拉动组件旁边的超链接的样式图标，通过这个拉动超链接到相应页面进行页面跳转功能

Axure 是很多产品经理和交互设计师们会用的原型设计工具，不过由于Axure不是在线工具， *** 作起来相对复杂等原因，国内有越来越多的产品经理和设计师们转向使用墨刀。

墨刀作为一款在线的原型设计工具，上手非常容易，感觉更加轻量，但功能仍然强大。而对于有使用 Axure 经验的用户来说，上手墨刀更是一件“易如反掌”的事。（没错 我就是墨刀粉）

下面简单介绍下Axure和墨刀功能上的共性和区别，很适合你这样的Axure老用户来上手墨刀~

*** 作平台

Axure目前是必须下载客户端，支持Mac和Windows双平台。

而墨刀是一款在线原型设计工具，在浏览器即可使用，此外仍然有Mac，Windows，ubuntu 客户端支持下载。

创建项目

Axure 和墨刀都为“原型项目“预设了尺寸，Axure主要包含Web，iOS和Android的预设尺寸项目，支持自定义；

Axure 的内置项目尺寸

墨刀不仅内置了Web，iOS和Android项目尺寸，还有iPad，Watch，汽车屏幕等尺寸，同样支持自定义尺寸。

墨刀的内置项目尺寸

不过对于移动端项目，在墨刀预览时，会有多种手机壳效果，这是Axure没有的。

添加UI组件

Axure 的内置组件分布在顶部导航中的 insert 里，以及左下区域的library里。墨刀的内置组件分布在最左侧的「快捷组件」（即高频率组件），以及右方的内置组件库（built-in widget library）里。

Axure 的内置组件

墨刀的内置组件

按这种分布方式来说，墨刀拖动使用内置组件更直接。而且墨刀支持双击组件插入画板。

Axure的library里包含了组件和图标，墨刀把这两个库分开了，组件库和图标库里均有丰富的资源，比如内置了“轮播图”组件，“网页”组件（用于插入音频/视频/网页）。

使用快捷键

设计工具常设置快捷键让创作效率更高，如果你之前使用过axure，再使用墨刀，之前习惯的快捷键依然可用。

比如按快捷键“R”可以绘制“长方形”，按快捷键“T”是插入“文本”，按 Command + G 是将多个组件“组合”， 按住 Option 并拖动组件是将其“复制”……

从Axure迁移到墨刀，在快捷键方面没有什么切换成本。

墨刀跟Axure一样， Command + G 是将多个组件“组合”

添加交互效果

做原型少不了“让页面动起来”的交互效果。添加交互效果的方式在Axure和墨刀中有很大相似之处： Axure 是在右侧的 Interaction 面板直接点击「New interaction」，即可进一步选择交互手势（Events）和交互效果（Actions）；

在Axure添加交互效果

而墨刀是在右侧的「链接面板」添加「事件」，然后选择交互手势和交互效果即可。

在墨刀添加交互效果

此外，墨刀还支持另一种创建交互效果的方式——选中组件后，拖拽组件左边的“链接图标”直接左边的页面列表。

1、登录墨刀并打开项目，找到需要修改的页面。
2、点击左侧工具栏中的“编辑”按钮以进入编辑模式。
3、在编辑模式中，可以通过单击页面上的元素来选中它们，并在右侧属性栏中进行修改。可以更改文本的字体、颜色和大小，调整的大小和位置，以及修改按钮的样式等。
4、需要添加新的元素，可以在左侧工具栏中选择相应的工具，例如“矩形”、“文本”、“”等，并在页面上进行绘制或插入。也可以从已有元素中复制并粘贴，以快速创建新的元素。
5、在修改完成后，可以点击右上角的“预览”按钮来查看修改后的效果。如果满意，可以点击“保存”按钮保存修改。

---