课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 达内:常用交互设计工具集锦
  • 达内:常用交互设计工具集锦

    发布:南昌UI培训      来源:优设网      时间:2016-03-14


  •     随着移动互联网的快速发展,出现了很多用于移动端开发的工具,有着体积小、速度快、针对性强的优点,南昌达内UI设计培训专家介绍几款优秀的交互设计工具,帮助达内UI培训班学员开发移动应用。

    Axure

        虽然现在很少用到了,但作为步入互联网第一个接触的软件要纪念一下。功能大而全,有丰富的控件可以调用,通过简单的逻辑关系组合出丰富的动画。但正是因为它的大而全使其在移动端设计上不够灵活,功能多而复杂。软件自身的设计不符合设计师工作习惯,当元素多时绘图面板非常混乱,产出物死板不美观。当然Axure可以做出高保真界面,但相比于Sketch要花费很大成本,如果未能多去建立母版,之后的二次三次修改成本很高。大部分产品经理在Axure上图配文并生成html作为文档传递给下一工作流程上的组员。

        绘制高、低保真网页原型图;可作为产品、交互文档输出工具。

    Sketch

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

        绘制高、低保真移动端原型图;绘制图标、视觉设计稿;可切图输出;可作为交互文档和视觉设计说明文档的输出工具。

    Omni Graffle

        一款流程图工具。流程图无非就是图和线的排布,自己也有用过Ai、Sketch画流程图。但当要修改时会很混乱,线要重新画,版面要重新布置。而Graffle专为流程逻辑而设计,移动图时线也随之移动,线的属性可更改,排版非常方便。图层的设计方便管理界面元素,很清楚认识到哪些元素是并列关系,哪些元素是父子集关系。交互的流程,功能的结构,组织的关系,凡是涉及到关系逻辑的设计Graffle是我用过最好用的流程设计软件。

        产品功能需求逻辑图;产品页面交互逻辑图。

    Keynote

        普遍当作汇报演讲的软件,其实还可以用来输出原型演示视频。在开发过程中设计师很多时候不能通过静止的图像清晰地向工程师传达交互过程,此时需要制作动画原型来展示方案。制作动画需要安排好展示逻辑,设置很多动效参数,有时甚至涉及到动效变化曲线,这些复杂的逻辑参数增加了制作成本。工程师只想看到简单的演示,他们并不care你这个交互反馈是否有spring,delay了零点几秒,这时可以使用keynote制作动效视频。首先画草图排好展示顺序和时间,在keynote上列出展示页面,用神奇移动和自带控件动画将页面联系起来。

        同时本身的图文编辑属性、分页展示属性、可插入原型演示动画的特点使keynote可作为交互文档和设计规范文档的输出工具。

        制作简单交互动效视频;撰写交互文档;撰写设计规范。

    Pixate和Quartz Composer-Origami

        两者都是交互原型制作工具,可生成模拟器或者mirror到手机上,更直观地推敲设计交互原型。前者被Google收购已经免费,最大的特点是运用了图层概念,将交互手势、动画直接添加到图层上,并用base on将页面联系起来。后者是Facebook在苹果原生Quartz Composer动画设计软件上的插件,大大降低了设计使用门槛。特点是模块化,用编程的逻辑制作动画。不同的交互手势和动效样式有各自的一个模块,用线将模块联系起来,软件的动效调用基本源于FB的Pop Animation库。两者学习成本很高,尤其后者,页面多、交互多时制作面板非常复杂,但做出的动效精确优美。可适用于个别页面中少数重要、精确的交互原型制作。

        制作精准的交互动效原型。

    Principle

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

        制作简单交互原型;制作全局原型演示。





    原文链接:http://www.uisdc.com/useful-interaction-design-tools
    推荐文章

上一篇:炫目的网页字体排版设计案例

下一篇:排名前十的新兴设计工具

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56