快好知 kuaihz

从草图到原型:最佳设计工作流

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吧。

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:从草图到原型:最佳设计工作流  工作流  工作流词条  草图  草图词条  原型  原型词条  最佳  最佳词条  设计  设计词条  
产品

 哪些特征,能表现产品思维?

关于产品思维是什么的话题讨论有很多,没有一个标准答案能够定性这个问题。而笔者作为资历深厚的产品经理,将集合着朋友圈子里百万年薪天团大佬们的指点,用自己的理解解读...(展开)

产品

 提高PM工作效率,我总结了7个实...

笔者基于自己日常工作实践,总结了7个实用的方法,助力产品经理更高效完成工作,与大家分享。产品经理应该掌握一点工作小窍门,以提高工作的效率和质量。这是笔者在做跨境...(展开)