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

 

Webデザインにそのまま利用可能、デザインの参考になりそうな無料PSDテンプレートが、公開されていました。

 

海外デザインブログreADactorで、高品質なWebデザイン用PSDテンプレート素材を70個まとめたエントリー「70 Free Professional PSD Templates for Web Design」が公開されていたので、今回はご紹介します。

Photoshopでデザイン編集やテキスト変更なども自由に行うことができる、便利なPSD素材が無料公開されています。

 

有料となるケースもありますが、多くのテンプレートはHTML、Wordpressで稼働可能なバージョンも用意されています。時間、費用をあまりかけずにホームページを作成したいときなどにいかがでしょう。

 

 

詳細は以下から。

 

 

プロ顔負けの高品質PSDデザインテンプレート素材まとめ

 

Digital Rust Template Free PSD Download

レトロテイスト、配色を利用したホームページ用テンプレート素材、グリッドレイアウトの見やすいレイアウトはデザイン参考にいかがでしょう。

[button_square color=”black” url=”http://www.suitetuts.com/resources/downloads/dl_rust_theme.zip”] ダウンロードはこちらから [/button_square]

 

 

Blue and White by Andrew Kelly

型押し風エフェクトや淡いグラデーションなど最近のトレンドを利用したテンプレート素材、レイヤースタイルなども参考になりそうです。

[button_square color=”black” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=368″] ダウンロードはこちらから [/button_square]

 

 

Inkfolio: Professional Portfolio Template 

ポートフォリオサイト用にデザインされたテンプレート素材、ダーク系ウェブサイトを作成する時に利用可能。

[button_square color=”black” url=”http://www.ahmadhania.com/downloads/Inkfolio.zip”] ダウンロードはこちらから [/button_square]

 

 

Yellow! – Minimalist Blog Template

無駄なデザインを一切省いた、シンプルなブログ用テンプレート。色使いもデザインの参考になりそうです。

[button_square color=”black” url=”http://pixelbeam.net/wp-content/plugins/download-monitor/download.php?id=6″] ダウンロードはこちらから [/button_square]

 

 

Continuum Landing Page PSD by Greg

ホームページ公開前のランディングページ用テンプレート。グリッドレイアウトを利用し、ソーシャルメディアなど情報をすっきりと表示しています。

[button_square color=”black” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=632″] ダウンロードはこちらから [/button_square]

 

 

Mobile App’s Layout #2

モバイル用アプリ販売、公開などをしたいとお考えの方にオススメしたいPSDテンプレート素材、appleのデザインを再現しています。

[button_square color=”black” url=”http://www.hv-designs.co.uk/freebies/mobile_apps2.zip”] ダウンロードはこちらから [/button_square]

 

 

Watercolor PSD Files Ansimuz

ヘッダー部分に水彩絵の具でペイントしたようなデザインが印象的なPSDテンプレート素材、こちらもグリッドレイアウトを採用。

[button_square color=”black” url=”http://luiszuno.com/blog/wp-content/plugins/download-monitor/download.php?id=18″] ダウンロードはこちらから [/button_square]

 

 

Left Website Layout PSD

左側にコンテンツメニューやソーシャルメディアアイコンなどをレイアウトしたブログ用テンプレート素材。

[button_square color=”black” url=”http://luiszuno.com/blog/wp-content/plugins/download-monitor/download.php?id=22″] ダウンロードはこちらから [/button_square]

 

 

Torn PSD File

イメージ写真などを多く利用するギャラリーサイトなどに活用したいポートフォリオ用テンプレート素材、3タイプのレイアウトに対応しています。

[button_square color=”black” url=”http://luiszuno.com/blog/wp-content/plugins/download-monitor/download.php?id=15″] ダウンロードはこちらから [/button_square]

 

 

Fadelicious

以前ご紹介した気もしますが、グリッドレイアウトを利用した基本的なレイアウトを組むときに参考にしたいテンプレート素材のひとつ。

[button_square color=”black” url=”http://elemisfreebies.com/files/55″] ダウンロードはこちらから [/button_square]

 

 

Corporate + Portfolio Website Template

企業用サイトなどにも対応可能なテンプレート素材、グラデーションやボタンパーツなどこまかい部分まで作りこまれています。

 

 

A Typography Perfect Website Template

タイポグラフィーのバランスを考慮してレイアウトされたダーク系ウェブサイトデザイン。

 

 

iPad App Template

iPad用のアプリ販売を行う時に参考にしたいテンプレート素材、あらかじめiPadを配置したスライダーが実装されています。

[button_square color=”black” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=150″] ダウンロードはこちらから [/button_square]

 

 

Go Media Free PSD Template

appleをモチーフにデザインレイアウトされたテンプレート素材をよくみかけるようになりました、影響力はすごいですね。

 

 

Wattfolio Free PSD Template

動画やグラフィックデザインなどをまとめて紹介したいダーク系ポートフォリオサイト用テンプレート。現在表示しづらい状態となっています。

 

 

Gasolina Free PSD Template

車などのオート用品を紹介、販売することを想定してデザインされたホームページデザイン用PSD素材、力強いパワフルデザイン。

[button_square color=”black” url=”https://www.gavick.com//index2.php?option=com_resource&task=download&no_html=1&file=724″] ダウンロードはこちらから [/button_square]

 

 

Dark and Yellow by Jon Ovander

これから秋にかけて利用したくなりそうな黄色をベースカラーに利用した暖色系テンプレート素材。

[button_square color=”black” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=594″] ダウンロードはこちらから [/button_square]

 

 

Burogu – Blog & Portfolio Template

Tumblrのようなお手軽にブログをアップするときに便利なビンテージ系テンプレートデザイン。

[button_square color=”black” url=”http://pixelbeam.net/wp-content/plugins/download-monitor/download.php?id=4″] ダウンロードはこちらから [/button_square]

 

 

Free Modern Deisgn Studio PSD Template

淡いグランジテイストを利用したアート性の高いデザインテンプレート、情報をわかりやすく伝えることができるレイアウトではないでしょうか。

[button_square color=”black” url=”http://webdesignfan.com/wp-content/uploads/2010/02/Free-Modern-Design-Studio-PSD-Template.psd”] ダウンロードはこちらから [/button_square]

 

 

Original Blackbeard Template PSD

レトロテイストを感じる配色でデザインされたテンプレートPSD、そのままブログ用として利用可能。

[button_square color=”black” url=”http://www.box.net/shared/lyrrf0qyyy”] ダウンロードはこちらから [/button_square]

 

 

Facebookファンページ用デザインPSDテンプレートまとめ

 

ユニークなテンプレート素材も公開されていましたので、メモとしてまとめています。ファンページ作成の参考にどうぞ。

 

Facebook Page for Personal Blog – PSD Template

横幅520pxでデザインされたfacebookにぴったりサイズのテンプレート素材。

[button_square color=”red” url=”http://ibrandstudio.com/filedownload/personal-blog-fb-fanpage.zip”] ダウンロードはこちらから [/button_square]

 

 

Facebook Page Template PSD Freebie

半透明ボックスを利用したデザインテンプレート素材。

[button_square color=”red” url=”http://premiumcoding.com/wp-content/plugins/download-monitor/download.php?id=5″] ダウンロードはこちらから [/button_square]

 

 

Free PSD: Facebook Fanpage Template

モックアップとしても利用可能なfacebookレイアウトをそのままそっくり再現したPSD素材。

[button_square color=”red” url=”http://fuelbrand.s3.amazonaws.com/downloads/FacebookBG.zip”] ダウンロードはこちらから [/button_square]

 

 

そのまま利用可能なWebデザインレイアウト用無料PSDテンプレート素材25個まとめ

こちらにも即利用可能なPSDテンプレート素材をまとめていますので、よろしかったら一緒にどうぞ。

 

[参照元 : 70 Free Professional PSD Tremplates for Web Design – reADactor]