资深交互设计师推荐的6大必备神器

   不想在错误的软件上花功夫?花五分钟看完这篇!今天推荐的这6款交互设计工具全是经过@敖厂长UX 上手研究过的,优缺点都总结出来了,看完相信同学们就有答案了。

  1. After Effects

  你想在短时间内制作复杂演示效果。 请使用AE,曲线/锚点等使用MOTION V2脚本进行快速调整(在曲线界面中 鼠标拖动选择关键帧–>拖动脚本上的滑块–>对比缓动曲线 获得你想要的曲线效果,比其他脚本好用的在于曲线你可以进行自定义,表达式也好修改–>不会改的话学点JS咯),你熟练AE的话能很快得到比较好的效果。AE缺点就是不可交互+精准度很难控制,当然有一个点就是,你想要什么效果 AE都能实现。但是程序上能不能实现就难说啦。

  2. PIXATE,图层类交互原型软件

  最近被GOOGLE购买了,然后免费了(说实话GOOGLE 可以说是产品杀手,进去的产品。。。我不敢苟同楼上们的那些说法)。

  优点:可交互,共享性强,有团队讨论以及回复模块(此处有点像justinmind)【有windows版本】,对GOOGLE MATERIAL DESIGN的支持比较好,MD相关预设会越来越多哦。

  缺点:图层类软件你们都懂得,用AE做可交互已经很烦了,更何况再加上一个交互模块,而且没有时间线啊。

  用Pixate烦人的一点是,我是用750*1334做的,然后导进去发现,这货是按照375*667啊,而且不能直接从sketch粘贴,能别这么麻烦么。

  Form和origami都是支持粘贴的。还有 动画预设较少。不过GOOGLE是动画狂,他们肯定会加预设的啊哈哈。听说以后版本会支持code export,观望中。


  3. FRAMER STUDIO.

  其实我并不想推荐,不过作为写得起前端扛得起大旗的交互大神必用咯。

  优点:你想干什么 就能干什么。而且分享起来特别简单,所以有很多案例,我们可以直接把代码拷过来用。关于这个你们可以去FRMAER的facebook群组看看就知道啦。基于coffeescript开发的你还能导入Sketch、PS文件。很方便。能够精确控制每一个图层的属性。毕竟人家是强大的JS,你还想怎样。

  缺点:你是视觉,你是交互,你大学/培训班 研究过JS么。如果不会,请略过。

  如果你会JS而且你写代码的速度很快,那恭喜,这绝对好用。其实说白了 就是套代码模板。

  4. FORM

  节点类软件。如果用过nuke的人 ,那就很熟悉咯,被GOOGLE买了。

  优点:节点类软件,原型的可维护性强。GOOGLE的孩子,MD设计规范里的那些动画预设它最新版本里包括了。而且还有好多MD相关的PATCH了。还出了IOS SDK,用来创建自定义PATCH什么的,这块学的其实是QC…准备跟开发快速融合..以后可能能够导出MD 的android代码呢,期待期待。

  缺点:不能在电脑上预览。肾六坏了还得跟同事借!还有就是支持从Sketch里粘贴了,结果不支持Retina,我用750 1334做的,结果发现Form是375 *667啊。我都得缩放成0.5才能继续。吓死朕了。还有就是不能共享啊。IOS工程师都是我们的大爷,你这样还要给他装FORM,会把他气shi的!


  5. ORIGAMI+QC

  目前比较好用的节点类软件,FACEBOOK的天才们出的。

  优点:可导出有一定使用价值的代码。 可维护性强。可在设备+电脑上都能预览。现在靠谱点的就这个啦。用的人也相对多些。你可以直接从SKETCH粘帖过来。不过只有在使用POP ANIMATION 的PATCH时才可导出代码哦。不过开发那边真的能用这些代码。关于和开发沟通这个下面再写吧 。

  缺点:有一些BUG不忍直视。

  不能分享:有时给你的IOS工程师装了QC也没卵用。为什么?因为QC绝对烧死CPU+吃内存啊。就算你把FPS调到最低,如果图层够多够复杂,会把工程师电脑卡死的。XCODE都死了工程师怎么活嘛。还有就是目前功能上缺陷比较多(比如Swipe不能选择具体方向等,可以用自定义的PATCH进行定义,但是初级人员就用不了啊),有时你需要各种综合各种条件各种patch才能获得一个简单的效果。

  关于ORIGAMI和开发的结合问题 :

  1、ORIGAMI只能够导出POP animation PATCH相关的代码(CLASSIC ANIMATION和BOUNCY ANIMATION都是不能的哦–听说下个版本会有),代码里面的位移(POSITION TRANSITION)信息都是绝对位置,所以适配上你和开发需要进一步讨论解决方案。我的建议是 QC中的定位系统严格统一为TOP LEFT或CENTER等。这个对适配问题很重要,如果你的外部GROUP的定位用的CENTER,而里面图层用的各种各样的其他参考坐标系,那么你导出的位移信息基本没卵用了。

  2、如果有DELAY的话,请把DELAY放在POP ANIMATION PATCH的前面,如果不放在前面,代码导出的主要属性变化部分是空的(这应该是个BUG啊)。听说下个版本会导出delay的数值。

  现在是我把DELAY用文档形式给开发,开发自己输入。还有一些循环动画也是不可导出的,这些也是以文档形式给的(其实就是让IOS哥哥坐在我旁边,用我的另一个显示给他看效果,一个显示器看我的QC工程直接沟通了,并没有用什么卵文档。如果你是大公司,流程化嘛肯定需要咯)。

  3、你的ANCHOR POINT就算是TOP LEFT,图层旋转是不会绕他的左上角旋转的。不过缩放是会缩放的。这个很坑啊。还有代码导出并没有导出ANCHOR POINT信息。

  不过解决方案有的。但是都很麻烦。就是AE中的空白层类似的概念,留空切图。

  4、很给力的东东叫PAINTCODE. 可以直接把SKETCH粘贴的图层转为代码。并且PAINTCODE的官方提供了能够和ORIGAMI结合的PATCH,稍微研究一下(研究一两个小时,看看PAINTCODE的那个APPLE WATCH教程),就能够从PAINTCODE里解决ORIGAMI的一些鸡肋的问题。


  6. HYPE 3 PRO.

  人家是做HTML5的啦。不过,如果你不会用Framer,那可以用这个,这个还有时间线,不过我喜欢从SKECTH里直接粘贴过来,然而Hype不支持粘贴过来,直接PASS了。不过做HTML界面确实很给力啊。简直就是神器。不过用来做原型的人还是少数咯。

  有夸FORM的,有夸AE的。作为MOTION DESINGER 还是最爱AE。

  但从交互设计师的角度,关于哪个更好用,哪个淘汰,关我鸟事,哪个好用时用哪个。从目前看,ORIGAMI还是不错的。不过这些软件更新够慢的。全都有问题的时候,只能选自己爱用的好了。NOODLE我没提是因为它的BUG太多,还不足以有资格跟上面这些竞争。

