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. CVだけでは分からない課題を浮き彫りにする「マイクロコンバージョ…

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

  3. 競合サイトの調査に活用できるGoogleの3つの機能

    大手調査会社ニールセンが2015年12月に発表したリサーチ結果によれば、日本におけるインターネット利…

  4. 「まだ東京で消耗してるの?」に学ぶ、オウンドメディア成功の秘訣

    オウンドメディアの重要性が指摘されるなか、注目を集めているのが管理人・イケダハヤト氏によるWebサイ…

  5. ユーザーを後押し&安心感を与えるクロージング。LPの「ストーリー…

    ユーザーの願望に対する解決策だけでなく、その先にあるプラスアルファの価値を示し、裏付けや背景をあわせ…

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

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

  7. あらためて整理しておきたい、Webサイトにおける「色」の効果

    ECサイトの制作プラットフォームを提供しているShopifyのリサーチ結果によれば、ユーザーの購買は…

  8. サブ要素&導線に盛り込むべき情報は?ファーストビューの効果的な改…

    Webサイトの「顔」ともいえるファーストビュー。「メインコピー」と「キービジュアル」に加えて、「サブ…

PICKUP

PAGE TOP