最佳设计工作流

boxi · 2016-06-14
设计有哪些好用的草图工具、示意图工具和原型工具呢?

编者按:Keaton Herzer介绍了从草图到原型的设计流程,并且推荐了各阶段适用的工具。至于合不合适,各位设计师用用看再说吧。

作为设计师,我们要不断尝试各种工具和流程以便找出最合适的。经过大量实验后,我已经找到了完美的设计工作流,在此我愿跟大家一起分享。设计是一个流程,我要分享的这个流程是我在开发各种人人喜爱的习惯养成产品的项目都采用的流程。

1、画草图(用纸笔)—每一个伟大的设计都从纸上开始。拿出你的纸和笔画出大致形状。

最佳设计工作流

2、下一步是把草图用手机拍下来,然后把你的孩子放到POP上面测试一下原型。

最佳设计工作流

3、接下来是示意图。光有草图是不够的。示意图任何时候都是不可或缺的。继续打开Omnigraffle 画你的示意图。

最佳设计工作流

4、现在才意识到你需要下拉菜单?只好再用Balsamiq重画示意图。

最佳设计工作流

5、对Balsamiq不满意吗?那可以试试Axure

最佳设计工作流

6、还是不满意?!那可以换到AdobeIllustrator用它的UI Wireframing kit,警告你,要89美元。

最佳设计工作流

7、现在把那些示意图导出为PNG然后导入到Invision,这样你就可以共享给团队了。

最佳设计工作流

8、再也不想用Invision了?那你只好在用Marvel试试了,希望这次他们不知道怎么写评论了。

最佳设计工作流

9、你成功了,示意图终于获得批准了。接下来可以做高清版的原型了。

10、到人人都使用的图库找图然后用Photoshop进行优化。

最佳设计工作流

11、现在打开Sketch开始为你的app创建UI。开始有点真正产品的模样了吧?

最佳设计工作流

12、现在把屏幕导出为PNG并导入到Flinto Lite

最佳设计工作流

13、哦,你需要手势设计?99美元买个Flintofor Mac吧。

14、你的CEO/利益相关者/客户“不需要手机上再多一个app”并且拒绝下载Flinto。

15、导入设计到Principle增加交互。

最佳设计工作流

16、靠,Principle导出的是视频啊?!不用了,用Pixate 吧,反正是免费的,祝你好运。

最佳设计工作流

17、你要疯了?!好吧再下载Framer试试,它可以免费试用。

最佳设计工作流

18、忘了告诉你,Framer的试用时间只有32分钟。再换Justinmind吧。

最佳设计工作流

好了,大功告成,终于过关了。

+1

好文章,需要你的鼓励

参与评论
登录后才能参与讨论哦...
后参与讨论
提交评论0/1000

请回复有价值的信息,无意义的评论将很快被删除,账号将被禁止发言。

下一篇

此处应想到刚开的 WWDC [微笑] [微笑] [微笑]

2016-06-14

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

为你推送和解读最前沿、最有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚集全球最优秀的创业者,项目融资率接近97%,领跑行业