设计师必备软件-交互类

有时候我们试玩一个app的时候会觉得这个App非常的美观,每点击一下就会有艺术的产生。当然这离不开天才的设计师们,或许我们会惊叹的问道:哇,这是怎么做出来的。当然对于职业的设计师来说这只是他们的工作的一部分,有时我们也会发现有些App美观度不那么尽如人意。一个好的设计师首先得有一个好的设计工具,才能将自己的才能完美的发挥出来。
下面我们来介绍一下设计师必备的几款Mac软件(交互设计类):
1.Sketch
2.Zeplin
3.Principle
4.Origami
软件下载请看文章结尾附件

介绍
完全针对移动端设计而生的软件。界面干净直观,分层的概念符合设计师工作习惯,当界面复杂时明确的图层与分组使元素控件管理起来非常方便。Artboard、Symbol和Text style 的运用简化了重复内容调用的工作也减轻了后续修改工作,图配文的文档输出管理好过Axure。第三方插件的开发和控件库资源使设计更方便,还有很多其他的小功能,比如Share(用其他电脑可以实时观看设计进度),自己还要边使用边发现。与Axure对比,前者更适合网页原型设计而后者更倾向于移动端产品。国外Sketch已经有取代PS、Axure的趋势了,国内也开始普及,一些公司团队强行统一使用Sketch。
绘制高、低保真移动端原型图;绘制图标、视觉设计稿;可切图输出;可作为交互文档和视觉设计说明文档的输出工具。
截图

教程:
https://zhuanlan.zhihu.com/sketch-app(知乎专栏)
http://www.sketchs.cn/tutorials.html( sketch中国)
http://topic.ui.cn/detail?tid=17(ui中国-专题)

介绍
它是一个非常神奇的标注输出工具,只需要点一下就能在PS或Sketch里导出整个界面的标注信息到云端服务器,并且随时更新。有了它设计师可以丢开更多烦躁而无意义的工作,更加专注于设计本身。
截图


详细初步使用教程http://www.ui.cn/detail/205339.html(UI中国)
此软件需要注册使用(免费)

介绍
刚出来不久的原型制作软件。操作界面和Sketch很相像,通过不同交互手势将页面连接起来,最大的特点是可视化程度高。在Sketch中制作的高保真原型图可直接拖拽到Principle中,为图片自身和图片之间赋予交互,Mirror到手机上,用来汇报自己制作的demo非常方便。通过animate和drivers也可制作出略复杂带有条件语句的动画,但并不能和Pixate、QC-Origami相比拟。用Principle直接将手机连接到投影上展示demo,其他手机装上Principle后可打开用邮件收到的demo文件,评审更直观,省去了汇报过程中很多文字描述
制作简单交互原型;制作全局原型演示。
动态效果图


教程
http://www.zcool.com.cn/article/ZMTc0ODgw.html(站酷)
http://principleux.com/principle-chinese-document/(principleux)
http://www.ui.cn/detail/102544.html(UI中国)

介绍
Facebook 开发的这款图像设计动画合成工具,可以快速构建原型,并在不写一行代码的前提下完成对复杂动画的合成和测试。
同时你可以使用Origami Live预览你的原型设计,Android和iOS都可以自行下载(免费)
它与sketch可以完美的搭配,你可以从sketch中复制的任何内容粘贴到Origami Studio中,然后快速调整。
最后当你完成了设计之后你可以直接在折纸工作室中捕获并导出原型录音。分享到不同的平台
截图

教程:
http://www.zcool.com.cn/article/ZNDYxMzYw.html(站酷)
http://topic.ui.cn/detail?tid=38(UI中国-专题)
如果你们有觉得很好的软件需要补充,欢迎给我们投稿或者留言。
软件下载请访问原文下载链接设计师必备Mac软件-交互制作类 | mac毒(macdo.cn)