13psdtemplate_top

 

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ファイル。

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

25psdtemp

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

 

 

 

IMDB Film Rage Concept PSD

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

imdb-film-page-template

サンプルPSDファイル

 

 

 

Dead Stocker – Fashion Free PSD Website Template

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

99psdtemp

ツイートすると無料DL

 

 

 

Orange Blog Template Free PSD

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

orange-blog-psd-template

サンプルPSDファイル

 

 

 

Godling Template

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

godling-template-psd

サンプルPSDファイル

 

 

 

‘Orange’ Free PSD Website Template

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

19psdtemp

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

 

 

 

‘Paper’ Free Website PSD Template

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

18psdtemp

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

 

 

 

CoCo – Clean PSD Template

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

clean-psd-template

サンプルPSDファイル

 

 

 

Free WordPress PSD Template

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

PF-wordpress-theme

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

 

 

 

iPhone App Website Template (PSD)

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

iphone-app-web-template-thumb

サンプルPSDファイル

 

 

 

Wordy Free Website PSD Template

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

15psdtemp

Emailアドレス登録で無料DL

 

 

 

Awesome Portfolio Free PSD Source

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

portfolio-psd-template

サンプルPSDファイル

 

 

 

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

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

42weblayout_tutorial

 

 

 

Blanka

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

420psdtemp

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

 

 

 

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

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

 

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

Bookmark, Maybe??この記事のブックマークはこちらからどうぞ。