【12月編】モックアップに大活躍!無料のPSDファイル50選
製品パッケージやホームページ、ロゴといったデザインをする上で、イメージを用意したほうが伝えやすい場合があります。
そこで、ぜひ活用したいのがPSDファイル形式のテンプレートやモックアップです。
今回はそんなPSDファイルの中から、最新の素材だけを厳選してご紹介します。
多くのPSDファイルは、レイヤーが分かれているため、手軽に編集して使うことができます。
ベースのデータに任意の画像を差し込むだけで使えますので、ぜひチェックしてみてください。
最新の無料PSDファイル50選
1.Psd Business Card Mock-Up Vol34
http://www.pixeden.com/psd-mock-up-templates/psd-business-card-mock-up-vol34
名刺を斜めに配置したPSDモックアップです。
シンプルな名刺をクールに見せるのに役立ちます。
2.Psd Business Card Mock-Up Vol33
http://www.pixeden.com/psd-mock-up-templates/psd-business-card-mock-up-vol33
名刺を横に2枚配置したPSDモックアップです。
影もしっかりとデザインし、立体感のある仕上がりです。
3.Outline – Free HTML Template
http://graphicburger.com/outline-free-html-template/
アプリ、製品紹介に使えるデザインのHTMLテンプレートです。
白、グリーン、グレーのスタイリッシュな配色となっています。
4.A-Frame Chalkboard Menu MockUp
http://graphicburger.com/a-frame-chalkboard-menu-mockup/
お店のメニュー看板をデザインしたPSDモックアップです。
5.Baikal Startup – Free Sample
http://graphicburger.com/baikal-startup-free-sample/
スタートアップをテーマにしたランディングページのPSDテンプレートです。
上品かつエレガントなデザインで、あらゆるビジネスにマッチします。
6.Nerdial UI Kit
http://graphicburger.com/nerdial-ui-kit/
最新のデザイントレンドをたっぷりと取り入れたUIキットのPSD素材です。
アプリデザインに重宝します。
7.Turbo iOS Wireframe Kit – Free Sample
http://graphicburger.com/turbo-ios-wireframe-kit-free-sample/
10個のスクリーン画面を収録した、iOSアプリのためのPSDテンプレートです。
アプリのワイヤーフレームをサクッと作りたい時に便利です。
8.Dispenser Bottle MockUp
http://graphicburger.com/dispenser-bottle-mockup/
ディスペンサーボトルのPSDモックアップです。
任意のラベル、パッケージを配置することでオリジナルのデザインにすることができます。
9.Poster PSD MockUp
http://graphicburger.com/poster-psd-mockup/
屋内に設置したポスターフレームのPSDモックアップです。
アートワークを差し込んで使えます。
10.3 Indoor Advertising Mock up
http://techandall.com/indoor-advertising/
屋内広告をデザインした、クリーンなPSDモックアップです。
ポスター、ビジュアルをクールに披露したい時にオススメです。
11.My Desk Mock up
http://techandall.com/my-desk-mock-up/
50以上のデザイン要素が入ったデスクのPSDモックアップです。
12.3 MacBook Pro Mockup
http://techandall.com/3-macbook-pro-mockup/
MacBook Proでの作業風景をモックアップにした素材です。
ホームページ、アプリのプレゼンに使えます。
13.Ecommerce Template PSD
http://www.uipixels.com/ecommerce-template-psd/
ブラックにオレンジの差し色がかっこいい、クールなPSDテンプレートです。
ネットショップにぴったりのレイアウトとなっています。
14.Project App Large Ui Kit Sketch & PSD
http://www.uipixels.com/project-app-large-ui-kit-sketch-psd/
アプリ設計に役立つUIキットのスケッチ、PSD素材です。
15.iPhone 6-6s PSD
http://www.uipixels.com/iphone-6-6s-psd/
iPhone6、6sを手に持って操作しているスタイルを表現したPSDモックアップです。
16.Web & Mobile Hompage Design
http://www.uipixels.com/web-mobile-hompage-design/
ホームページとモバイル向けページ両方を収録したPSDテンプレートです。
レスポンシブなデザインを見せたい時に重宝します。
17.Chat App PSD
http://www.uipixels.com/chat-app-psd/
チャットアプリを想定してデザインした、PSDテンプレートです。
18.Corporate Template PSD
http://www.uipixels.com/corporate-template-psd/
コーポレートサイトをデザインするのにぴったりな、PSDテンプレートです。
白を基調としたクリーンな見た目で、あらゆるビジネスに合います。
19.Dashboard Free PSD
http://www.uipixels.com/dashboard-free-psd/
青をメインカラーに使った、爽やかでシンプルなダッシュボードのPSDテンプレートです。
20.Colorful UI Kit PSD
http://www.uipixels.com/colorful-ui-kit-psd/
鮮やかなカラーでデザインしたUIキットのPSD素材です。
インパクトのある見た目にしたいと思った時に使えます。
21.Monica UI Kit Free PSD
http://www.uipixels.com/monica-ui-kit-free-psd/
ベージュを基調とした、優雅で上品なUIキットのPSD素材です。
綺麗目のデザインにとてもよく合います。
22.Game News Template
http://www.uipixels.com/game-news-template/
ゲームニュースのホームページをデザインした、PSDテンプレートです。
23.iPhone 6 Mockup psd
http://www.uipixels.com/iphone-6-mockup-psd-3/
シンプルで使いやすいデザインの、iPhone6のPSDモックアップです。
あらゆる画面を披露するのにぴったりです。
24.24 Flat Mockups Free
http://www.uipixels.com/24-flat-mockups-free/
フラットデザインが素敵な、PSDモックアップのコレクションです。
25.iPhone perspective mockup psd
http://www.uipixels.com/iphone-perspective-mockup-psd/
シンプルなiPhoneのPSDモックアップです。
すっきりとした背景で、デザインをしっかりと見せることができます。
26.Personal website template
http://www.uipixels.com/personal-website-template/
個人向けホームページを作る際に役立つ、PSDテンプレートです。
27.Photographer Website Tempalte psd
http://www.uipixels.com/photographer-website-tempalte-psd/
フォトグラファーの人にぴったりな設計のホームページテンプレートです。
撮影した写真を効果的に表示できるレイアウトとなっています。
28.Dropbox redesign free psd
http://www.uipixels.com/dropbox-redesign-free-psd/
Dropboxを再設計したデザインのPSDテンプレートです。
29.AN APP DESIGNERS WET DREAM
http://blazrobar.com/2015/articles/an-app-designers-wet-dream/
大胆な背景色が目を引く、iOSのPSDモックアップです。
立体的に配置することでインパクトのある画像を作ることができます。
30.TRANS – FREE HTML TEMPLATE
http://blazrobar.com/2015/articles/trans-free-html-template/
オレンジとグレーの配色がモダンな印象の、かっこいいPSDテンプレートです。
クールな雰囲気をものを探している際にオススメです。
31.Download Free iPhone 6 Mockup Bundle
http://zappdesigntemplates.com/download-free-iphone-6-mockup-bundle/
iPhone6をデスク上に配置したPSDモックアップ8個セットです。
実際の使用イメージがしやすいデザインとなっています。
32.Responsive Email Signature Template
http://medialoot.com/item/responsive-email-signature-template/
グレーを基調とした都会的なデザインのEメールテンプレートです。
レスポンシブデザイン対応のメールをすぐに作ることができます。
33.Macbook Mockups - Silver, Gold & Space Gray
http://medialoot.com/item/free-macbook-mockup/
MacbookのリアルなPSDモックアップです。
シルバー、ゴールド、スペースグレイの3色が揃っています。
34.Open Brochure Mockup
http://medialoot.com/item/open-brochure-mockup/
雑誌、広告デザインを見せたい時に役立つ、A4パンフレットのPSDモックアップです。
35.Apple Watch Sport
http://www.deviantart.com/art/Apple-Watch-Sport-569998002
Apple Watchを腕にはめた状態のPSDモックアップです。
36.2015 Nexus PSD Template Mockups
http://www.deviantart.com/art/2015-Nexus-PSD-Template-Mockups-569333838
すっきりとした背景に配置した、シンプルなNexusのPSDモックアップです。
37.Free Wooden Barrel MockUp
http://www.deviantart.com/art/Free-Wooden-Barrel-MockUp-568800867
ヴィンテージ感漂う、木製の樽のPSDモックアップです。
38.Rusty Metal Logo MockUp PSD
http://free-designs.net/free-psd/mockups/rusty-metal-logo-mockup-psd/
錆びた金属表面にロゴを配置したPSDモックアップです。
オリジナルのロゴを差し替えて使用できます。
39.Embossed Leather Logo MockUp PSD
http://free-designs.net/free-psd/mockups/embossed-leather-logo-mockup-psd/
レザーにロゴを型押しした状態をリアルに表現したPSDモックアップです。
好きなロゴを使うことができます。
40.Paper Poster Mockup PSD
http://free-designs.net/free-psd/mockups/paper-poster-mockup-psd/
ポスターをつり下げた状態のPSDモックアップです。
広告やヴィジュアルを披露したい時に使えます。
41.GRUNGE PSD LABELS
http://www.creativealys.com/2015/11/04/grunge-psd-labels/
たっぷりのグランジがお洒落なPSDのラベルセットです。
グリーン、オレンジ、ピンクの3タイプを収録しています。
42.Ecommerce UI blocks
http://freebiesbug.com/psd-freebies/ecommerce-ui-blocks/
近代的な雰囲気の、ネットショップのUI要素です。
43.6 iPhone 6 PSD mockups
http://freebiesbug.com/psd-freebies/6-iphone-6-psd-mockups/
iPhone6のPSDモックアップを6種類セットにした素材です。
色々な角度から画面を見せることができます。
44.Material Design app template
http://freebiesbug.com/psd-freebies/material-design-app-template/
モバイルアプリの画面5個を収録したPSDテンプレートです。
いずれもブルーをメインにお洒落な配色となっています。
45.Holiday Card Mockup
https://dribbble.com/shots/2332803-Freebie-Holiday-Card-Mockup
お洒落で素敵なホリデーカードのPSDモックアップです。
46.Spool: 6 Mobile UI Templates
https://pixelbuddha.net/freebie/spool-6-mobile-ui-templates
モバイル画面6パターンをセットにしたPSDテンプレートです。
プロフィール、ログインほか定番の画面を揃えています。
47.2 Hip Apple Watch Mockups
https://pixelbuddha.net/freebie/2-hip-apple-watch-mockups
Apple WatchのPSDモックアップ2種類セットです。
デスクに置いた状態、腕にはめた状態を収録しています。
48.Free Wall Logo Mock-up
https://dribbble.com/shots/2331667-Free-Wall-Logo-Mock-up
色あせ感がお洒落な壁に、ロゴを配置したPSDモックアップです。
49.Freebie: Box Mockup
https://dribbble.com/shots/2330722-Freebie-Box-Mockup
装飾品と段ボールを一緒に置いたPSDモックアップです。
段ボール箱の上にはロゴを配置することができます。
50.Gift Box PSD
https://dribbble.com/shots/2328711-Gift-Box-PSD
ラグジュアリー感漂う、素敵なギフトボックスのPSDです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- OS
- OSとはOperation Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。パソコン用ではwindowsやMac OS、スマートフォンではiOSやAndroidが有名です。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- コーポレート
- コーポレートとは、日本語の「企業」のことです。インターネット上で「コーポレートサイト」という場合は、企業のホームページであることを表します。また、コーポレートは接頭語として使われることが多く、「コーポレートガバナンス(企業内統制)」などのように、他の単語と組み合わせて使うことが多いようです。会社そのものを指すことが多い「カンパニー」とは使い方が異なります。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- OS
- OSとはOperation Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。パソコン用ではwindowsやMac OS、スマートフォンではiOSやAndroidが有名です。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング