これは目的と手段が明確でいいな。

Mockingbird　is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

Mockingbird

あくまでモックアップの作成です。

サイトにアクセスすると会員登録することなくすぐに試すことができます。

開始すると左側にWebページで利用されるコンポーネントが並んでいるのでドラッグ＆ドロップでページに配置していきます。日本語も使えます。

あくまでモックなので配置したからといってそれがリアルに機能するわけではないのですが、リンクぐらいは設定することができるのでページ遷移などを表現させることはできます。

これの何がよいかというと、Webページのデザインを紙の上でやると、実際にそれをHTMLで表現するとページがスコスコになっちゃったりすることがあるんですが、実際にWebページ上でパーツを配置することでファーストビューで見せたいものとかパーツ感の空間やフォントのバランスなどをWebブラウザ内で簡単に確認できるようになる、というのが素晴らしいと思います。

で、ここで作成したモックは他人と共有することができるので、このサイトでデザインラフを使ってそれをクライアントや共同作業者などと簡単にシェアすることができます。

しっかりデザインを施す前の段階で必要なコンポーネントの確認などができるのはほんといいですよねえ。

モックなので各Webパーツもシンプルなものでよい、というのも非常にわかっている感があっていいなあ。