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

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

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

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

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
  • 5
  • 5

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

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

現場ですぐに使えるロゴデザイン用テンプレート50+(psd/ベクターデータ)

現場レベルですぐに使用できそうな、クオリティーの高いロゴデザイン用テンプレートをまとめてご紹介します

記事を読む

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

CSSだけで表現されているのに、信じられないほど美しいサイト「In Pieces」をご紹介します。

記事を読む

無料なのにハイクオリティなロゴ用テンプレートをダウンロードできるサイト8

ロゴはサイト制作に限らず、企業や個人活動を支えるもっとも重要な要素の1つです。 「顔」になるもので

記事を読む

商用利用可!500種類以上もの人のピクトグラムが揃ったベクター素材「Human Pictos with 500」

ベクター素材を配布しているFreepikさんから、太っ腹なプレゼントが、noupeさんで公開されてい

記事を読む

FIFAワールドカップ1934〜2014年大会までのFIFAワールドカップロゴデザイン

FIFAワールドカップ1934〜2014年大会までのFIFAワールドカップロゴデザイン

またまた旬なネタで。 必ず盛り上がるワールドカップ。 そのワールドカップを象徴するのがロゴデザイ

記事を読む

CSSの手入力が不要になる便利なCSSジェネレーター「ENJOY CSS」

CSSの手入力が不要になる!複数の機能が1つになったCSSジェネレーター「ENJOY CSS」

CSS3になってから便利なジェネレーターが次々に登場していますが、今回ご紹介するジェネレーターはひと

記事を読む

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

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

記事を読む

一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」

一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」

ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス

記事を読む

オフラインでも便利なChrome機能拡張おすすめアプリ10

ネットが便利なのは言うまでもありませんが、場所の制約からネット回線につながらないときがあります。

記事を読む

モルタルのフリーテクスチャ素材35

モルタルというタイトルをつけましたが、正式にはスタッコ(化粧しっくい)の素材になります。 しかし、

記事を読む