プロが惚れる！無料モックアップ素材の配布サイトおすすめ20選！

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

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

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

モックアップ素材の配布サイトおすすめ13選

ここでは、数あるモックアップ素材の配布サイトの中からおすすめのサイトを紹介します。世界中のデザイナーが使用する定番のサイトから、本当は秘密にしておきたい隠れた名サイトまで、プロが厳選して紹介します。

なお、ここで紹介しているサイトは全てが「商用利用可能」で「クレジット表記不要」です。クライアントワークに使用できるモックアップ素材を探している方は必見です！

Mockups-Design.com

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

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

https://mockups-design.com/

LS Graphics

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

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

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

Mr.Mockup

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

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

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

Pixeden Club

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

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

https://www.pixeden.com/free

GraphicBurger

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

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

https://graphicburger.com/mock-ups

Mockup Cloud

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

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

https://www.mockupcloud.com/free

Creatoom

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

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

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

Minimal Mockups

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

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

https://www.minimalmockups.com/

Pixpine

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

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

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

Design Deck

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

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

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

DekGrafis

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

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

https://dekgrafis.com/collections/freebies

Alex Paliotta

イタリアのデザイナー・Alex Paliotta(アレックス・パリオッタ)さんのモックアップ素材の配布サイトです。モダンで洗練された雰囲気のモックアップ素材が多数配布されています。

数は多くありませんが、その分、一つひとつのクオリティが高いモックアップ素材が揃っています。

https://paliotta.gumroad.com/

Mockups For Free

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

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

https://mockupsforfree.com/

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

ここでは、キュレーション型のおすすめサイトを紹介します。キュレーション型のサイトとは、世界中で配布されているモックアップ素材へのリンクをまとめたサイトです。世界中のモックアップ素材が一箇所に集約されているため、膨大な数のモックアップ素材をまとめてチェックすることができます。

しかし、モックアップ素材のライセンスが配布元のサイトごとに異なるため、それぞれ個別に確認する必要があります。商用利用が可能なモックアップ素材を探している方は「モックアップ素材の配布サイトおすすめ13選」で紹介しているサイトがおすすめです。

Unblast

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

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

https://unblast.com/mockups

Free Design Resources

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

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

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

Resource Boy

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

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

https://resourceboy.com/

Good Mockups

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

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

https://goodmockups.com/

Mockup World

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

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

https://www.mockupworld.co

Freebiesbug

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

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

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

Blugraphic

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

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

https://www.blugraphic.com

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

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

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

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

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

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

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

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

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

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

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

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

まとめ｜編集部のおすすめはこれ！

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

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

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

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