モックアップ

プロが厳選!無料モックアップ素材の配布サイト25選!

クライアントへの提案やコンペ、ポートフォリオなど、自分のデザインをより魅力的に見せるために、モックアップ素材は欠かせないアイテムの一つです。優れたデザイナーほど、細部の見せ方やビジュアル演出にこだわっています。

この記事では、そんな皆さんのために、無料でクオリティの高いモックアップ素材が手に入るサイトを厳選して紹介します。王道の定番サイトから、知る人ぞ知る隠れた名サイトまで、あらゆるサイトを網羅しています。

ライセンス情報に関しても詳しく解説しているので、クライアントワークに安心して使える素材を探している方にも最適な内容となっています。

この記事を最後まで見たあなたは、モックアップオタクになっていること間違いなしです!

POINT
  • 01おすすめの無料モックアップ素材の配布サイトが知りたい
  • 02無料で高品質なモックアップ素材が欲しい
  • 03商用利用可能・クレジット表記不要の素材を探している

まずは知っておきたい!配布サイトの特徴

配布サイトは、大きく「キュレーション型」と「配布型」の2つに分けることができます

それぞれの特徴について、以下で詳しく解説します。

キュレーション型

キュレーション型のサイトは、世界中で配布されているモックアップ素材へのリンクをまとめたサイトです。運営者のセンスによって、厳選されたモックアップ素材が集められています。

世界中のモックアップ素材が一箇所に集約されているため、膨大な数のモックアップ素材をチェックすることができます。配布サイトを1つ1つ巡って探す必要がないため、効率的にモックアップ素材を探すことができます。

しかし、モックアップ素材のライセンス確認が複雑です。ライセンスは配布元のサイトごとに異なるため、それぞれ個別に確認する必要があります。

もちろん、サイト内でもライセンスを確認できる場合がありますが、ライセンス内容が変更されている場合もあるため、記載された情報だけで判断しないことが大切です。

個人利用が目的のモックアップ素材の検索や、ライセンス確認に慣れている方におすすめです!

配布型

配布型のサイトは、実際にモックアップ素材を提供しているサイトです。そのため、欲しいと思ったモックアップ素材があれば、その場で直接ダウンロードすることができます。

これらのサイトは、ライセンス確認がしやすく、商用利用の可否をスムーズに判断できるのがポイントです。キュレーションサイトのように個別にライセンスを確認する必要がないため、効率的に商用利用可能なモックアップ素材を探すことができます。

ただ、ダウンロードできるモックアップ素材の数は限定的です。これは、有料販売されているモックアップ素材の一部が、無料で提供されているケースが多いためです。

高品質なモックアップ素材が多いです!また、ライセンスが明確なので、商用利用可能なモックアップ素材を探している方におすすめです。

モックアップ素材のキュレーションサイト7選!

まずは、キュレーション型のサイトを紹介します。世界中のクリエイターが作成した良質なモックアップ素材をまとめてチェックできます。

ここでは、定番のものからニッチなサイトまで幅広く掲載しています。主要なサイトはほぼ網羅しているので、自分に合ったサイトを探してみてください!

モックアップ素材のキュレーションサイト7選

  • Unblast
  • Free Design Resources
  • Resource Boy
  • Good Mockups
  • Mockup World
  • Freebiesbug
  • Blugraphic

Unblast

Unblastは、世界中の最高のデザインリソースを一箇所に集めることをコンセプトとしたキュレーションサイトです。その言葉のとおり、無料とは思えないハイクオリティな素材がズラリと並んでいます。

名刺・封筒・看板・Tシャツなど、モックアップ素材の定番アイテムがしっかりカバーされているので、素材探しにぴったりのサイトです。モックアップ素材の他にも、フォントやアイコン、イラスト素材も充実しています。

https://unblast.com/mockups

MEMO

会員登録:必要なし

商用利用:各素材ごとに異なる

クレジット表記:各素材ごとに異なる

※Unblastが制作した素材は全て商用利用可、クレジット表記不要です。それ以外はダウンロード先でライセンスを確認する必要があります。

Free Design Resources

Free Design Resourcesは、キュレーションサイトの中で最もライセンス確認がしやすいサイトです。サイトバーのフィルターから、ライセンス条件を絞り込むことが可能です。

