或许你会抱怨自己不会 PS、没有设计感，所以无从下手设计我们的产品。 但想找一个专业的、不拖延设计师又是宇宙中排名前 10 的难题的之一 —— 但其实我们大可以从自己最熟悉的工具开始设计产品的第一个页面。
最简单的方法就是找一张白纸和一支铅笔，在上面画出我们产品各个页面的大概轮廓：
Image from https://flic.kr/p/4dt6aw .
假如想要更好的交互效果，还（建议）可以将这个草图搬进我们的浏览器中：
在浏览器里进行设计的一个好处就是比 PhotoShop 会有更加直观交互。 通过直接调整页面元素的参数即可看到 浏览器中 的效果（这也是整个流程的关键点所在，毕竟你的设计最终还是要放到浏览器里供人浏览的）。
.. TODO:: example image
为了更快地做出一个简单的 sketch，我们可以使用 Bootstrap 等现成的框架来进行加工。
同时为了实时看到效果，我们也可以（必须）使用一个 livereload 工具来进行自动刷新。
在 code/sketch 文件夹中，我们已经提供了一个简单的 Grunt 脚本，安装好相关依赖后执行 grunt 即可让妈妈不再担心我们按坏 F5 了。
灵感除了可以想出来以外，也可以受别人的作品影响而得出，所以在不知道怎么造出一个高大上的页面时，不妨去 dribbble 上膜拜别人的作品。