搜狐设计师：聊聊我常用的一套交互设计工具
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
搜狐设计师：聊聊我常用的一套交互设计工具
：刚开始接触往往会面临自己的想法找不到合适的方法输出，所以完成基本工作的同时也在积极寻找、学习适合自己又和工作环境相匹配的工具。与团队成员配合的时候没有人会在意你是用什么工具，成员们只想看到设计师产出的输出物。这个时候针对不同任务类型和团队大小找到合适的工具可以让设计师迅速输出团队想要的结果输出物，事半功倍。
随着移动互联网的快速发展，很多针对移动端开发的工具层出不穷，这些工具的小、快、针对性强的特点在一定程度上对产统设计工具造成一定的冲击。
下面介绍自己常用的一套设计工具和在配合项目使用过程中的心得：
虽然现在很少用到了，但作为步入互联网第一个接触的软件要纪念一下。功能大而全，有丰富的控件可以调用（网上对于Axure的控件资源很多），通过简单的逻辑关系组合出丰富的动画（8.0在动效制作有大幅提升）。但正是因为它的大而全使其在移动端设计上不够灵活，功能多而复杂。软件自身的设计不符合设计师工作习惯，当元素多时绘图面板非常混乱，产出物死板不美观。当然Axure可以做出高保真界面，但相比于Sketch要花费很大成本，如果未能多去建立母版，之后的二次三次修改成本很高。大部分产品经理在Axure上图配文并生成html作为文档传递给下一工作流程上的组员。
绘制高、低保真网页原型图；可作为产品、交互文档输出工具。
完全针对移动端设计而生的软件。界面干净直观，分层的概念符合设计师工作习惯，当界面复杂时明确的图层与分组使元素控件管理起来非常方便。Artboard、Symbol和Text style 的运用简化了重复内容调用的工作也减轻了后续修改工作，图配文的文档输出管理好过Axure。第三方插件的开发和控件库资源使设计更方便，还有很多其他的小功能，比如Share（用其他电脑可以实时观看设计进度），自己还要边使用边发现。与Axure对比，前者更适合网页原型设计而后者更倾向于移动端产品。国外Sketch已经有取代PS、Axure的趋势了，国内也开始普及，一些公司团队强行统一使用Sketch。
绘制高、低保真移动端原型图；绘制图标、视觉设计稿；可切图输出；可作为交互文档和视觉设计说明文档的输出工具。
Omni Graffle
一款流程图工具。流程图无非就是图和线的排布，自己也有用过Ai、Sketch画流程图。但当要修改时会很混乱，线要重新画，版面要重新布置。而Graffle专为流程逻辑而设计，移动图时线也随之移动，线的属性可更改，排版非常方便。图层的设计方便管理界面元素，很清楚认识到哪些元素是并列关系，哪些元素是父子集关系。交互的流程，功能的结构，组织的关系，凡是涉及到关系逻辑的设计Graffle是我用过最好用的流程设计软件。
产品功能需求逻辑图；产品页面交互逻辑图。
普遍当作汇报演讲的软件，其实还可以用来输出原型演示视频。在开发过程中设计师很多时候不能通过静止的图像清晰地向工程师传达交互过程，此时需要制作动画原型来展示方案。制作动画需要安排好展示逻辑，设置很多动效参数，有时甚至涉及到动效变化曲线，这些复杂的逻辑参数增加了制作成本。工程师只想看到简单的演示，他们并不care你这个交互反馈是否有spring，delay了零点几秒，这时可以使用keynote制作动效视频。首先画草图排好展示顺序和时间，在keynote上列出展示页面，用神奇移动和自带控件动画将页面联系起来。
同时本身的图文编辑属性、分页展示属性、可插入原型演示动画的特点使keynote可作为交互文档和设计规范文档的输出工具。
制作简单交互动效视频；撰写交互文档；撰写设计规范。
▲ 报错提示交互
Pixate和Quartz Composer-Origami
两者都是交互原型制作工具，可生成模拟器或者mirror到手机上，更直观地推敲设计交互原型。前者被Google收购已经免费，最大的特点是运用了图层概念，将交互手势、动画直接添加到图层上，并用base on将页面联系起来。后者是Facebook在苹果原生Quartz Composer动画设计软件上的插件，大大降低了设计使用门槛。特点是模块化，用编程的逻辑制作动画。不同的交互手势和动效样式有各自的一个模块，用线将模块联系起来，软件的动效调用基本源于FB的Pop Animation库。两者学习成本很高，尤其后者，页面多、交互多时制作面板非常复杂，但做出的动效精确优美。可适用于个别页面中少数重要、精确的交互原型制作。
制作精准的交互动效原型。
▲ 复杂的Scroll交互动效（临摹）
刚出来不久的原型制作软件。操作界面和Sketch很相像，通过不同交互手势将页面连接起来，最大的特点是可视化程度高。在Sketch中制作的高保真原型图可直接拖拽到Principle中，为图片自身和图片之间赋予交互，Mirror到手机上，用来汇报自己制作的demo非常方便。通过animate和drivers也可制作出略复杂带有条件语句的动画，但并不能和Pixate、QC-Origami相比拟。用Principle直接将手机连接到投影上展示demo，其他手机装上Principle后可打开用邮件收到的demo文件，评审更直观，省去了汇报过程中很多文字描述
制作简单交互原型；制作全局原型演示。
▲ 对页面上简单交互Mirror到手机上进行推敲
工具只是工具而已
以上是自己从原型图、交互原型展示到文档输出经常使用的一系列软件。工具只是高效地将我们的想法用最合适的方式完整无缺地展示出来，便于别人理解与存档。根据不同场景和输出物选择恰当工具，工具自身并没有优劣。如果绘制拟物风格界面、图标，Sketch在PS和AI面前就显得力不从心；在大团队里文档输出用Indesign就比用Axure等输出的文档更正规，更有利于存档和日后查看，形成公司团队的知识库。
自己在刚做工业设计时常纠结与工具，看到别人优秀的作品总是把重点放到“这是用什么渲染的？这个模型有什么软件建立的？”而忽略了使用者的创意和想法。那时也学习了不少软件（PS、Alias、Showcase、Keyshot等等），现在回想起来留下的更多是工业设计的想法思维。希望大家能清楚认识工具的意义，找到并掌握一套自己顺手的工具，更重要还是要看使用者达出来的创意想法，切不可纠结于工具。
「优设2月份优秀教程合集」
地图图标教程：
卡通动物肖像：
卡通人物肖像：
原文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量104万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
我们的团队
大家在关注想要系统学习交互设计，有哪些好的学习渠道和必须要做的事情？- 百度派
想要系统学习交互设计，有哪些好的学习渠道和必须要做的事情？
问题说明（可选）：
扫一扫分享到微信
，才能进行回答
，极客一枚。拥有摄影,绘画,手作,PS多项技能于...
交互设计是现代人类进入互联网之后出现的新型学科，但其实也并不然，为什么这么说，因为交交互设计的思维方法建构于工业设计以用户为中心的方法。所以他只是对以前设计类的综合，除了载体和技术不同以外，只需要转换自身的思维模式便可以...
交互设计是现代人类进入互联网之后出现的新型学科，但其实也并不然，为什么这么说，因为交交互设计的思维方法建构于工业设计以用户为中心的方法。所以他只是对以前设计类的综合，除了载体和技术不同以外，只需要转换自身的思维模式便可以系统学习。1.必须要做到的事情当然，工欲善其事必先利其器，工欲利其器必先明其智。我们首先必须要理解交互设计的流程，普遍意义上交互设计的流程我个人的总结大概是以下五类：&1. 了解用户的活动及目的；充分进行市场调研，明白用户需求&2. 定义活动中的行为与问题；对于问题和行为进行汇编。&3. 定义设计的目标；对于设计中最终呈现的结果有一定明确指示&4. 设计方案，反复精化；头脑风暴，继续讨论。&5. 确认设计方案对用户活动的影响。并对其加以实现。当然在我的理解基础之上再进行简化，则为以下三类。“市场调研了解用户——定义设计方案及草图呈现——确认方案并且进行实现”第二，你必须要做到的：提高自己的逻辑思维能力提高自己心理分析能力提高自己交互概念及基础知识的能力提高自己语言表达能力有一定的审美，对于设计美感有一定的理解第三，必须用到的工具&笔和纸。学习交互设计必须要有一定的手绘能力，能快速画图ADOBE软件系列，学习一定的PS，学会画高保真图，用其他的软件辅助实现Sketch 及相关插件。专门用来做UI的轻量级软件，已逐渐成为交互设计师主流工具之一。Axure可以解决80%的问题，上手容易，简单实用交互的工具总在=更新，学什么软件其实不重要，只要能表达想法（图片来源于网络）2.好的学习渠道网络平台互联网的发展，使我们现代人学习更为便捷，获取知识的层面更为容易所以建议在慕课网，GOGOUP高高手，等网络平台上课寻找名师进行系统的学习。同时推荐一部分视觉网站designmodouplabs &resource cards线下线下主要就是看书学习，个人主要推荐书目如下：《设计中的设计》《写给大家看的设计书(第3版) 》《设计几何学:关于比例与构成的研究 》《在你身边,为你设计:腾讯的用户体验设计之道 》《下一站:用户体验(修订版) 》《设计之下:搜狐新闻客户端的用户体验设计 》《设计心理学 》《认知心理学》《瞬间之美:Web界面设计如何让用户心动 》《锦绣蓝图:怎样规划令人流连忘返的网站 》《人人都是产品经理 》《精益设计:设计团队如何改善用户体验 》《简约至上:交互式设计四策略 》《餐巾纸系列(套装共3册) 》《移动设计 》《众妙之门:用户体验设计的秘密 》《交互设计沉思录 》《交互设计指南（原书第2版） 》《UI进化论:移动设备人机交互界面设计》《图灵交互设计丛书:亲爱的界面o让用户乐于使用、爱不释手 》《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论 》《赢在用户》《情感化设计》《图灵交互设计丛书:设计师要懂心理学(全彩印刷) 》交互设计是一门全新的科目，相信只要努力认真一定可以棒棒哒！
扫一扫分享到微信
，才能进行回答
7人关注了此问题Copyright (C)
Processed in 0.007859 second(s)
&a href="http://www.51.la/?" target="_blank"&&img alt="我要啦免费统计" src="http://img.users.51.la/.asp" style="border:none" /&&/a&
还没有账号
用第三方账号直接登录}