商用利用が可能なモックアップ素材を探している場合は、「Commercial Use」と「100% Free」の両方を選択して検索するようにしましょう。

https://freedesignresources.net/category/free-mockups/?_sort=recent

MEMO

会員登録:必要なし

商用利用:各素材ごとに異なる

クレジット表記:各素材ごとに異なる

Resource Boy

Resource Boyは、モックアップ素材やテクスチャ素材など、32,000点以上の無料デザイン素材をまとめたキュレーションサイトです。

サイト限定の独占素材も配布されていて、こちらの素材は全て「商用利用可能」「クレジット表記不要」です。

https://resourceboy.com/

MEMO

会員登録:必要なし

商用利用:各素材ごとに異なる

クレジット表記:各素材ごとに異なる

独占素材は全て商用利用可、クレジット表記不要です。それ以外はダウンロード先でライセンスを確認する必要があります。

Good Mockups

Good Mockupsは、長くグラフィックとモックアップの世界に携わってきたアートディレクター・Zebain Saeeshi(ゼベイン・サイーシ)さんが運営するサイトです。その豊富な経験と知識で、世界中のモックアップ素材を徹底的にチェックし、厳選された高品質な素材を紹介しています。

サイトの更新頻度も高いため、最新のモックアップ素材のキャッチアップに役立ちます

https://goodmockups.com/

MEMO

会員登録:必要なし

商用利用:各素材ごとに異なる

クレジット表記:各素材ごとに異なる

Mockup World

Mockup Worldは、モックアップ素材のおすすめサイトとして紹介されることの多い定番サイトの一つです。

目立った特徴こそありませんが、一定のクオリティと更新頻度が維持されています。UIなどが好みに合えば、モックアップ素材探しの選択肢として十分活用できます。

https://www.mockupworld.co

MEMO

会員登録:必要なし

商用利用:各素材ごとに異なる

クレジット表記:各素材ごとに異なる

Freebiesbug

Freebiesbugは、Photoshop用のモックアップのほか、FigmaやSketchのモックアップ素材も集められているのが特徴的なサイトです。個人クリエイターのモックアップ素材が多く、他のサイトではあまりみられないアイテムが揃っています。

ただ、更新頻度が低いので、たまにチェックして良いモックアップ素材がないか確認するのがおすすめです。

https://freebiesbug.com/psd-freebies/mockups/

MEMO

会員登録:必要なし

商用利用:各素材ごとに異なる

クレジット表記:各素材ごとに異なる

Blugraphic

Blugraphic(ブルーグラフィック)は、既に紹介したサイトと比べると掲載件数は少ないですが、質の高いモックアップ素材をキュレーションしているサイトです。

たまに見ると、「おっ!」と驚くようなモックアップ素材が見つかることもあります。

https://www.blugraphic.com

MEMO

会員登録:必要なし

商用利用:各素材ごとに異なる

クレジット表記:各素材ごとに異なる

※Blugraphicが制作した素材は全て商用利用可、クレジット表記不要です。それ以外はダウンロード先でライセンスを確認する必要があります。

モックアップ素材の有名配布サイト8選!

ここでは、多くのデザイナーに知られている有名な配布サイトを紹介します。おすすめサイトとして紹介されることの多い定番サイトが中心です。

各サイトごとにライセンス情報を掲載しているので、商用利用ができるのか、クレジット表記が必要なのかどうかがすぐに確認できます

モックアップ素材の有名配布サイト8選

  • Mockups-Design.com
  • LS Graphics
  • Mr.Mockup
  • Pixeden Club
  • GraphicBurger
  • PixelBuddha
  • Freepik
  • Graphic Pear

定番以外のサイトも知りたいという方は、この後に紹介する「本当は秘密にしたい!モックアップ素材の配布サイト10選!」をチェックしてみてください!

Mockups-Design.com

Mockups-Design.comは、素材数・カバーしているカテゴリー共にトップクラスのサイトです。デザイナーが思わず「これが欲しかった!」と言いたくなるようなモックアップ素材が用意されています。

最近では、姉妹サイトであるパッケージ専門の有料モックアップサイト「Smarty Mockups」が統合し、5,000点以上のパッケージ素材が無料でダウンロードできるようになりました

https://mockups-design.com/

MEMO

会員登録:必要なし