时间: 2024-10-03 14:35:38

资深交互设计师推荐的6大必备神器的相关文章

台湾设计师推荐!全自动标示文件神器SPECKING

  之前推荐过的 马克鳗 绝对可以说是一个好用的标示工具,但它止步太久没有更新的功能,而且也开始收月费了,于是我重新寻找好用的工具,目前推荐 2 套:specKing 和 Assistor PS 都是付费的 PS 外挂. Assistor PS 官网:http://assistor.net/en/assistor/product Assistor PS 应该是目前功能最强大.包山包海的神器,但它是收月费:$9.9 a Month,我对月费这件事有点排斥,加上除了标示文件外的功能都找得到免费的外挂

新人与三年经验的交互设计师有多大的差距?

  刚开始实习的时候,师兄告诉我成长最快的方式就是:偷学其他前辈的本领--这不用说我也知道啦,当然不能说偷这么难听,仔细观察平时前辈的工作方式和状态,就会有莫大的收获. 首先,让我不要脸地先把自己定义成一个0.5年工作经验的新人,而我的师姐,则正好是一位满三年工作经验的资深交互设计师.所以,让我仅从一个后辈的眼光,说说我所看到的那些差距. 最先感知到的,是极高的业务熟悉度 作为一名新进实习生,本身又不是电商产品的重度用户,对业务自然是非常不熟悉的.刚接到的一些任务,最困扰我的一个方面就是『设计界

交互设计师存在的价值

