すぐ使える!PhotoshopのすごいWebサイトテンプレートPSD素材まとめ

straightapp

 

海外デザインブログDesignWoopで、今後のWebサイト制作の参考にしたい、高品質な無料PSDテンプレート素材を25個まとめたエントリー「25 Free Downloadable PSDs for Mobile Apps & Mockups」が公開されていたので、今回はこちらをベースにお気に入りフリーアイテムを一緒にまとめてご紹介します。

 

 

Webデザイントレンドを意識した、すっきりシンプルなミニマル、フラットスタイルが主流となっているようです。配色やレイアウトの参考にも良いかもしれません。過去エントリーも参考にしてみてはいかがでしょう。

 

 

[list type=”hot”] [li]2014年人気デザインを網羅、Webサイト用無料PSDテンプレート素材23個まとめ[/li]

[li]2014年デザイントレンドを取り入れた、無料WebテンプレートPSD素材まとめ[/li]

[li]Webサイト制作の参考に!高品質フリーWebテンプレートPSD素材まとめ[/li]

[li]Webデザインのお手本、参考にしたい無料PSDテンプレート素材まとめ[/li][/list]

 

 

 

詳細は以下から。

 

 

WebサイトテンプレートPSD素材の使い方

 

実際にPSDテンプレート素材をダウンロードしてみました。今回はサムネイルに利用した、Free App Website Design PSDsをサンプル用に開いています。Webサイト丸ごと作成されたデザインは、そのまま活用してもよいですし、パーツごとに利用してもよいでしょう。

 

howwe1

 

 

HTMLコーディングを意識してフォルダ分けされているので、編集作業も楽に行うことができるメリットも。また配色パレットもデザイン参考にすることができますね。

 

howwe2

 

 

すぐ使える!Photoshopでつくる高品質WebサイトPSDテンプレート素材まとめ

 

Bicycle Flat Layout PSD

自転車をモデルにデザインされた、グリッドを用いた独創的なレイアウト。今回イチオシの無料PSDテンプレート素材のひとつ。

Bicycle Flat Layout PSD

 

 

 

Dribbble Chairlift

モバイル、タブレット端末を想定したやや幅の狭いサイズのPSDテンプレート素材。

chairlift Mobile by Simeon K. - Dribbble\

 

 

 

Brandi

シングルページで作成された写真家やフリーランス、トラベルサイトなどに適した自由なレイアウトが魅力的なPSDテンプレート。

Brandi - Creative One Page Multi-Purpose PSD Template - KreativeShowcase

 

 

 

Application Landing Page Template PSD

モバイルアプリの紹介、プロモーション用ランディングページを想定したレイアウトで、必要なデザインエレメントをひと通り揃えています。

Application Landing Page Template PSD - Lunar Templates

 

 

 

Free Portfolio PSD

ポートフォリオサイトを想定したレイアウトで、グリッドレイアウトをつかい、フルスクリーンで展開するイメージ素材が美しいPSDテンプレート。

Free Portfolio Mere Company PSD Template

 

 

 

SurfHouse

これから本番となる夏を前に、サーフショップを想定したカラフルで、勢いを感じるフレッシュなデザイン。

Surfhouse - PSD Template | The Uncreative Lab

 

 

 

Modern Modular Gift Shop

イメージ素材を大事にしたショッピングサイト用デザインで、グリッドを活用したクリエイティブなレイアウトは制作の参考になりそうです。

Modern Modular Gift Shop E-Commerce Website PSD Deisgn

 

 

 

Comedy Central Concept PSD

既存サイトをフラットスタイルでリデザインしたコンセプトレイアウトで、レスポンシブを意識した配置が印象的です。

comedy_central

 

 

 

Uihero Free One Page Website

デザイントレンドをうまく取り入れた、どんなプロジェクトにも合わせやすいデザインが魅力です。

uihero-psd-template

 

 

 

Excape

フルスクリーンイメージに巨大なアイコンが分かりやすい、どんなプロジェクトにも使える万能PSDテンプレート。

Excape - One Page PSD Web Template - FreebiesXpress

 

 

 

QVA

フルスクリーンイメージにサービス紹介、ギャラリー、チーム紹介、お問い合わせコンテンツを合体させたシングルページ型レイアウト。

QVA − One Page Multi Purpose HTML Template | PSD Blast

 

 

 

John Doe

フリーランスで活躍するデザイナーやフォトグラファー、アーティスト用WebサイトにオススメなPSDテンプレート。

John-Doe-Free-One-Page-PSD

 

 

OneEngine

ポートフォリオサイトに利用したいシンプルながら、デザイン要所を押さえたレイアウトは編集作業も楽ですよ。

one_engine

 

 

 

BrandaLoka

鮮やかなピンク色をアクセントカラーに採用した、クリエイティブなシングルページ型レイアウト。

BrandaLoka - Creative Onepage PSD Template on Behance

 

 

 

Muzik UI PSD

アートワークをグリッド上に並べ、直感的な操作感を実現するインターフェースは、音楽アプリにも最適です。

Muzik UI PSD - Freebiesbug

 

 

 

Variety

配色が2バージョン用意されており、ポートフォリオはもちろん、旅行の思い出をつづってみてはいかがでしょう。

variety - Free PSD Website Template by Raphael Lechner - Dribbble

 

 

サムネイル@ : Free App Website Design PSDs – Blazrobar

参照元リンク : 25 Free Downloadable PSDs for Mobile Apps & Website Mockups – DesignWoop