商用利用:可能

クレジット表記:必要なし

LS Graphics

LS Graphicsは、モダンでスタイリッシュなモックアップ素材が特徴のサイトです。デザイナー好みの洗練された印象のモックアップ素材が、豊富に揃っています。

「iPhone」や「Mac」などのデバイス関連のモックアップ素材が、特に秀逸です!

https://www.ls.graphics/free-mockups

MEMO

会員登録:必要

商用利用:可能

クレジット表記:必要なし

Mr.Mockup

Mr.Mockupは、他にはない個性的なモックアップ素材を多数配布しているサイトです。他のサイトでは見つからなかったモックアップ素材が、Mr.Mockupにあった!ということもよくあります。

「Behance」などのポートフォリオで使用される素材も多く、一流デザイナーからも高い支持を集めています。

https://mrmockup.com/free-mockups/

MEMO

会員登録:必要なし

※会員限定のモックアップ素材もあります。

商用利用:可能

クレジット表記:必要なし

Pixeden Club

Pixeden Club(ピクセデン・クラブ)は、おしゃれでアーティスティックなモックアップ素材が特徴のサイトです。プロのカメラマンが撮影したような、リアルで高品質なモックアップ素材を配布しています。

ブランディング感のある印象的なモックアップ素材を探している方は、一度チェックしてみる価値ありです。

https://www.pixeden.com/free

MEMO

会員登録:必要なし

※3点までのダウンロード制限あり。それ以上は会員登録が必要です。

商用利用:可能

クレジット表記:必要なし

GraphicBurger

GraphicBurgerは、コンペやBehanceで定番のモックアップ素材を配布しているサイトです。「Shop Facade Logo MockUp」など、ポートフォリオでも人気のモックアップ素材が手に入ります。

2018年から更新はないですが、アイコンや背景素材も充実しているので、デザイナーなら覚えて損のないサイトです。

https://graphicburger.com/mock-ups

MEMO

会員登録:必要なし

商用利用:可能

クレジット表記:必要なし

PixelBuddha

PixelBuddha(ピクセルブッダ)は、モックアップ素材を中心としたデザイン素材のクリエイティブマーケットプレイスです。8,700点以上の厳選されたデザイン素材を取り扱い、無料のモックアップ素材だけでも600点以上が提供されています。

おすすめサイトとして名前が挙がることが多いサイトですが、最近、無料のモックアップ素材のライセンスが「個人使用のみ」に変更され、商用利用ができなくなりました

https://pixelbuddha.net/all?filter%5Btypes%5D=Freebie&filter%5Bcategories%5D=mockups

MEMO

会員登録:必要なし

※会員限定のモックアップ素材もあります。

商用利用:個人使用のみ

クレジット表記:必要

Freepik

Freepikは、モックアップ素材をはじめ、様々なデザイン素材を取り扱う世界最大級のストックサイトです。モックアップ素材だけでも100万点以上のアイテムが公開されており、そのうち約200点のモックアップ素材が無料でダウンロードできます。

日本でも多くのデザイナーに知られている人気のサイトですが、無料のモックアップ素材は「個人使用のみ」かつ「クレジット表記が必要」です。

https://jp.freepik.com/search?format=search&last_filter=selection&last_value=1&selection=1&type=mockup

MEMO

会員登録:必要なし

商用利用:個人使用のみ

クレジット表記:必要

Graphic Pear

Graphic Pearは、シックでスタイリッシュなモックアップ素材が特徴のサイトです。会員登録することで、有料モックアップ素材の一部が無料でダウンロードできます。

モックアップ素材の配布サイトとしては比較的有名なサイトですが、無料のモックアップ素材は「個人使用のみ」です。

https://www.graphicpear.com/

MEMO

会員登録:必要

商用利用:個人使用のみ

クレジット表記:不要

本当は秘密にしたい!モックアップ素材の配布サイト10選!

ここでは、まだ取り上げられることの少ない、知る人ぞ知るモックアップ素材の配布サイトを紹介します。無料とは思えない高品質なモックアップ素材が揃っているので、本当は秘密にしておきたいサイトばかりです。

定番のサイトと合わせて覚えておくことで、プレゼンの幅が広がり、他と一歩差をつけることができます。他のデザイナーがまだあまり使っていないような、個性的なモックアップ素材を探している方はぜひチェックしてみてください。

