先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
![UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/72c9c13d249ae684bb1314f060a65e481075b1eb/height=288;version=1;width=512/https%3A%2F%2Fgoodpatch.com%2Fblog%2Fwp-content%2Fuploads%2F2013%2F07%2Fannouncing_prott_for_ios_on_vimeo-2-e1412080841112.jpg)