Webデザインに使えるリアルなモックアップおすすめ20選

この記事の所要時間: 737

realistic-laptop01

高品位なモックアップを使うことで、仕事・プライベート関係なく作品の表現の幅が広がります。

もちろん1から作ることも可能かもしれませんが、時間と労力がかかります。

特に仕事では納期は絶対で、しかもクライアントを満足させる作品を提出しなければなりません。そんな時は、無料で使える高品位なモックアップが非常に便利です。

自分は、それでも1から作りたいと思っている人もいるかもしれませんが、高品位なモックアップの作りを知っていれば次に活かせます。そして自分が作りたい作品をイメージできるようになります。

全ては自分のスキルアップにつながります。

是非一度、高品位なモックアップを使って表現の幅を広げてください。

リアルなモックアップおすすめ20選

1. Bag mock up

bag01

光沢感がリアルに表現され美しい、お洒落な紙袋のPSDモックアップ。
文字や色を変更すればオリジナルの紙袋をつくれます。

http://www.freepik.com/free-psd/bag-mock-up_866266.htm

2. Rectangular Psd Box Mockup

boxes-packaging01

長方形ダンボール箱のPSDモックアップ。

上部のちょっとして膨らみなどリアルに表現されています。

テキスト、グラフィックを追加することでオリジナルデザインを作れます。

http://www.pixeden.com/psd-mock-up-templates/rectangular-psd-box-mockup

3. Psd Business Card Mock-Up Vol35

business-card01

コンクリートのような無機質な素材の上に配置した名刺のPSDモックアップ。
シンプルかつオシャレに見せることができます。

http://www.pixeden.com/psd-mock-up-templates/psd-business-card-mock-up-vol35

4. Psd Tin Container Packaging

chrome-metal01

光沢感がリアルに表現されている金属缶のPSDモックアップ2種セット。
金属の色を変更して好みの金属缶を作れます。

http://www.pixeden.com/psd-mock-up-templates/psd-tin-container-packaging-vol4

5. Closed a5 brochure template

closed-a5-brochure01

A5サイズのパンフレットを畳んだ状態を再現したPSDモックアップ。
パンフレットなどのデザインに使える素材です。

http://www.freepik.com/free-psd/closed-a5-brochure-template_876656.htm

6. Compact disc cover mock up

compact-disc-cover01

CDのディスクカバーやジャケットなどをデザインすることができるPSDモックアップ。
音楽関係のデザインをする人は是非使ってみてください。

http://www.freepik.com/free-psd/compact-disc-cover-mock-up_866822.htm

7. Decorative frame with beautiful flowers

decorative-frame01

綺麗な花の横に置いた、額縁のモックアップ。
シンプルな枠なので中のデザインが目立ちます。

http://www.freepik.com/free-psd/decorative-frame-with-beautiful-flowers_874561.htm

8. Logo mock up in drawing study

drawing-study01

筆で書いたロゴのPSDモックアップ。

http://www.freepik.com/free-psd/logo-mock-up-in-drawing-study_866173.htm

9. Fashion cover magazine mockups

fashion-cover01

シンプルかつオシャレなカバーのファッション雑誌モックアップ。

持っていると重宝するモックアップです。

http://www.freepik.com/free-psd/fashion-cover-magazine-mockups_871920.htm

10. Open diary and notebook

open-diary-and-notebook01

開いた状態の日記帳、ノートブックのPSDモックアップ。
影がリアルに再現しておりパッと見ると本物のような仕上がりです。

http://www.freepik.com/free-psd/open-diary-and-notebook_871941.htm

11. Outdoor billboard on a modern building

outdoor-billboard01

現代的な建物に設置した屋外看板のPSDモックアップ。
看板を設置させる時のイメージ確認に重宝しそうです。

http://www.freepik.com/free-psd/outdoor-billboard-on-a-modern-building_874615.htm

12. Portfolio Template PSD

portfolio01

モノトーンにピンク色のアクセントがスタイリッシュなポートフォリオテンプレート。

http://www.uipixels.com/portfolio-template-psd/

13. Presentation page mock up

presentation-page-mock-up01

真っ赤なバラと水彩絵の具が印象的なPSDモックアップ。

http://www.freepik.com/free-psd/presentation-page-mock-up_866261.htm

14. Label mock up presentation

presentation01

紙ラベルのPSDモックアップ。
ナチュラルな感じのラベルが必要な時に使えます。

http://www.freepik.com/free-psd/label-mock-up-presentation_866052.htm

15. Reading the newspaper

reading-the-newspape01

新聞を読んでいる場面をリアルに再現したPSDモックアップ。

折り目など非常にリアルに表現されています。

http://www.freepik.com/free-psd/reading-the-newspaper_874538.htm

16. Realistic laptop mock up

realistic-laptop01

ノートパソコンの開いた状態をリアルに再現したマップアップ。
画面のデザインをしっかりと伝えたいときなどに使えます。

http://www.freepik.com/free-psd/realistic-laptop-mock-up_871122.htm

17. Realistic phone presentation

realistic-phone01

スマートフォンをふわっと浮かせた状態を再現したPSDモックアップ。

http://www.freepik.com/free-psd/realistic-phone-presentation_871126.htm

18. Realistic poster template

realistic01

リアルなポスターのPSDモックアップ。
縁が沿ったところなどがリアルに表現されています。

http://www.freepik.com/free-psd/realistic-poster-template_866900.htm

19. Tableware Psd Mockup

tableware-stationery01

ミルクピッチャー、コーヒーカップ、ジャーがセットになったPSDモックアップ。
必要に応じて色、デザインを変更できます。

http://www.pixeden.com/psd-mock-up-templates/tableware-psd-mockup-vol3

20. Wooden desktop with cute elements decoration for your work

wooden01

シンプルかつオシャレな木製のテーブル上に、アイテムを配置したPSDモックアップ。

http://www.freepik.com/free-psd/wooden-desktop-with-cute-elements-decoration-for-your-work_874547.htm

Webデザインに使えるリアルなモックアップおすすめ20選まとめ

いかがだったでしょうか。

どれも高品質なモックアップですが、全て無料で使うことができます。

仕事でもプライベートな制作でも使ってみたいモックアップがあれば是非使ってみてください!

きっとあなたの作品作りに役立つと思います。