做设计的时间越久，就越意识一个好的、可执行性高的标准工作流真的能帮你节省非常多的时间，从繁琐的日常设计中解放出来，才能成为真♂REAL 设计师。大熊自己总结了一套行之有效的方法，这里无保留分享给你。

每一个外省进城务工的设计师(们) 曾经都一直信奉这句箴言：

只要我切的图够快，寂寞就追不上我。

可是摆京不相信眼泪，不管你切@2x、@3x图的手速有多快，如果核心产品逻辑没理清，后期创意执行不到位，收尾细节考虑不周全，一样在比稿(自查)时被K掉重做，到最后只能默默啜泣把妆哭花，浪费宝贵时间。

做设计的时间越久，就越意识一个好的、可执行性高的标准工作流真的能帮你节省非常多的时间，从繁琐的日常设计中解放出来，才能成为真♂REAL 设计师。大熊自己总结了一套行之有效的方法，这里无保留分享给你：

三大步骤，绝大部分日常的设计需求，都可以用这套流程过一遍;至于无命题式的自由创造，则无需拘束在这几个步骤里面。工作流是拿来提高效率的，而不是限制想象力。

一、灵感和原型

除非是天赋迥异，否则谁也不能保证拿到创作命题就来灵感。因此，在工作生活中积累一个「灵感库」非常重要。

人们在那里高谈阔论着天气和灵感之类的东西，而我却象首饰匠打金锁链那样精心的劳动着，把一个个小环非常合适地连接起来。 ——海涅

这里安利一款叫Inboard的应用，你可以很方便的用它管理图片素材，更棒的是只要在上面登陆你自己的Dribbble帐号，它会自动将你Like过的设计作品都同步下来，在本地也能轻松查看。

如果你早先用过Pixa或者Ember这样的素材管理工具，上手是分分钟的事情。

「图为 Inboard 2」

有经验的设计师不会临阵磨枪，那是刚入门的新手才犯的错误。然而「太阳底下无新事」，让我们看看2006年 NASA 再版的设计指南：

「图为 NASA 2006年上线的设计指南」

从字体规范到各个场景的应用(封面、网页、小册子、运输工具的外观、航天飞机的喷涂)全部囊括在内，且大部分内容都遵循2005年就已发布的版本做追加和修改。

10多年前的规范到如今都没有什么大的变化，这意味着按照现有的人机交互范式，最常用的组件永远都是那么几样(不论 Mobile App还是 Web App)。

Navs

ButtonGroups

Pagination

Media

Form

ListGroups

ContentWrapper

这对你意味着什么?

意味着你并不需要一切「从头来过」。

你所要设计的「新」东西， 其实前人在10多年前就设计过各种风格和交互样式，并且还出过「规范」。所以，投入设计工作前，请务必做好这三件事：

前人是否做过类似的设计(不论风格有没有过时)，检查你的「灵感库」并罗列出来;

删去所有修饰元素，将内容重组，并且使其贴合你现有产品的设计风格，作为备选方案(是的没有打错，就是备选方案);

再想想其他的实现方案，可能只是一个微小的点，也足以让你打破原有的设计思路。论证其可行性并完善，作为主方案。

大熊在今日头条工作时，勇哥(前财新产品设计主管)常提起他和胡舒立共事的细节，印象很深的一点是他说，当你想到一个绝妙的设计点子时，不要急着出方案，而是将它小心翼翼的放在心里，作为备选方案，然后再想下一个。

这是因为，设计永远有更精妙的，而你要确保你每一次的设计，从视觉风格到交互体验，都在你的水准线以上。所以无论何时，都要留个备选方案，哪怕出不了彩，也能保证设计质量。(虽然备选方案最后经常被弃用)

此外，Pinterest，Pttrns，Reeoo等都是灵感扎堆的地方，特别是跨界设计往往容易把思路打开，做GUI设计不一定只看界面设计，有时候一副摄影作品(Unsplash有多好用我就不多说了)都能给你带来无限灵感，比如：

「图为 haobtc landingpage 头图的灵感来源」

最方便的原型工具依然是你身边的纸笔。

大熊在用的是Moleskine和Evernote的合作款，偶尔产生的新想法、草图都可以记录在内，并且同步到 Evernote，非常方便。

「图为 haobtc 开发中的公告系统界面手稿」

提到原型工具，去年是它们爆发的一年，今年目测依然会继续。

Origami、Pixate、Framer.js、Form、Invision、Principle、Marvel各有各的侧重点(Pixate 与 Form 都已被 Google 收购)，如果你是JavaScript好手，毫无疑问Framer.js是最合适的工具，代码级细粒度的调试能保证最后的效果和设计原型别无二致。

而如果产品中使用了 Pop Animation(Facebook 开源) 这样的动画框架，那么 Origami 当之无愧是最佳选择。

然而除却上面这些，不得不提的却是 Keynote，因为诞生之初 Keynote 就使用了OS X 内置的 Quartz 图形技术，拿它做动态交互居然出人意料的流畅，这也难怪有这么多设计师偶尔也拿它做原型动画，Apple WWDC 2014 甚至专门演示了内部团队用 Keynote 制作 App 原型的过程。

「图为大熊早期练习 keynote 时制作的动效，学习门槛非常低」

不过，最让大熊期待的还是 Silver Flows (已被 Invision 收购，并入Craft 2.0套件)，直接在 Sketch中完成页面之间的链接跳转，原生的转场动画，可实时编辑的输入框，还有嵌入 Webview，这些都在手机上实时预览，简直亦可赛艇。

希望早日推出正式版本，比Adobe XD用起来效率高应该是肯定的。