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

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





1

Placeit

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

2

Mockup Photos

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

3

MOCKUPSJAR

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

4

Smartmockups

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

5

MockUPhone

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



  • フリーで使用できるモックアップをまとめたサイト「Mockup World」
  • デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
RELATED POSTS
  • 画像をアップするだけでブラウザイメージを生成できる「Browser Frame」
  • バナー広告デザインの参考にしたいギャラリーサイト8選
  • Glyphy(絵文字)をコピペできるシンプルなツール「Glyphy」
  • イタリアンデザインのアーカイブ「Archivio Grafica Italiana」
  • 手描きのアニメーションGIFを簡単に作成できる「Brush Ninja」
  • 商用利用可能なアイコンセットを集めたサイト「IconStore」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 導入しておきたいWordPressのおすすめプラグイン
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)