簡単に作れるはめ込み画像モックアップジェネレーター5選

 
クライアントとの打ち合わせ等の前にサクッとモックアップを作りたいなんて時に便利な、画像をはめ込んでモックアップイメージを生成してくれるモックアップジェネレーターを紹介します。Webサイトの場合URLを打ち込むだけでモックアップを生成するので画像を用意することなくモックアップを作成できます。





1

Placeit

画像のアップロードまたは、サイトURLを入力してモックアップを生成するサービス。PCやスマホのほかにTシャツや書籍など種類も豊富でおススメのサイトです。

2

Mockup Photos

画像のアップロードまたは、サイトURLを入力してモックアップを生成するサービス。様々な利用シーンのモックアップを作成することができます。

3

MOCKUPSJAR

画像のアップロードまたは、サイトURLを入力してモックアップを生成するサービス。サイトURLを入力してモックアップを作成する場合はユーザー登録が必要です。PC・スマホの他に、Tシャツやパッケージなど豊富な種類のモックアップを作成することができます。

4

Smartmockups

有料サイトですが、一部無料でモックアップをダウンロードすることができます。PC・スマホを中心に豊富な種類のモックアップが揃ってます。

5

MockUPhone

画像のアップロードでモックアップを生成するサービス。各種スマホやタブレットの正面のイメージをシンプルに作成することができます。


  • デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」
  • Facebookのフリーデザインリソース「Design Resources」
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
  • デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」
  • フリーで使用できるモックアップをまとめたサイト「Mockup World」
RELATED POSTS
  • 印刷物・製品などに使用されているフォントのアーカイブ集「Fonts In Use」
  • イタリアンデザインのアーカイブ「Archivio Grafica Italiana」
  • 手描きのアニメーションGIFを簡単に作成できる「Brush Ninja」
  • iOS・Androidアイコンを作成できるジェネレーター「App Iconizer」
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」