Photoshopで編集ラクラク!Webサイト用の美しい無料PSDテンプレート45個まとめ

explore-maldivvves

 

「ウェブサイトを作成したい、でも時間もスキルもない。」そんなときに役立てたいのが、あらかじめデザインされたテンプレート素材です。時間の節約になるだけでなく、デザインのベースとして使うことで手軽にカスタマイズできます。

 

今回は、無料ダウンロードできるPhotoshop最新ウェブテンプレート素材をまとめてご紹介します。テンプレート素材はどれもレイヤーごとにきちんと整理され、必要に応じて手軽にカスタマイズできるように設計、デザインされています。今後のデザインプロジェクトにいかがでしょう。

 

ウェブサイト作成に困ったら使いたい!Photoshop無料テンプレート素材まとめ 2017年版

作業ペースが上がる!ブックマークしておきたい無料UIデザイン素材40個まとめ

 

 

Photoshopで使える!美しい Web サイト用の無料テンプレート素材まとめ

 

Edd – Landing Page Sketch Freebie

美しいグラデーションカラーを採用し、なめらかな曲線カーブを利用することで、やさしい親しみやすい印象に仕上げます。

edd-landing-page-sketch-freebie

 

 

 

Folio Website Template

個人用のポートフォリオサイトや、企業の実績などをまとめるのに理想的なPSDテンプレート。

folio-portfolio-website-template

 

 

 

Ecommerce Landing Page 2

スニーカー好きにオススメしたい、ショッピングサイト向けテンプレートで、参考にしたいレイアウトが多数収録されています。

ecommerce-landing-page-2-psd

 

 

 

Disney Life – Landing Page PSD Template

disney-life-landing-page-psd-template

 

 

 

Posh Beauty Website Free PSD

女性らしい美しさを演出できるエレガントなテンプレート素材。

posh-beauty-website-free-psd

 

 

 

Airbnb Landing Page Template

世界中のユニークな宿泊施設を掲載・予約できる話題のサービス Airbnb のランディングページを想定したデザイン。

airbnb-landing-page-template

 

 

 

MoGo: Free one page PSD Template

淡いグラデーションカラーが特長のランディングページ向けテンプレートで、すっきりとしたモダンなデザイン。

mogo

 

 

 

Maker Free PSD Template

maker-free-psd

 

 

 

New Providence Landing Page

スッキリとしたエレガントでシンプルなランディングページ向けテンプレート。

new-providence-landing-page

 

 

 

Shopliter eCommerce Website Template

あらゆる業種のショッピングサイトに使えるテンプレートで、シンプルながら分かりやすい見た目が素敵。

shoplifter-ecommerce-website-template

 

 

 

Snow: Free PSD + HTML Portfolio Template

Photoshopで編集できるPSDファイルと一緒に、そのままウェブサイトに利用できるHTMLファイルも収録しています。

snow-free-html-psd-portfolio-template

 

 

 

OUCN PSD Template

3つのトップページを含む合計17ページに及ぶ異なるレイアウトを収録したPSDテンプレート素材セット。

oucn-psd-template

 

 

 

Portfolio Website Template for Sketch

イメージ写真をより魅力的にみせる、ミニマルスタイルのウェブテンプレート素材。

portfolio-website-template-for-sketch

 

 

 

Merkury Free PSD Template

merkury-free-psd

 

 

 

Pear Landing Page Template

多目的に利用できるプロユースのランディングページ素材。ポートフォリオサイトやフリーランサーの制作実績掲載などにどうぞ。

pear-landing-page-template

 

 

 

Creative Watercolor Inspiration Template

水彩絵の具の淡い質感を取り入れたレイアウトで、Bootstrapのグリッドに対応したすっきりとしたレイアウト。

creative-watercolor-inspiration-template-760x570

 

 

 

UISuMo Landing Page WIP

クリエイティブなだけでなく、デザイン開発で使いまわすことを目的とした便利なテンプレート。

uisumo-landing-page

 

 

 

Fun Weather: A Free Landing Page Template for Your Apps

モバイルアプリの紹介、販売ページを想定したデザインで、カラフルで楽しげな雰囲気を演出できます。

fun-weather-psd-landing-page

 

 

 

Tajam Agency Template PSD

青色を基調とした美しい配色カラーパレットを使った、ランディングページ向けテンプレート素材。

agency-website

 

 

 

E-Commerce Blog Template Sketch Resource

