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. マイクロコンバージョンによってWebサイトを評価する際の2つのポ…

    Webサイトや広告のランディングページを改善する手法として最近注目を集めているマイクロコンバージョン…

  2. フォント選びの基本中の基本。和文&欧文の4系統

    フォントはレイアウトや配色と並んでWebデザインにおいて大きなウェイトを占める要素です。同じテキスト…

  3. 「オウンドメディアって何?」意外と知られていないトリプルメディア…

    「オウンドメディアって最近よく聞くけど、どんなもの?」。この質問に正確に答えられるWebディレクター…

  4. 無料&レスポンシブ対応済みのWordPressテンプレート3選

    Webディレクターの業務のなかでも意外と頭を悩ませることが多いのがレスポンシブ対応ではないでしょうか…

  5. SNSの拡散(バズ)を視覚化。今すぐ役立てたい効果測定ツール3選…

    オウンドメディアとならんで、Webマーケティングの重要な要素の1つがSNSの活用です。「SNSを使っ…

  6. 【Webサイト運営者必見】よく分からないKGI/KPIを優しく解…

    Webサイトでは「明確な目標」を持つのが難しく、それ故に目標もなくWebサイトを制作したりリニューア…

  7. スクロールエフェクトを実装できる、おすすめjQueryプラグイン…

    画面のスクロールにあわせて写真やサムネイル、テキストを自由に動かすことができるスクロールエフェクト。…

  8. アイコンもセットで、レスポンシブデザインにも対応。CSSフレーム…

    WordPressと同じくWebサイト制作の生産性アップに役立てたいのが、CSSフレームワークです。…

PICKUP

PAGE TOP