Webサイト全体のレイアウトをデザインしたPhotoshop用PSDファイル、作るとなるとなかなか時間も労力もかかるものです。

そんなときにあらかじめデザインを考えてレイアウト設計された、PSDファイルを使ってみてはいかがでしょう。

海外デザインブログPellFusionで、そのままHTMLなどとして組むことが可能なPhotoshop用PSDファイルを6個まとめたエントリー「6 Free PSD Templates for Blog Designs」が公開されていたので、今回はこちらをベースに個人的にお気に入りしている素材を集めています。

デザイン制作時間の短縮だけでなく、オシャレなデザインはアイデアの参考にもなりそうです。

詳細は以下から。

オシャレすぎる、質感の高いWebレイアウトPSD素材まとめ

PUMP – Free Website PSD Template

フルサイズで展開するヘッダー部分に、Webトレンドのひとつでもある「サークル」デザインを取り入れたPSDファイル。

今年のカラー「タンジェリンタンゴ」を利用した、オシャレテンプレート素材。

Emailアドレス登録で無料DL可能

IMDB Film Rage Concept PSD

映画関連のデータベースサイトのコンセプトデザイン用PSDファイル。配色や余白スペースの取り方など参考になりそうです。

サンプルPSDファイル

Dead Stocker – Fashion Free PSD Website Template

ファション関連サイト、ブログメディアに利用したいオシャレなテンプレート素材。フルスクリーンの背景や半透明ボックス、マガジンスタイルなど参考点多いです、。

ツイートすると無料DL

Orange Blog Template Free PSD

アクセントカラーにオレンジを利用した、シンプルでミニマルなブログ用PSD素材。

サンプルPSDファイル

Godling Template

背景に本物そっくりな雲模様と芝生デザインをレイアウトした、ユニークなブログスタイル用PSDファイル。

サンプルPSDファイル

‘Orange’ Free PSD Website Template

ポートフォリオや動画を中心としたWebサイト、ブログなどのデザインに利用したいカラフルテンプレート素材。

Emailアドレス登録で無料DL可能

‘Paper’ Free Website PSD Template

左サイドバーにメニューをレイアウトした、シングルページ完結型のレイアウト素材。利用したい部分のみを参考にするのもよさそうですね。

Emailアドレス登録で無料DL可能

CoCo – Clean PSD Template

基本的なブログレイアウトにシャドウなどを使った、立体感のあるデザインパーツを多用したWebレイアウトデザイン。

サンプルPSDファイル

Free WordPress PSD Template

デザイン系ブログサイトを作成したいときなどに利用できる、完成度の高いレイアウト素材。トップ部分のスライダーが個人的にお気に入りです。

Emailアドレス登録で無料DL可能

iPhone App Website Template (PSD)

モバイル用アプリ販売サイトの制作をお考えの方にオススメしたいデザインテンプレート素材、アプリの特長なども分かりやすく表示することが可能となっています。

サンプルPSDファイル

Wordy Free Website PSD Template

なんといってもこのテーマのベストポイントは、質感の高いヘッダーデザインではないでしょうか。ナビゲーションメニューもクールですよ。

Emailアドレス登録で無料DL

Awesome Portfolio Free PSD Source

ポートフォリオサイトを作成するときに参考にしたいレイアウト。テクスチャ素材を使った質感系デザインとなっています。

サンプルPSDファイル

Webデザインを極める、すごいレイアウト用チュートリアル44個まとめ

レイアウトの作り方チュートリアルと一緒に、サンプル用PSDファイルもダウンロード可能となっています。

Blanka

HTML5に対応した、シンプルHTMLテンプレートです。PSDファイルかHTMLファイルから選択することが可能となっています。

サンプルPSDファイル   デモサイト

プロ顔負けのHPデザインテンプレート、無料PSD素材70個まとめ

以前のエントリーとなりますが、こちらにも高品質な無料PSDテンプレート素材をまとめています。

[参照元 : 6 Free PSD Templates for Blog Design - PellFusion]