对交互设计职位的思考 很多交互设计师(包括用户研究员)可能都思考过一个问题:自己的存在到底有没有价值?这个职业是否有未来?最后,很多交互设计师由于看不到未来,或体会不到成就感,转行做了产品经理或从事其他岗位. 确实,原型完全可以由产品经理代劳,实在不会做可以抄竞品嘛,再不行,还可以交给视觉设计师自由发挥嘛.在这双重夹击下,交互设计师确实很尴尬.最郁闷的是,交互设计师往往没有话语权,时常需要妥协于产品经理或领导,即使心里并不认同. 我曾经看到过一篇微博(现在已经被删除了),大意是这样:"我们公司招

交互设计师技能:优秀交互设计师的必备条件

文章描述:优秀交互设计师的必备条件. 我们肯定都听过这样一句话:天才是1%的灵感加99%的汗水.然而又有多少人知道,其实这句话并没有结束,后半句是:但是,那1%的灵感,比99%的汗水更重要! 努力不一定成功,但不努力一定不能成功.为什么努力不一定成功?就源自这1%的灵感的差别. 那么,对于交互设计师来说,这1%的灵感到底是什么呢?在这里,仅谈谈自己的一点看法. 懂用户 有人说,交互设计师需要有换位思考的能力.而实际上,并不是努力站在对方角度上思考,就一定会知道他的想法.我接触的人里,有这样三种典

书单推荐 | 数据挖掘和统计科学自学十大必备读物

本文讲的是书单推荐 | 数据挖掘和统计科学自学十大必备读物 还有什么比免费的机器学习和数据科学读物更适合用来享受秋天的呢? 下面的免费书单中从统计学基础知识,到机器学习的基本概念,再到更重点的大框架内容,对于高深的话题也有所涉猎,最后以一本总结性的书结尾.既有经典名著,也有当代的作品,希望你能在其中找到一些有趣的新内容. 1.用统计学的方式思考 Think Stats: Probability and Statistics for Programmers 作者:Allen B. Downey <

交互设计师的知识架构

  @刺绅堂七 :如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书.学了一大堆软件.画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本<交互设计学习大纲>就好了. 出现这个问题有两个原因,一是交互设计师没有可视性强的产物,交互设计师的产物一般是线框图.流程图.信息架构图.说明文档等等,但这些东西既不如视觉设计稿华丽精美,也不如程序代码高贵冷艳,在外行人看来初级交互设计师和高级交互设计师画的好像都差不多,轻易看不出你修炼到了几层功力;第

非科班同学如何成为交互设计师?

  想成为交互设计师的非科班同学,前方有干货咯!今天总监级交互设计师@EDC尤原庆 来给同学们打一针定心剂,聊聊你的非科班专业优势,最重要的是关于从零开始成为交互设计师的方法,特别是木有信心自学的同学,让它给你打气加油吧! 前言:最近一段时间,基本每天都有小伙伴在问,"我是来自非设计专业的学生,能否做交互设计"."我想从事交互设计工作,是否需要读一个交互设计的硕士?"."我工作一段时间了,不是设计行业,我能转行做交互设计么?"."我对交

优秀的交互设计师《瞬间之美》简要总结

选择阅读<瞬间之美>的最初原因,就是单纯的因为它是之前看过的<就这么简单>的作者翻译的,觉得一个优秀的交互设计师,他推荐的书应该也很值得一看.事实证明,确实如此. 在这本书中,原作者探究了界面的种种微妙细节,它们在用户使用的每一个瞬间如何改善或是破坏用户的体验,进而探讨了应该如何对每一个细节加以改进.让我们能够学习到如何发现设计的不足并持续改进的方法. 整本书以用户应用互联网从始至终的所有细节为脉络,分成了指引用户.学习.搜索.深入.参与.管理信息和离开七个部分.虽然看目录有三十多

交互设计师的工作流程及不同阶段的职责

  交互设计师的工作,并不仅仅是输出设计方案,我们需要参与前期的需求讨论.后期开发.测试验收等等产品设计与实现的多个环节.本篇将介绍我目前参与交互设计的工作流程以及各个阶段的工作职责. 一.需求分析阶段 这个阶段,对于不同时期的产品讨论.分析的方面侧重点不同. 1.新产品 对于从无到有的心产品,需要了解: 产品的定位是什么? 用户群体是谁?他们有哪些特征?我们的产品需要解决用户的什么痛点?如果有竞品,我们与他们的优势在哪里.差异又在哪里? 这个阶段非常重要,但是也是最难讨论清楚的,即使是产品经理