今回のテーマはモックアップです。Webサイトやスマートフォンアプリなどを作る際に、いきなり細かなデザインに入るのではなくまずモックアップと呼ばれる簡易的なデモを作ってみるのが一般的です。それを何度か見直し、修正した上で形になったと判断して実際のプロダクトを作り始めます。

そんなモックアップを作るためのツール、関連オープンソース・ソフトウェアを紹介します。

紙

個人的には第一段階目は紙を使うのがお勧めです。コンピュータ上で作成する場合、ついつい数ピクセルのずれであったり細かい点に目がいってしまいます。そういった些細な部分に気を取られると本質を見失ってしまいます。

まずラフで作成するためには紙に書いてみるのがオススメです。この時、鉛筆よりもボールペンのが良いです。間違った時に直せると考えてしまうと細かいところに注目してしまうでしょう。