知る人ぞ知るモックアップ素材の配布サイト10選

  • Mockup Cloud
  • Creatoom
  • Minimal Mockups
  • mockupbee
  • Pixpine
  • Design Deck
  • DekGrafis
  • Mockups For Free
  • Bendito Mockup
  • Mockupnest

Mockup Cloud

Mockup Cloudは、モダンで洗練されたモックアップ素材が特徴のサイトです。高品質なモックアップ素材が比較的コンスタントに追加されるので、定期的にチェックしておきたいサイトです。

様々なカテゴリーのモックアップ素材を取り扱っているため、欲しかったモックアップ素材に出会いやすいサイトです。

https://www.mockupcloud.com/free

MEMO

会員登録:必要なし

商用利用:可能

クレジット表記:必要なし

Creatoom

Creatoom(クリエトゥーム)は、現在のトレンドに合わせたハイクオリティなモックアップ素材が特徴のサイトです。古いモックアップ素材を使っているとデザインが古く見えてしまうことがありますが、Creatoomのモックアップ素材があれば常に最新のトレンドを反映できます。

約800点以上のモックアップ素材を無料で配布しているので、デザイナーはブックマーク必須です!

ブランディング系:https://creatoom.com/product-category/scene-mockups/free-mockups-s/
個別のアイテム:https://creatoom.com/product-category/items/free-mockups/

MEMO

会員登録:必要なし

※ダウンロードには名前・メールアドレスが必要です。継続的に利用する方には、会員登録をおすすめします。

商用利用:可能

クレジット表記:必要なし

Minimal Mockups

Minimal Mockupsは、サイト名のとおりミニマルでシンプルなモックアップ素材が特徴のサイトです。他のモックアップ素材とも組み合わせやすいため、統一感のある世界観づくりに役立ちます。

特に、Apple製品のデバイス関連のモックアップ素材が充実しています。

https://www.minimalmockups.com/

MEMO

会員登録:必要なし

商用利用:可能

クレジット表記:必要なし

mockupbee

mockupbeeは、幅広いジャンルのモックアップ素材を多数配布しているサイトです。無料ではなかなか見つからないモックアップ素材も多く、最後の頼みの綱として覚えておきたいサイトです。

特に、アパレル関連のモックアップ素材が豊富に揃っています。

https://mockupbee.com/

MEMO

会員登録:必要なし

※ダウンロードにメールアドレスが必要なモックアップ素材もあります。

商用利用:可能

クレジット表記:必要なし

Pixpine

Pixpineは、様々な種類のモックアップ素材を多数提供しているサイトです。中でも、パッケージ関連のモックアップ素材が充実しています。

ショップデザインやパッケージデザインを行う方は、ブックマークしておくと便利です。

https://pixpine.com/free-mockups/

MEMO

会員登録:必要なし

商用利用:可能

クレジット表記:必要なし

Design Deck

Design Deckは、「iPhone」や「MacBook」を中心としたデバイスのモックアップ素材が豊富なサイトです。様々なアングルから撮影された、スタイリッシュなモックアップ素材が揃っています。

WebデザインやアプリのUIをクールに見せたい時におすすめです。

https://www.designdeck.io/free-mockups

MEMO

会員登録:必要なし

※ダウンロードにメールアドレスが必要です。

商用利用:可能

クレジット表記:必要なし

DekGrafis

DekGrafis(デック・グラフィス)は、アパレルを専門とするモックアップ素材の配布サイトです。レディース向けなど、無料では貴重なモックアップ素材が配布されています。

アパレルのデザインに関わる方は、絶対押さえておきたいサイトの一つです。

https://dekgrafis.com/collections/freebies

MEMO

会員登録:必要

商用利用:可能

クレジット表記:必要なし

Mockups For Free

Mockups For Freeは、ロゴの提案に便利なモックアップ素材が豊富に揃ったサイトです。コーポレート・アイデンティティのカテゴリがあるので、ロゴの提案に必要なモックアップ素材を探しやすいのが特徴です。

ただ、何故かリンク切れのことも多いので、その際は時間をおいて再度アクセスしてみてください。

https://mockupsforfree.com/

MEMO

会員登録:必要なし

商用利用:可能

