個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみることだそうです。
今回はプロがPhotoshopで作成したテンプレート用PSDデータをコレクションしてみました。
テンプレートとして利用することもはもちろん、デザインのマネもできますし、Photoshopでどんな風に作成しているのか、スライスはどのようなしているのかなんてことまで詳細に確認できますので、かなり勉強になります。
WEBデザインを勉強しようという方や、スキルアップを考えてる方などのご参考になれば幸いです。

Contents

Free PSD template: Modus Versus

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free PSD template: Modus Versus

Majestic: Free Clean and Modern Site Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Majestic: Free Clean and Modern Site Template

Bootstrap V2 Psd Freebien

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Bootstrap V2 Psd Freebie

Slowave Free Homepage PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Slowave Free Homepage PSD

Free Gridzilla PSD Theme

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free Gridzilla PSD Theme

.Folio One Page Theme

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
.Folio One Page Theme

Free Website .PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free Website .PSD

Singolo

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Singolo

Perpetual: Free PSD Website Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Perpetual: Free PSD Website Template

Intent Creative PSD Theme

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Intent Creative PSD Theme

Marble Free Homepage PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Marble Free Homepage PSD

Free Simple Blog PSD Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free Simple Blog PSD Template

Photo App Landing Page

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Photo App Landing Page

Portfolio Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Portfolio Template

Maxxim: Free Dark Texture Website Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Maxxim: Free Dark Texture Website Template

Modern Modular Gift Shop E-Commerce Website PSD Design

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Modern Modular Gift Shop E-Commerce Website PSD Design

Variety – Free PSD website template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Variety – Free PSD website template

BlueBox: Flat Website PSD Templates Design

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
BlueBox: Flat Website PSD Templates Design

Ferile HTML5/CSS3 Template by pixel hint

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Ferile HTML5/CSS3 Template by pixel hint

Magnate: Professional Website PSD Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Magnate: Professional Website PSD Template

TwoBytes – Free PSD Website Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
TwoBytes – Free PSD Website Template.

Creative Simple Portfolio & Blog PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Creative Simple Portfolio & Blog PSD

Focal Resume PSD Theme

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Focal Resume PSD Theme

Photogé: Free Photography Website PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Photogé: Free Photography Website PSD

Light and Dark Psd Web Menu

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Light and Dark Psd Web Menu

Dexter's "The Lab" Website Design Freebie + PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Dexter's "The Lab" Website Design Freebie + PSD

Sports Website Freebie

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Sports Website Freebie

Freebie: Munditia – Ecommerce PSD Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Freebie: Munditia – Ecommerce PSD Template

web-browser psd

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
web-browser psd

LineCase – Fresh & Bright Website PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
LineCase – Fresh & Bright Website PSD

Zebra – Ecommerce Website Template PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Zebra – Ecommerce Website Template PSD

Download for free Step Process Panels (Free PSD)

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Download for free Step Process Panels (Free PSD)

Website Templates

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Website Templates

Freebie: Adamas Ecommerce Website PSD Template

00-featured-image
Freebie: Adamas Ecommerce Website PSD Template

Freebie: Dribbble Profile web module

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Freebie: Dribbble Profile web module

Apptastico – A freebie web design

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Apptastico – A freebie web design

jglovier/microframe

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
jglovier/microframe

Blog / Magazine UI Kit #2

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Blog / Magazine UI Kit #2

Pinball – Responsive Grid Style Blog PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Pinball – Responsive Grid Style Blog PSD

Bootstrap Style Homepage

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Bootstrap Style Homepage

SuitsTheme File Sharing

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
SuitsTheme File Sharing

Extraordinary

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Extraordinary

Legend: Free Responsive One Page Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Legend: Free Responsive One Page Template

WordPress blog theme PSD template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
WordPress blog theme PSD template

Free Travel Template PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free Travel Template PSD

Miligram home page

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Miligram home page

Blueasy Freebie

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Blueasy Freebie

Free App Website PSD Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free App Website PSD Template

6 Free PSD/(X)HTML

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
6 Free PSD/(X)HTML

Website PSD template for mobile phone

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Website PSD template for mobile phone

Clean Portfolio One Page PSD Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Clean Portfolio One Page PSD Template

Flat Mini Port Folio UI

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Flat Mini Port Folio UI

Website gallery PSD template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Website gallery PSD template

Seven Oaks PSD Theme

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Seven Oaks PSD Theme

