个人交互设计常用软件整理

Sketch 小巧而强大的UI设计工具

  严格来说,sketch并不能算是原型设计工具,而是一个强大的UI设计工具,操作者可以使用该软件设计出精美的UI界面,更可以方便的将设计资源导出成客户端开发所需的切图素材。
  因为是一个UI设计软件,所以sketch并不提供基础的页面跳转等原型设计所需的功能。但是sketch拥有强大的插件功能,借助一些插件例如“Craft”,sketch也能实现基础的页面跳转,按钮互动等原型设计所需的功能。
  sketch尽管不是传统意义上的设计软件,但由于其操作上的简单迅速视觉效果好,同时和开发软件(Xcode、Android Studio等)协作较好,所以是我个人最常用的设计软件。当然在原型部分我则是用插件,以流程图的形式标注出来,或是在其他软件中再次加工。
  

OmniGraffle 交互原型文档制作

  对于原型的设计,光给出图片与原型成品是不够的,所谓交互文档就是需要对产品的细节部分给出具体的说明,例如对按钮状态的说明,对页面loading状态的说明等。
  OmniGraffle是一个很好的标注软件,我时常用来制作产品的用例图、线框图等。同时在Sketch中完成高保真原型设计后,也会导入到OmniGraffle中进行原型细节的标注。
     

Principle 动效设计软件

  一个轻量级的动效设计软件,可快速实现较复杂的交互动效。更加重要的是他和Sketch几乎可以做到无缝衔接,如果觉得Sketch+插件无法满足炫酷的高保真原型设计的话,可以试试Sketch+Principe的组合。
  不过我不怎么用了,有点代码基础直接在开发工具里实现更加快,更重要的是,做完了可以直接用。

After Effect 复杂动效设计

  对于简单的动效,直接在开发工具中实现,而复杂一些的动效就要借助专业工具AE了。AE是用来做专业的影视特效的,用来做动画效果当然是绰绰有余,但是相对其他软件来说,AE的学习成本也相当之高,建议初学者还是先不要尝试。

作者

徐炜楠

发布于

2018-02-11

更新于

2021-06-12

许可协议