個人的に役立ったデザイン素材や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
  • 5
  • 5

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

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

日本に特化した無料のアイコンセット「Japanese icon pack」

まだまだインフルエンザに悩まされております。 夕方頃になると疲労がたまるのか、体がしんどくなり、熱

記事を読む

コピペOK! 画像のホバーエフェクトを簡単にアニメーションさせられるimagehover.css

コピペOK! 画像のホバーエフェクトを簡単にアニメーションさせられるimagehover.css

画像や写真にマウスを重ねたときに、アニメーションのエフェクトがかかっていると、それだけで洗練された印

記事を読む

デザインの現場で活躍する無料のPhotoshop用シームレスパターン300+

「困ったときのシームレスパターン」みたいな感じで日々シームレスパターンを活用しています。 ですので

記事を読む

おしゃれなアイコンがいっぱい! おすすめのフリーアイコンセット50(2015年版)

おしゃれなアイコンがいっぱい! おすすめのフリーアイコンセット52(2015年版)

2015年もたくさんのおしゃれアイコンが登場しました。 トレンドしては、SVGタイプのアイコンと、

記事を読む

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

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

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

記事を読む

写真/画像に3DCGポリゴン風エフェクトをかけてくれる無料/フリージェネレーター5つ

写真/画像に3DCGポリゴン風エフェクトをかけてくれる無料/フリージェネレーター5つ

密かなブームとなっている3DCGポリゴンの背景/画像。 とくにスマホなどではよく見かけます。 清

記事を読む

無料で使えるIllustrator用シームレスパターンセット82

シームレスパターンのうち、ドット、オーナメント、チェック、ストライプをはじめ、和柄、季節もの、変わり

記事を読む

息抜きに火星ツアーに出かけよう!火星をバーチャル・ツアーできるDiscovering Gale Crater

息抜きに火星ツアーに出かけよう!火星をバーチャル・ツアーできるDiscovering Gale Crater

火星をバーチャル・ツアーできるDiscovering Gale Craterをご紹介します。 Lo

記事を読む

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

YouTubeやViemoなどの動画、あるいはGoogleMapsをコピペだけでレスポンシブ化できて

記事を読む

書籍用ISBNバーコード(JANコード)を無料でつくれるIllustrator用テンプレート

書籍用ISBNバーコード(JANコード)を無料でつくれるIllustrator用テンプレート

書籍用のISBNバーコードを作成する必要があり、Illustrator用プラグインなどをいろいろと探

記事を読む