ショッピングサイト向けのウェブサイト用レイアウトで、Sketchファイル形式で収録しています。

e-commerce-blog-template-getbusy4me

 

 

 

Personal Blog Design Template

ブログサイトやポートフォリオなどを想定したレイアウトで、必要なコンポーネント用デザインが一式揃います。

personal-blog-psd-template

 

 

 

Free Education PSD Template Verso

基本となるグリッドレイアウトに、ページ全体を縦横無尽に使ったクリエイティブな背景がポイント。

education-psd-template

 

 

 

Adele Product Landing Page

プロダクト商品の紹介、販売ランディングページを想定したテンプレート。

adele-product-landing-page

 

 

 

Avenue Fashion: Free PSD eCommerce Template

ファッション系のショッピングサイトをコンセプトにした素材で、商品ページなど合計6ページが用意されています。

avenue-fashion

 

 

 

Clean OnePage PSD Template

モダンでエレガントな見た目を意識したランディングページ用テンプレート。

clean-one-page-psd

 

 

 

Free Home Page in Sketch Format

大小さまざまなブロックを組み合わせたようなグリッドレイアウトを採用したテンプレート。

free-home-page-in-sketch

 

 

 

Miequity – Website Free PSD Template

8種類の異なるウェブページ用テンプレートをPSDファイル形式で収録しています。

miequity-website-free-psd-template

 

 

 

Nava Free PSD Template

欲しいヨットを見つけたり、貸し出しを行うことを想定したクリエイティブなWebテンプレート。

naav-free-psd-template

 

 

 

Pasco: A Free PSD Multipurpose Template

さまざまな使い道ができるマルチユースなウェブテンプレート素材で、デスクトップとモバイルの2種類のトップページが別々に用意されています。

pasco-website-template

 

 

 

The Siren – Website Template for Sketch

ポータルサイトなどマガジンスタイルのWebサイト用テンプレートで、コントラストをうまく利用したデザインが素敵。

the-siren-website-template-for-sketch

 

 

 

Tork – A Free PSD Website Template

モバイルアプリのデザインや開発を行う、テック系スタートアップでの利用を想定したテンプレート。

tork-a-free-psd-website

 

 

 

Waxom – Free Homepage PSD Template

waxom-free-homepage-psd

 

 

 

Wooder Free PSD Template

文字テキストを編集すればすぐに利用できるテンプレートで、文字の読みやすさにもこだわっています。

wooder-psd

 

 

 

Agata Bielen: Free PSD Magazine Template

3つの異なるページデザインが収録されており、どれも黄金比を用いたグリッドを利用しています。

agata

 

 

 

Enyo Free PSD Template

雄大な雪山をヒーローイメージに利用し、コンテンツとの境目をなくしたユニークなレイアウト。

enyo-free-psd-template

 

 

 

Foundation FDN – Free PSD

建設や建築関係の業種やサービスを想定したテンプレートで、ユーザーの注目を集めるレイアウトが採用されています。

fdn

 

 

 

Webby – Multi-Purpose PSD

webby-multi-purpose

 

 

 

Friday Free PSD Website Template

美しいミニマルなスタイルが欲しいときに活用したいテンプレートで、デザイン事務所やフリーランサーのポートフォリオなどにどうぞ。

friday-web-template_toufic-nabi_210817_prev01

 

 

 

MSNL – Pastry Blog Page Sketch Freebie

msnl-pastry-blog-page-sketch-freebies

 

 

 

Free PSD : Multipurpose Magazine Blog Web Template PSD

多くの記事を公開するマガジン向けブログサイトを想定した、マルチユースな素材のひとつ。

multipurpose-magazine-blog-web-template-free-psd

 

 

 

Portfolio One Page Template PSD

個人フリーランスのポートフォリオサイトを想定したテンプレート素材。

portfolio-one-page-template-q47

 

 

 

Surfers Co. Website PSD Template

サーフィンをモチーフにしたウェブサイト用テンプレートで、PSDファイル形式で収録しています。

surfers-co-website-psd-template

 

 

 

The Bakery Website – Free PSD

the-bakery-website

 

 

 

Tanner Collections: Free PSD eCommerce Template

tanner-collections-psd-template

 

 

参照元リンク : 40 Free Web Page Templates in Photoshop PSD – Hongkiat

サムネイル@ : Explore Maldives – Free Travel Agency Web Template by Henry Reyes – Dribbble