デザインの参考にもできる無料のPSDファイル70選
ホームページ、広告をデザインする際に仮のデザインでもイメージを作っておきたいことがあります。そんな時に大変便利なのがPSDファイルです。
PSDファイルの大半は、レイヤーが分かれた状態で保存されているため、編集・カスタマイズがしやすいのが特徴です。また、デザインテクニックを学ぶためにも利用できます。
最近では、フリーでも優れたデザインのものが多く、モックアップからアイコンまで種類も豊富です。
今回は、実際にデザインする際に使いやすいものをメインに無料のPSDファイルを80個に厳選してご紹介します。デザインアイデアの参考にもなりますので、是非活用してみてください。
デザインの参考にもできる無料のPSDファイル
1.フラットなデザインのユーザー·インタフェース·テンプレート
http://jp.freepik.com/free-psd/user-interface-template-in-flat-design_708297.htm
ピンク、オレンジ、ブルーの配色がPOPなUIテンプレートのPSD素材です。
2.改ページのデザインテンプレート
http://jp.freepik.com/free-psd/pagination-design-template_702147.htm
シンプルな改ページのデザインを収録したPSD素材です。
3.価格表デザインのセット
http://jp.freepik.com/free-psd/price-table-set-psd_579050.htm
黒にメタリックカラーを合わせた高級感ある価格表テンプレート素材です。
4.売上グラフのデザインテンプレート
http://jp.freepik.com/free-psd/sales-graph-design-template_702151.htm
ビジネス資料のデザインに取り入れたい売上げグラフのテンプレートです。
5.Branding / Identity Mockup vol.7
http://graphicburger.com/branding-identity-mockup-vol-7/
デスクをリアルにデザインしたモックアップPSD素材です。
6.Mobile Wireframe Kit PSD
http://www.cssauthor.com/mobile-wireframe-kit-psd/
ワイヤーフレーム作りに最適な携帯電話のPSD素材です。
7.Ebony & Ivory Branding Mockup
http://www.techandall.com/ebony-ivory-branding-mockup/
シンプルでクールな文具のモックアップ素材です。
8.Free PSD Social Media Icons
http://freepsdfiles.net/icons/free-psd-social-media-icons
ソーシャルメディアのアイコンを2タイプ40個収録した素材セットです。
9.Free Flat UI Kit
http://freepsddownload.com/psd/free-flat-ui-kit-with-beautiful-ui-elements/
アプリ設計で使えるシンプルなフラットデザインのUIキットです。
10.Free PSD Web Buttons Set 2
http://freepsdfiles.net/buttons/free-psd-web-buttons-set-2
ホームページ向けのボタンを35個収録した素材セットです。
11.Old Crumpled T-Shirt Mockp PSD
http://www.graphicsfuel.com/2014/01/old-crumpled-t-shirt-mockup-psd/
しわ加工がお洒落なTシャツのデザインが出来るモックアップ素材です。
12.polariod peperclips
http://jp.freepik.com/free-psd/polariod-peperclips_578968.htm
イメージ写真を入れて使える、ポラロイドとペーパークリップのPSD素材です。
13.responsive-devices-psd-mockup
http://jp.freepik.com/free-psd/responsive-devices-psd-mockup_676252.htm
シンプルにデザインしたアップル製品のPSDモックアップです。
14.Free PSD Flat City Design
http://freepsdfiles.net/illustrations/free-psd-flat-city-design
フラットにデザインした都市のPSD素材10種セットです。
15.Free PSD Map Pins
http://freepsdfiles.net/graphics/free-psd-map-pins
カスタマイズして使える21個のマップピンPSD素材セットです。
16.Free PSD Restaurant Menu Covers
http://freepsdfiles.net/print-templates/free-psd-restaurant-menu-covers
レストラン、食品関連で使えるリアルなメニューカバーのPSDモックアップ素材です。
17.Opened Book Free PSD Graphic
http://freepsdfiles.net/graphics/opened-book-free-psd-graphic
ブックを開いた状態のPSDモックアップ素材です。
18.Business cards mockup
http://freebiesbug.com/psd-freebies/business-cards-mockup/
ウッド素材のテーブルに置いた名刺のPSDモックアップです。
19.Photo frame PSD mockup
http://freebiesbug.com/psd-freebies/photo-frame-psd-mockup/
ポスターのデザインが簡単に出来るリアルなフォトフレームのモックアップです。
20.9 Origami Ribbons PSD Set
http://freepsdfiles.net/buttons/9-origami-ribbons-psd-set
オリガミテイストなリボンを9個セットにしたPSD素材です。
21.4 Curled PSD Stickers
http://freepsdfiles.net/buttons/4-curled-psd-stickers
端のカールが特徴的な立体感のあるPSDステッカー素材セットです。
22.5 retro badges / insignias
簡単にヴィンテージ風バッジを作ることができるPSD素材です。
23.15 free PSD ribbons
カスタマイズしやすいシンプルなPSDリボン素材15個セットです。
24.Responsive Showcase PSD vol.2
http://www.pixeden.com/psd-web-elements/responsive-showcase-psd-vol2
プレゼンで使える、レスポンシブコンテンツをクールに見せるPSD素材です。
25.Poster Frame PSD MockUp
http://graphicburger.com/poster-frame-psd-mock-up/
ポスターを立てかけたイメージが作れるポスターフレームのモックアップです。
26.Multi-Screen Laptop Mock-Up
http://www.techandall.com/multi-screen-laptop-mock-up/
マルチページのレイアウトに最適な立体スクリーンのモックアップ素材です。
27.Flatastic Mobile UI Kit
http://thedesigninspiration.com/flatastic-mobile-ui-kit/
フラットスタイルのモバイルUIキットを収録した素材です。
28.iPhone 5C Flat Design MockUp
http://www.pixeden.com/psd-mock-up-templates/iphone-5c-flat-design-mockup
iPhone5Cの5色を揃えたフラットデザインのPSDモックアップです。
29.iPhone 5S Mockup
http://www.psdchat.com/resources/freebie-iphone-5s-mockup/
シンプルにデザインしたiPhone5SのPSDモックアップです。
30.15 Beautiful PSD Badges for Free
http://www.1stwebdesigner.com/psd-badges-free/
クオリティの高いPSD形式のバッジ素材15個セットです。
31.Softies
http://www.elegantthemes.com/blog/freebie-of-the-week/colorful-playful-softies-icons
遊び心あるカラフルなデザインのフラットアイコンセットです。
32.New Retro Portfolio [v4] – Free PSD
http://freebiesbug.com/psd-freebies/new-retro-portfolio-v4-free-psd/
ポートフォリオページのデザインに最適なレトロカラーのテンプレートです。
33.La Shoopa – PSD eCommerce Template
http://freebiesbug.com/psd-freebies/la-shoopa-psd-ecommerce-template/
シンプルデザインのEコマース向けPSDテンプレートです。
34.PSD Landing page for apps
アプリ向けのPSDランディングページテンプレートです。
35.Clean UI Kit – Sketch
http://freebiesbug.com/psd-freebies/clean-ui-kit-sketch/
シンプルなミニマルデザインのUIキットです。
36.ビジネスモックアップPSD素材
http://jp.freepik.com/free-psd/business-mockup-psd-material_708042.htm
ビジネス関連のアイテムを揃えたPSDモックアップです。
37.フリーPSDコルクボード
http://jp.freepik.com/free-psd/free-psd-cork-board_568087.htm
リアル感のあるコルクボードのPSD素材です。
38.Web UIのデザイン要素
http://jp.freepik.com/free-psd/web-ui-design-elements-psd_597134.htm
クレジットのアイコン、ボタン、リボンと様々なアイテムを揃えたセットです。
39.フレームデザイン素材
http://jp.freepik.com/free-psd/free-psd-frames_567967.htm
ユニークな形状のフレームデザインを揃えたPSD素材です。
40.近代的な形状のインフォグラフィック
http://jp.freepik.com/free-psd/modern-shape-infographics_701382.htm
資料作成時に使いたい、インフォグラフィックのPSD素材です。
41.創造的なPSDボタン
http://jp.freepik.com/free-psd/creative-psd-buttons-styles-set_597487.htm
ボタンデザインをする際に使えるPSD素材のセットです。
42.Camera Marketing
https://dribbble.com/shots/1952696-Camera-Marketing-Website-Design-Free-PSD
カメラマンのホームページをテーマにしたPSDテンプレートです。
43.Exquisite modern app psd icons
http://freedesignfile.com/120924-exquisite-modern-app-psd-icons/
アプリケーションのアイコンを丸の中にデザインしたPSD素材です。
44.Retro style bakery website template
http://freedesignfile.com/120595-retro-style-bakery-website-template/
パン屋をテーマにしたレトロなデザインのホームページテンプレートです。
45.Paper cup coffee Layered PSD
http://freedesignfile.com/101925-paper-cup-coffee-layered-psd/
ペーパーカップのコーヒーがデザイン出来るモックアップです。
46.Simple system line icons
http://freedesignfile.com/101614-simple-system-line-icons/
シンプルに線だけでデザインしたPSDのアイコン素材です。
47.Vintage camping outdoors icon
http://freedesignfile.com/113486-vintage-camping-outdoors-icon/
キャンプ、アウトドアをモチーフにしたレトロカラーのPSDアイコンです。
48.Transparent iPhone phone psd templates
http://freedesignfile.com/100961-transparent-iphone-phone-psd-templates/
透明にデザインしたiPhoneのPSDテンプレートです。
49.Small fine white web icons psd
http://freedesignfile.com/99051-small-fine-white-web-icons-psd/
シンプルに白一色でデザインした小さなホームページ向けPSDアイコンです。
50.Glass texture colored buttons psd
http://freedesignfile.com/97553-glass-texture-colored-buttons-psd/
光沢感のあるカラーボタンのPSD素材セットです。
51.Creative web navigation psd material set
http://freedesignfile.com/96503-creative-web-navigation-psd-material-set/
スタイリッシュなデザインのナビゲーションバーPSD素材です。
52.Sports & Leisure style website template
http://freedesignfile.com/96356-sports-leisure-style-website-template/
スポーツ、レジャーのホームページに最適なPSDテンプレートです。
53.Simple outline icons psd material
http://freedesignfile.com/96308-simple-outline-icons-psd-material/
シンプルにアウトラインだけ描いたPSDアイコンのセットです。
54.Free psd arrow buttons set
http://freedesignfile.com/92112-free-psd-arrow-buttons-set/
矢印とボタンをバリエーション豊富に揃えたPSD素材セットです。
55.Food world website template psd
http://freedesignfile.com/121083-food-world-website-template-psd/
高級感のある、飲食店向けホームページテンプレートです。
56.Vintage tags psd graphics
http://freedesignfile.com/85780-vintage-tags-psd-graphics/
ヴィンテージ感のあるお洒落なタグのPSD素材です。
57.Creative red icons psd material
http://freedesignfile.com/95191-creative-red-icons-psd-material/
赤でデザインしたスタイリッシュでクールなPSDアイコンセットです。
58.Website design elements psd material set
http://freedesignfile.com/83208-website-design-elements-psd-material-set/
ホームページのデザインに使えるPSD素材のセットです。
59.Website navigation PSD layered material
http://freedesignfile.com/83205-website-navigation-psd-layered-material/
4種の異なるテイストのナビゲーションバーを収録したPSDセットです。
60.Food and Tableware psd icons
http://freedesignfile.com/82891-food-and-tableware-psd-icons/
食品とテーブルウェアのPSDアイコンを豊富に収録したセットです。
61.Vanilla Cream Style UI kit
http://freedesignfile.com/80804-vanilla-cream-style-ui-kit/
バニラクリームのような優しいカラーでデザインしたUIキットです。
62.10 Kind Retor Badges psd material
http://freedesignfile.com/80039-10-kind-retor-badges-psd-material/
レトロなデザインのPSDバッジ10個を収録したセットです。
63.Black Style Player navigation bar psd
http://freedesignfile.com/80036-black-style-player-navigation-bar-psd/
クールなブラックカラーでデザインしたナビゲーションバーのPSD素材です。
64.White flat web button psd
http://freedesignfile.com/79407-white-flat-web-button-psd/
白でデザインしたフラットなホームページボタンのPSDセットです。
65.Wood UI kit psd material
http://freedesignfile.com/78889-wood-ui-kit-psd-material/
ウッドデザインが印象的なUIキットです。
66.Green Nature psd background
http://freedesignfile.com/78886-green-nature-psd-background/
緑と青空をデザインした背景向けPSD素材です。
67.Blue Style Business website template
http://freedesignfile.com/78895-blue-style-business-website-template/
ビジネスに最適なブルーを基調としたホームページテンプレートです。
68.Water Wave psd material
http://freedesignfile.com/78724-water-wave-psd-material/
持っておくと便利な水のPSD素材です。
69.Vintage Retro Labels and Tags
http://freedesignfile.com/78135-vintage-retro-labels-and-tags/
ヴィンテージ感漂うレトロなラベル、タグのPSD素材です。
70.Old chalkboard PSD template
http://www.freepik.com/free-psd/old-chalkboard-psd-template_701500.htm
デザインに取り入れたい、古びたチョークボードのPSDテンプレートです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ソーシャルメディア
- ソーシャルメディアとは、インターネット上で不特定多数の人がコミュニケーションを取ることで、情報の共有や情報の拡散が生まれる媒体のことです。FacebookやTwitterなどのほか、ホームページ上の掲示板もこれにあたります。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●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・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング