menu

プレゼンや打ち合わせに活用したい、無料モックアップ作成ツール3選

ディレクター心得

ワイヤーフレームと同様に情報共有やプレゼンテーションの精度を高めてくれるのがモックアップです。クライアントに向けたプレゼンテーションでは、あらかじめ作成した資料にダミー画像をはめ込んで説明するのも1つの方法ですが、やはりダミーだけではなかなかイメージが伝わりにくいもの。

その点、より完成品に近いモックアップなら具体的なデザインの良し悪しに加えてユーザービリティや効果までイメージを速やかに共有することができます。無料で利用できる便利なモックアップ制作ツールをご紹介します。

Dunnnk
PCやスマートフォン、ウェアラブルデバイスのディスプレイに画像をはめ込むことのできるモックアップ制作ツールです。iPhone、Androidなど5つのカテゴリーが用意されており、選択したテンプレートのサムネイルをクリックすることで、簡単に画像をはめ込むことができます。

街中やオフィスのデスク、ランチなど、ユーザーのさまざまな利用シーンをカバーしたスタイリッシュなテンプレートが用意されており、テンプレート自体のクオリティが非常に高いも特徴。使い方次第ではプレゼンテーションの大きな味方になるはずです。

MockUPhone
シンプルで使い勝手のいいテンプレートが特徴で、スマートフォンやタブレットのはめ込み画像を限られた時間で作成したいときに役立つツールです。テンプレートはiPhoneの主要モデルをはじめ、Android、デスクトップPCまで幅広くカバーしており、複数のカラーパターンも用意されています。

背景が透過されているので切り抜きをしなくてもそのまま資料に貼り付けることが可能。作成したモックアップを指定したメールアドレスに送信する機能も付いています。

MakeScreenshots
iPhoneアプリのモックアップ制作に特化したシンプルなツールです。IPhoneのテンプレートに画像をアップロードし、キャプションと背景色をつけるだけでモックアップを作ることができます。

シンプルなUIは直感的に操作できるうえ、利用にあたってアカウント登録する必要もありません。モックアップ制作はもちろん、スマートフォン上でのWebページの見え方を確認したい時などにも利用できます。

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

車内での動画視聴や乗車時間に応じてクーポンを付与。国内タクシー会社のBeacon活用

「軸」の発見が新たなビジネスチャンスをもたらす、リスティング広告のキーワード拡大

関連記事

  1. WordPressのメリットを活かす、アクセス解析プラグイン5選…

    Webサイトの運営に必須となるアクセス解析。ページ作成やコンテンツ更新が手軽にできるWordPres…

  2. ツールを使って接客をシステム化。総合力に優れたWeb接客ツール3…

    シニア層のネットショッピングの利用拡大やECマーケットそのものの成長にあわせて、急速にニーズが高まり…

  3. CVだけでは分からない課題を浮き彫りにする「マイクロコンバージョ…

    コンバージョンはWebサイトにおける最も重要な指標の1つ。とりわけECサイトなどに関しては「まずコン…

  4. スマートフォンを意識したWebライティングのコツ

    ソーシャルメディアと相性が良いスマートフォンでは、質の高い記事がFacebookやTwitterで拡…

  5. 手軽に作ってWebサイトにアクセントを。無料のGif画像作成サー…

    複数の静止画を組み合わせてコマ送りで表示することによって、画像に動きをつけることができるGif。We…

  6. チャット機能に特化したWeb接客ツール3選

    閲覧・購買行動にもとづいたポップアップの表示や、Webサイトへの再訪問を促す自動メール配信機能など、…

  7. あらためて整理しておきたい、ワイヤーフレームを作成するメリットと…

    キャッチコピーや画像、リンクボタン、SNSボタンなど、さまざまな要素が取り入れられるWebサイト。W…

  8. Webサイトの配色に取り入れたい「70・25・5の法則」

    Webサイトの配色を決めるためには、それぞれの色の特徴・効果とあわせて効果的な配色パターンを知ってお…

PICKUP

PAGE TOP