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

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





1

Placeit

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

2

Mockup Photos

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

3

MOCKUPSJAR

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

4

Smartmockups

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

5

MockUPhone

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


  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」
  • デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
  • Facebookのフリーデザインリソース「Design Resources」
RELATED POSTS
  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
  • 2,000種類の大容量アイコンセット「Thousands Icons」
  • 420種類のシンプルなアイコンセット「Evericons」
  • AIがロゴを作成してくれるWebサービス「Brandmark」
  • 3Dで作れるスマホのモックアップツール「Threed.io」
  • イタリアンデザインのアーカイブ「Archivio Grafica Italiana」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」
  • やわらかいタッチのイラストをダウンロードできる「Open Doodles」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」