デザインの変更の手間を防ぐ為にWEB制作時にはコーディングしていないモックアップをデザイン案として見せるのが主流だと思います。今日紹介するのはラフなモックアップをドラッグ＆ドロップで簡単に作成できるWEBツール「Balsamiq Mockups」です。

パーツをおいていくような感覚で簡単に作成できます。実際「Balsamiq Mockups」を使って制作しているイントロムービーがYouTubeにアップロードされていましたので、下記に貼付けておきます。

動画は以下から

上記のように簡単にモックアップを制作していく事が可能です。デザインの詰めの部分まではできませんが、構成要素の確認であれば十分な物が作れます。慣れないうちはイラストレーターやphotoshopでざっくり作った方が早いと言う方もいるかと思いますが、最初からパーツが揃っているので、慣れてくればかなり素早くモックを起こす事ができそうです。

モックアップづくりを短縮したい方、悩んでいる方は試しにどうぞ。

Balsamiq Mockups Home | Balsamiq