Clean Landing Page

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Clean Landing Page

Free One Page Web Resume Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free One Page Web Resume Template

Simple Stock: Free Clean Website PSD Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Simple Stock: Free Clean Website PSD Template

Free PSD website template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free PSD website template

LookShop

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
LookShop

Freebie: Flow – Mobile App Landing Page Template (PSD)

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Freebie: Flow – Mobile App Landing Page Template (PSD)

Jelo Mail App [free PSD]

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Jelo Mail App [free PSD]

Brushed Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Brushed Template

FREE Template – FREE Download by mohammedghaddar

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
FREE Template – FREE Download by mohammedghaddar

Ozzwell: Free PSD Business Template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Ozzwell: Free PSD Business Template

Startup website psd template

Free_psd_website_templates_header
Startup website psd template

SKOKOV – Free Corporate Web Design Template PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
SKOKOV – Free Corporate Web Design Template PSD

GerduKreatip – Agency Portfolio Theme

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
GerduKreatip – Agency Portfolio Theme

Free WIP Template PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free WIP Template PSD

Motion single page PSD web template

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Motion single page PSD web template

Business Stack – Free Template ( PSD file included )

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Business Stack – Free Template ( PSD file included )

Dezign Folio: Create A Detailed Portfolio Homepage Design In Photoshop

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Dezign Folio: Create A Detailed Portfolio Homepage Design In Photoshop

Madison – PSD Files

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Madison – PSD Files

Free PSD Template: Flat One Page Website

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Free PSD Template: Flat One Page Website

Elena Email PSD Theme

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Elena Email PSD Theme

Single Page Free Website Template PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Single Page Free Website Template PSD

Halftone Home – PSD

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Halftone Home – PSD

Freebie: Revenant Template Home Page (PSD)

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート
Freebie: Revenant Template Home Page (PSD)

Emmeline – Multipurpose website PSD Template Free

6317693b22d61359416ffa14620f8e03
Emmeline – Multipurpose website PSD Template Free

Deliver – Free PSD theme

deliver-psd-theme-featured-image
Deliver – Free PSD theme

Startup Website Template

Startup Website Template
Startup Website Template

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 4
  • 5

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

パッケージ/プロダクトデザインvol.29 参考になる優れたパッケージ/プロダクトデザインをご紹介

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.29

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第29回目です。 今回も世

記事を読む

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

HTML/CSS無料テーマテンプレートでハイクオリティーなものがありましたのでご紹介します。 これ

記事を読む

HD動画が無料で手に入る「Videvo」

HD動画が無料で手に入る「Videvo」

商用利用無料のHD動画が手に入る「Videvo」をご紹介。 動画総数は約2000以上。 動画から

記事を読む

月額ゼロ円(無料)でホームページ・ECサイトを制作・運営できるサービス12

ホームページ制作を生業としているものにとっては、穏やかではないのが「無料でホームページを制作できてし

記事を読む

リボン風の見出しをCSS3だけで実装する方法

リボン風の見出しをCSS3だけで実装する方法

見出しでリボン風の装飾をCSS3だけで実装する方法をご紹介します。 利用するのはboderプロパテ

記事を読む

逆にカッコイイ!1970年代編纂のロゴ作品集を丸ごと見られる「Vintage Logos」

逆にカッコイイ!1970年代編纂のロゴ作品集を丸ごと見られる「Vintage Logos」

ロゴが好きな方、ロゴを作成する方、ロゴを作りたい方、必見のサイトをご紹介します。 1970年代半ば

記事を読む

クリスマス・ビジネス・教育関連がそろったカワイイ手書きアイコン84(psd・ai・eps・png)

カワイイ手書きのアイコンセットがあったのご紹介します。 手描きならでは温かい雰囲気と可愛らしさをも

記事を読む

これが無料!ハイクオリティーなPhotoshop用WEBデザインテプンレート(psd)60+

海外のデザイナーがPhotoshopで作成したWEBデザイン用のテンプレート(psdファイル)をまと

記事を読む

ハイテク・SF・HUD・サイバーな無料のPhotoshop用ブラシ800+

ハイテク・SF・HUD・サイバーな無料のPhotoshop用フリーブラシ800+

近未来的でSFチックな雰囲気を出したいときに最適な、ハイテク・SF・HUD・サイバーな無料のPhot

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自

記事を読む