恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Axure用户的墨刀上手指南——01 页面,组件和交互
0.0°
2019-09-04 原创文章 教程 举报 1668 3 3 0

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


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


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

 

操作平台


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

 

创建项目


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


Image title

Axure 的内置项目尺寸


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


Image title

墨刀的内置项目尺寸


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

 Image title


添加UI组件


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


Image title

Axure 的内置组件

Image title

墨刀的内置组件


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


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

  

使用快捷键


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


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


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


Image title

Image title

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


添加交互效果


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


Image title

在Axure添加交互效果

 

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


Image title

在墨刀添加交互效果


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

 Image title

更新:2019-09-04

收藏

3人已收藏

墨刀_MockingBot

在线产品设计写作一体化平台

  • 494

    作品

  • 1448

    粉丝

  • 3

    关注

  • 产品经理和设计师谈恋爱,看得我比“老坛酸菜”还酸!
  • Figma”断供“后:墨刀能为中国企业做什么?
  • 产品经理干久了,有哪些后遗症?
  • 超实用的后台原型,产品大佬的摸鱼技巧都在这里!

    猜你喜欢

      2019-09-04 原创文章 教程 举报 1668 3 3 0

      Axure用户的墨刀上手指南——01 页面,组件和交互

      0.0°

      你确定要举报Axure用户的墨刀上手指南——01 页面,组件和交互

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年09月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录