我是靠谱客的博主 伶俐刺猬,最近开发中收集的这篇文章主要介绍axure web组件下载_Axure用户的墨刀上手指南——01 页面,组件和交互操作平台创建项目添加UI组件使用快捷键添加交互效果,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

803f16bce6caeccc0c97757cf8e44378.png

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

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

下面还是简单介绍下Axure和墨刀功能上的共性和区别,帮助Axure老用户们快速上手墨刀。

操作平台

Axure目前是必须下载客户端,支持Mac和Windows双平台。 而墨刀是一款在线原型设计工具,在浏览器即可使用,此外仍然有Mac,Windows,ubuntu 客户端支持下载。

创建项目

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

678aea4b904a884e6ab4796c6ae653c2.png

Axure 的内置项目尺寸

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

778b19d6dda41945376686b3b984bd30.png

墨刀的内置项目尺寸

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

51d61a287e095e0bceb0684fe64c2425.png

添加UI组件

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

9bf13badfc1abca5e397d1af3f8eb56c.png

Axure 的内置组件

a63ff60cd97224d9b7642a23fe6c0151.png

墨刀的内置组件

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

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

使用快捷键

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

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

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

96ecb504f0984619b8bf18ce23a35fa6.png
a990798d3d623f2f7309056f88f0b936.png

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

添加交互效果

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

46e4e25637617d75d1bd7f8fae268392.png

在Axure添加交互效果

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

ecac0dbe9ac12080aa70940e518048fe.png

在墨刀添加交互效果

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

098af25e0533157a5bdeb355f765a28a.png

最后

以上就是伶俐刺猬为你收集整理的axure web组件下载_Axure用户的墨刀上手指南——01 页面,组件和交互操作平台创建项目添加UI组件使用快捷键添加交互效果的全部内容,希望文章能够帮你解决axure web组件下载_Axure用户的墨刀上手指南——01 页面,组件和交互操作平台创建项目添加UI组件使用快捷键添加交互效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部