神刀安全网

最佳设计工作流

编者按: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吧。

最佳设计工作流

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

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 最佳设计工作流

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址