今クライアントにどのようにしてデザインを伝えていますか？
デザイナーから上がってきた平面の資料だけでは伝わりにくことも多々ありますよね。
「実際に出来上がった時がイメージしにくい」
「どういう仕上がりになるのか分からない」
イメージがうまく伝わらなければ、デザインがいつまでも決まらず時間だけが無駄にすぎてしまいます。
そこで、「モックアップ」を活用することで、仕上がりのイメージが上手く伝わる「モックアップ」についてお話ししていきたいと思います。
目次
モックアップを活用して一歩先の提案を
モックアップってなんなの？
モックアップとは、工業製品の設計・デザイン段階で試作される、外見を実物そっくりに似せて作られた実物大の模型のこと。ソフトウェアやWebサイト、印刷物などのデザインを確認するための試作品のこともモックアップと呼ぶことがある。
引用元：e-word
と、あるように、試作品ですね。
といっても、デザイン案の段階で試作品をガンガン作るなんて余裕はどこもないでしょう。
そこで、便利なのがphotoshopです。
photoshopを使ってモックアップを作れば、イメージも伝えやすいってもんです。
さらに、無料のモックアップ用のテンプレも多く配布されているので、簡単に導入することも可能です。
今回はいくつかテンプレを使って、モックアップを作ってみました。
まずは素材。
まずはAWESOMEのロゴを使った素材をパパパッと用意しました。
さて、こちらを使ってモックアップを作っていきます。
まずはフライヤーにしてみましょう。
こんな感じの、コート紙で印刷したフライヤー的な感じで、
パパっと作れちゃいます。
さて、フライヤーだとあまりモックアップの利点もでないので、
今度はこんなのを作ってみました。
そうです、バスストップの広告です。
こういうのは特にphotoshopで作るモックアップだからこそ実現できるものですね。
そして、こんなものも作れちゃいます。
カフェへの提案にいかがでしょうか。
カップですね。
そして今度はパソコンに差し込んでみましょう。
光の反射なども再現してくれるので、かなりリアルに仕上げることができます。
ロゴを使って遊んでみよう
今度は会社ロゴを使ってモックアップを作っていきたいと思います。
まずはTシャツから
イベントTとか作ったらこんな感じになるんでしょうね。
そして最後にバンです。
WEB制作会社でバンを使うケースって多分ないと思うんですが。
バンです。
社用車がハイエースとかの大型バンになったらそれはそれでインパクトあるんでしょうね。
デザイン案だけではなくモックアップも一緒に
WEBの現場では意外と使われてないモックアップも、
デザイン事務所などでは当たり前のように使われてきています。
デザインに関わるものとして、こういったツールも使いながら、
クライアントに提案をしていってもいいのではないでしょうか？
モックアップを作るのに、１０分もかかりません。
その手間をかけるか、かけないからで、効率が変わってくると思えば。
モックアップの大切さがわかるのではないでしょうか？