クレジット表記:必要なし

Bendito Mockup

Bendito Mockup(ベンディート・モックアップ)は、ユニークで独特の世界観のあるモックアップ素材を配布しているサイトです。その唯一無二のモックアップ素材は、「Pentagram」や「Wolff Olins」といった名だたるデザインスタジオからも高い信頼を得ています。

世界中のデザイナーが愛用するサイトですが、最近、無料のモックアップ素材のライセンスが「個人使用のみ」に変更され、商用利用ができなくなりました。商用利用はできませんが、フリーランスや学生の方が限定で、クライアントへのプレゼンやコンペなどには使用できます。詳しくはライセンスページをご確認ください。

https://benditomockup.com/shop/?yith_wcan=1&product_cat=freebies

MEMO

会員登録:必要なし

※ECサイトと同じ仕様なので、ダウンロードにはメールアドレスや住所などの情報が必要です。継続的に利用する方には、会員登録をおすすめします。

商用利用:個人使用のみ

クレジット表記:必要なし

Mockupnest

Mockupnestは、「Apple」のデバイスを中心に、様々なカテゴリーのモックアップ素材を豊富に配布しているサイトです。最新モデルへの対応も早く、常に新しいデバイスのモックアップ素材が手に入ります。

無料では珍しいモックアップ素材が多く魅力的なサイトですが、最近、無料のモックアップ素材のライセンスが「個人使用のみ」に変更され、商用利用ができなくなりました

https://mockupnest.com/downloads/category/free-psd-mockups/

MEMO

会員登録:必要なし

商用利用:個人使用のみ

クレジット表記:必要なし

カテゴリ別のモックアップ素材のおすすめ!

数あるサイトを一つずつ巡って、モックアップ素材を探すのはとても手間がかかります。そこでブルーフライデーでは、カテゴリごとに厳選したおすすめのモックアップ素材をまとめています。

編集部が実際に検証し、自信を持っておすすめできる高品質なモックアップ素材です。ぜひこちらもチェックしてみてください!

モックアップ素材のライセンス確認の注意点

ここでは、モックアップ素材を使用する上で見逃しやすいポイントを解説します。

商用利用可能なモックアップ素材でも、クレジット表記の確認を行う

商用利用可能なモックアップ素材でも、クレジット表記が必要な場合があります。「商用利用可能=クレジット表記不要」と勘違いしやすい部分であるため、クレジット表記に関してもしっかり確認するようにしましょう。

クレジット表記に関しては、ライセンスページに記載されていないことも多いです。その場合は、「FAQ」や「利用規約」などのページを確認するようにしましょう。その際、ページ内を「attribution」「link back」などのキーワードで検索すると、関連する記述が見つかりやすいです。

ライセンスページや利用規約を確認しても明確な記載が見つけられない場合は、基本的には「クレジット表記不要」と判断して問題ないと思います。それでも気になるという方は、配布元への確認を行なってください。なお、編集部でも幾度となく配布元に問い合わせを行っていますが、クレジット表記を求められたことは一度もありません。

商用可で入手したモックアップ素材でも、個人使用のみになることがある

サイトによっては、ダウンロード時のライセンスではなく、サイト上に掲載されている最新のライセンスが優先されます。つまり、ダウンロード時に商用利用可能だったモックアップ素材が、その後のライセンス変更で個人使用のみに制限される可能性があるということです。

トラブルを防ぐためにも、ライセンスページだけでなく、サイト全体の利用規約についてもあわせて確認しておきましょう。また、ダウンロードしたモックアップ素材に含まれている「README」や「ライセンスファイル」に記載されていることも多いため、こちらも忘れずに確認するようにしてください。

誤った利用を避けるためにも、定期的に配布サイトの最新ライセンスを確認することが大切です!

まとめ|編集部のおすすめはこれ!

今回の記事では、無料で高品質なモックアップ素材がダウンロードできるサイトを紹介しました。

最後に、どれを使っていいかわからないという方のために、編集部おすすめのモックアップ素材の配布サイトをピックアップします。

今後もブルーフライデーでは、モックアップやデザインに関する最新情報のほか、実務に役立つ情報を随時発信していきます。ぜひサイトをブックマークして、定期的にチェックしてみてください。

最新情報は「X」でも配信しています。フォローお待ちしております!