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

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

  • 0
  • 0
  • 2
  • 0
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
  • 2
  • 0

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

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

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」をご紹介します。 作成者した

記事を読む

背景画像に最適!美しいぼかし/ボケ味が効いた無料のフリーテクスチャ素材320+

背景画像に最適!美しいぼかし/ボケ味が効いた無料のフリーテクスチャ素材320+

以前、「無料のPhotoshop用ぼかし(ぼけ)ブラシ17セットで幻想的な雰囲気を」という記事で、P

記事を読む

Gmailを無料で便利に!「開封確認」「スケジュール送信」ができる機能拡張「myHero Toolbox」

Gmailを利用しています。 本当に便利なGmailですが、できるなら「既読通知/開封確認」「スケ

記事を読む

パッケージデザインvol.14 参考になる優れたパッケージ/プロダクトデザイン20をご紹介(金曜日企画)

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

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

記事を読む

レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+

サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示で

記事を読む

アポロ計画の無料画像1万点以上がFlickrに「Project Apollo Archive’s albums」

アポロ計画の無料画像1万点以上がFlickrに「Project Apollo Archive’s albums」

アポロ計画で撮影された無料(パブリックドメイン)画像1万点以上がFlickrにアップされている「Pr

記事を読む

PhotoshopやIllustratorを安く入手する方法!MasterCollectionなら11万6,500円で購入可

Adobeはついに、PhotoshopやIllustratorのパッケージ版の販売を終了させ、クラウ

記事を読む

デザインと写真の勉強に最適!海外のプロ写真家のサイトがかっこ良すぎる

デザインと写真の勉強に最適!海外のプロ写真家のサイトがかっこ良すぎる

美しい写真は好きですか? 美しい写真は見ているだけでワクワクしてきますね。 今回はこんな美しい写

記事を読む

楽しみながらデザインの知識&スキルがアップするゲームまとめサイト「Games for designers」

楽しみながらデザインの知識&スキルがアップするゲームまとめサイト「Games for designers」

デザイナーのための楽しみながら知識&テクニックがアップするゲームまとめサイトをご紹介。 海外ではデ

記事を読む

最初の印象がまるで違う!この名刺デザインがすごいベスト35

最初の印象がまるで違う!この名刺デザインがすごいベスト35

名刺を差し出した瞬間の第一印象が数段アップする、すごいインパクトのデザイン名刺をご紹介。 限られた

記事を読む