2016,交互动效设计元年

SILY系列文章第31期:可以预见2016年,Sketch的画板功能结合这些原型设计工具,将彻底改变产品设计流程,设计师将可以更方便的构思,表达,展示自己的设计。

Sketch在2015年彻底火了,在国外无数UI和UX设计师用上了它就再也回不去Photoshop。

我从2、3年前就推荐产品设计者使用这个工具,如果说之前的流行还是小众,今年Sketch算是完全统治移动端软件设计,Sketch离开Mac App Store事件成了设计圈最关注的事件之一。可见Sketch已经火到不要不要的。

Sketch最重要的一个概念是画板,和Photoshop的单画板不同,在一个页面里,你可以创建多个画板,每个画板有独立的层级关系和坐标系统。对应到应用界面设计中,每个画板就是一个屏幕。(Photoshop在新版里抄袭了这个设计)

每个屏幕有独立的层级和坐标,对UI设计来说是有明显的优势哒,但若要在页面设计中表达每个界面的逻辑关系,就会变得麻烦

2015年底,出现了众多解决这一问题的软件。它们试图给出一套交互设计工具,让你轻松的做出精美逼真的原型,设计复杂酷炫的交互动画。

生产力工具价格不菲,我还在观望,从下面几个知名的软件中挑选一个:

  1. Principal,前苹果设计师出来做的,适合做动效
  2. Flinto,目前来说和Sketch配合最棒的,Sketch的画板可以带着所有图层导出到Flinto里
  3. Pixate,用了感觉不是很好,已经被Google收购,估计没戏了
  4. Fuse,还未发布,但视频拍的很棒
  5. Silver,同样未发布,可以观望
  6. Framer.js,需要写代码,老牌工具,优点是跨平台,而且比较成熟

产品原型不同于一个个静态的页面图片,它和真实代码编写程序的区别可以做到几乎无法识别。你可以用原型表达页面间的关系,设计页面间过度效果,让原本需要大量文字描述的产品逻辑变成一个可以真实把玩的半成品。

可以预见2016年,Sketch的画板功能结合这些原型设计工具,将彻底改变产品设计流程,设计师将可以更方便的构思,表达,展示自己的设计。终于可以不用Keynote来做动画了。

今年围绕这个话题,我会写一些深入测评和教程,感兴趣的朋友可以留意。


不定期聊一些产品设计,以及有趣话题,分享我的所见所想,欢迎关注。

Stuff I Learned Yesterday 系列文章话题包括科技、产品、设计、商业和创业有关的事。每天分享所见所想,这事,要干就干个七年。

康上明学

康上明学

理想主义者,想得太多,做得太少。欢迎关注微信公共号「明学的白板」

Read More