素材サイト会員登録するこの記事は2016年11月14日に更新しました。客先でプレゼンする際に、イメージ画像を入れるだけでは魅力が伝わりにくいと感じるときはないでしょうか?例えば、アプリやWeb制作の場合なら、完成形に近いビジュアルを見てもらう方が見栄えがいいですし、イメージしやすくなります。そんな時に活用したいのが、完成形に近いイメージ像を簡単に作成してくれるモックアップ作成ツールです。今回は、オススメしたいモックアップ作成ツール10種をご紹介します。簡単に使うことができますので、お客様や社内のメンバーに完成イメージを伝える必要がある際は、活用してみましょう。モックアップとはモックアップとは、本物に似せた模型のことです。携帯ショップに行くとよく製品の大きさやデザインの確認をするためのプラスチック製の実際には使えない模型を見かけます。それがモックアップです。一般的に、工業製品のプロダクトデザインにおいて外観の試作、検討レベルで作られる模型のことを指します。実際にはモックアップとはそのようなサンプル模型だけでなくソフトウェアやWebサイト、印刷物のデザインを確認するための試作品等も含まれます。実際の製品を作らなくても仮の予想図を作ることで取引先にデザインを提示することでその取引の価値を高めるだけでなく、わかりやすくイメージをさせることでスムーズな取引にもつながります。それだけでなく、飛行機や航空機などの精密さを求められている工業製品を製造する際にもモックアップは必要不可欠です。デザインの進捗によってモックアップは違う名称で呼ばれたりもします。初期段階はスタディー・モデル、外観のモデルが検討されたときはワーキング・モデル、プロトタイプ・モデルなどと呼ばれます。素材は木製で作られることが多かったのですが、現在はCAD、CAMによっての製図デザインから自動切削加工でのプラスチック樹脂製がスタンダートです。モックアップを簡単に作成出来る便利ツール1.MockUPhonehttp://mockuphone.com/スマートフォン、タブレットといったあらゆるデバイスのはめ込み画像を作成するツールです。任意の画像をアップロードすると、自動的に複数の角度のはめ込み画像4パターンを生成します。生成した画像は画面上でイメージを確認することができ、問題なければ指定したメールアドレス宛に送信することが可能です。主要なデバイスを広範囲でカバーしており、カラー違いも含めて現在34種が揃っています。(2015年7月24日現在)便利なポイントは背景が透過してある点で、不要箇所を切り抜いたりする必要なくそのまま使うことができます。プレゼン資料用のモックアップをサクッと作りたいと思った時に重宝します。2.ShirtMockuphttp://www.shirtmockup.com/好きな画像をアップロードし、Tシャツのモックアップを作成することができるツールです。Tシャツのデザインを作成、提案する時に活躍します。最低限必要な機能をフルに備えながらも、誰でも使える画面設計が魅力的です。画像はjpeg、gifオンリーで最大300kbまでアップロードすることが可能です。アップロードした画像は自動的にTシャツにはめ込まれます。Tシャツのタイプは標準的で使いやすいstandardと、ユーズド感がお洒落なdistressedの2種から選択することができます。リアルな影をデザインしてあるのでまるで本物のようです。でき上がった画像は任意のメールアドレスに送信することができます。3.Dunnnkhttp://dunnnk.com/こだわりを感じるクオリティの高いモックアップを作成することができるツールです。デバイスにただはめ込んだだけの画像ではなく、見せ方にこだわりがあるのが特徴です。カフェでの作業デスク上や、お洒落な手持ちアイテムと並べたもの他、なんともかっこいい雰囲気のあるテンプレートが50種以上揃います。好きなテンプレートのサムネイルをクリックすると自動的にアップロードの画面となり、簡単なステップではめ込み画像を作成することが可能です。iPhone、Android、Macbook、ipad、imacの5カテゴリを用意しています。Makerhttp://iphone-screenshot.com/シンプルな各種デバイスのモックアップを作成することができるツールです。S、Mac、ゲームボーイにも対応しています。iPhoneは4Sから最新の6Sまでが揃います。オプション設定が特徴的で、デバイスの画面にあるステータスバーの有無、ステータスバーのみの上書き、反射エフェクト有無、鏡面反射の有無とかなり充実しています。ステータスバーの文字まで編集が出来るので、かなりこだわってモックアップを作りたい方にオススメしたいツールです。出力画像のサイズも設定することができ、カスタムサイズも可能です。5.placeithttps://placeit.net/使用中のシチュエーションを多数収録した、実用性の高いモックアップ作成ツールです。デバイスのみのシンプルなものではなく、背景画像ありのものが欲しい場合にはこちらがオススメです。phoneなどのあまり他のツールでは見ないデバイスにも対応しています。画像は手持ちのものをアップロード出来るだけでなく、URLを入力するだけでもはめ込みが可能です。HIGHの3サイズから好みのものを選択しダウンロードできます。6.Businesscardstarhttp://businesscardstar.com/100以上ものデザインテンプレートを収録した名刺モックアップ作成ツールです。ポストカードも作ることができます。テンプレートはCorporate、Elegant、Geometricを含む7カテゴリに分かれており、好みにぴったりのものを探すことが可能です。モックアップ用とはいえ、本格的なデザインばかりです。カラー変更、テキスト追加をすることでオリジナル感を出すこともできます。名刺作成用ツールはあまり見かけませんので、知っておくといざという時に便利です。7.Framehttp://frame.lab25.co.uk/スマホ・PCといったデバイスに任意の画像を差し込むことができるツールです。フレームは全部で36種類です。(2015年7月24日現在)デバイスを白背景で撮ったもの、様々なシチュエーションで撮ったもの、どちらも用意してあります。画像はアップロードのほか、特定のURLからキャプチャしたものを利用することも可能です。面倒な設定いらずで誰でもすぐにモックアップが作れてしまうので、手頃なツールを探しているという方に特にオススメです。Mockupshttp://magicmockups.com/加工したようなオシャレな写真に、任意の画像をはめ込むことができるモックアップツールです。PC、スマートフォン、ポスターフレームに対応しています。現在のシチュエーションの数は18個です。(2015年7月24日現在)他のサービスに比べると作成できるデザインのパターンは少ないものの、どれもとっても素敵なデザインです。見た目のクオリティを求める場合に一度試してみる価値があります。9.MakeScreenshotshttp://www.makescreenshots.com/iPhoneアプリのモックアップが手軽に作成できるツールです。作成したアプリの画面画像をアップロードすると、自動ではめ込んでくれます。背景色、キャプションを設定するだけでモックアップの完成です。キャプションは好きなフォント、文字色を選択することができます。登録、ログインも一切不要で、画面も分かりやすいので、簡単にモックアップを作りたいという方にオススメです。Watchにも対応しているモックアップ作成ツールです。スマートフォン、PC、タブレットにも対応しています。実際使っているような様々なシチュエーションを用意しており、全体的に落ち着いた雰囲気のものが揃うのが特徴です。モックアップ作成時に、ちょっとかっこいいものをお探しの際に便利です。まとめ以上、今回は簡単にモックアップが作成できるツール10種類をご紹介しました。いかがでしたでしょうか。製品のプレゼンテーションをおこなう上で、プレゼン資料は必要不可欠な存在であるものの、文章での説明だけでは伝わらない部分を視覚的に表現することで、ぐっと訴求力を上げてくれます。モックアップ作成ツールには様々なものが存在しており、スマートフォン対応のものが大半ですが、PC、Tシャツ、名刺といった製品にも対応しているものもあります。画像をはめ込んでくれるだけでなく、色々な角度から表現できたり、雰囲気の良いシチュエーションが用意してあったりと、カスタマイズして好みのものを作成することが可能なため、目的にそって活用してみましょう。【2015年版】商用無料の人気フリーフォント35選Photoshop初心者必見!Photoshopを使いこなすために知っておくべき情報まとめこのニュースに関連するカリキュラムLPOに関するカリキュラムLPOに関して、カリキュラム形式で学びましょうアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るWebサイトWebサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。詳しく見るタブレットタブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。詳しく見るサムネイルサムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。いう名称がついていますが、実際には日本でもURLという語が使われています。詳しく見るテキストテキストとは、純粋に文字のみで構成されるデータのことをいいます。太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。いう名称がついていますが、実際には日本でもURLという語が使われています。詳しく見るキャプチャキャプチャとは、出力されたデータを別の機器で取り込み利用可能な状態にすることを言います。例としては、TV映像をパソコンに取り込み、その映像を保存(キャプチャ)し、パソコンで再生可能にすることなどです。ホームページの分野では、ブラウザなどでホームページのデザインを画像として保存することなどを指すこともあります。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るフォントフォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。詳しく見るタブレットタブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。素材サイト会員登録するおすすめ記事ADグロースハックソフトバンクグループのサイバー大学がチャットコマース「ジールス」を導入。ノーリスクでリード獲得件数を増加させた3つの施策とはグロースハックADCMS・Webサイト制作Webサイト制作でよくある失敗例5選。プロのディレクターが教える処方箋とはCMS・Webサイト制作ADマーケティングオートメーション(MA)「Pardotユーザー会」参加者が、Pardot創業者と語る。参加者同士の“深い”つながりから生まれる価値とはマーケティングオートメーション(MA)BtoBマーケティングのノウハウ資料をダウンロード!基礎から4ステップで実践まで!BtoBマーケティング実践ガイド(無料)BtoBマーケティング実践ガイドは、BtoB事業のマーケティングのノウハウを網羅的かつ体系的にまとめたものです。基礎から応用まで4つのステップでマーケティングが実践できるBtoBマーケターの永久保存版です。株式会社SoLabo「0→1」「1→10」がどちらも叶う。株式会社ベーシック【求人】サービス価値を高め市場を創造。編集部厳選!最新情報をお届けもう一度読みたい記事をブックマーク実務に役立つ資料をダウンロード無料会員登録会員ログインこの記事を書いたライターferret編集部ferret編集メンバーが不定期で更新します。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方AD記事を作っているのにサイト流入が足踏み・・・・・・。そんな状況を打開する「正しい努力」の仕方ADWebサイト制作でよくある失敗例5選。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。PIECE』を超える異例の売上。『鬼滅の刃』が大ヒットした理由ケーススタディで学ぶ。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。