Advertisement

 

 

Webサイトのレイアウトをデザインするときにみなさんはどのような手順で行いますか。

 

手書きでスケッチされたモックアップ、フレームワークを作成し、次にデザインに取り掛かり、コーディング作業をして、動作など不具合がないか確認したり、、となかなかの作業量がありますよね。

そんな時にユーザーの使いやすさも考慮したレイアウトでデザインされたPSDファイルを利用すると時間、労力の節約にもつながります。

 

海外デザインブログDesign Terminalで、そのままWebサイトデザインに利用したくなる高品質なPhotoshop用PSD素材ファイル25個まとめたエントリー「25 Excellent Free PSD Website Templates」が公開されていたので、今回はご紹介します。

どれもWordpressを導入したり、HTML用テンプレートとして販売されているデザインのPSD素材となりますので品質がとても高いのが特徴でもあります。

 

 

詳細は以下から。

 

 

そのまま利用可能なPhotoshop用WebレイアウトデザインPSD素材まとめ

 

Dropholio

やさしい色使いの背景テクスチャをベースに、縦型ナビゲーションメニューを左側に配置したポートフォリオ用Webレイアウトデザイン。

グリッドレイアウトを採用したすっきりとした見やすいデザインが魅力的。

 

 

Ripple

グリッドレイアウトでデザインされたWebサイト用PSD素材で、かわいいアイコンやフォントなどもあらかじめデザインされているので参考になりそうです。

 

 

Aspect Designs

型押し(レタープレス)デザインをアクセントとして利用したデザイントなっており、スライダーやサムネイルギャラリー、ツールチップなどのデザインも収録されています。

 

 

Apps Wizards

iphoneやiPad、Android用アプリの販売用サイトを想定してデザインされたPSDテンプレート素材。

テキスト、アイコンなどを変更するだけで日本語サイトでも利用することができそうです。

 

 

Peano Creative

パステルカラーをメインにデザインされたどんなデザインにも合わせやすい色使いが魅力的なPSDテンプレート素材。

グリッドレイアウトを意識してデザインパーツが整列されているので編集も簡単に行うことが可能。

 

 

Locus One Page PSD Template

1ページにすべての情報を詰め込んだシングルページ完結型のウェブサイトデザイン用レイアウトテンプレート素材。

サムネイル以外にも合計5ページ分のデザインがまとめて収録されています。

 

 

 

Business Website Template

無料素材まとめなどで個人的に大好きなデザイナー@ormanclarkさんのデザインしたWebサイトテンプレート。

絶妙なテクスチャ加減を利用してレイアウトされたデザインは、企業用サイトにも対応してくれるのではないでしょうか。

 

 

Magazine Style Site Layout

上記デザイナーさん作のマガジン風レイアウトを取り入れて製作されたWebサイト用PSDテンプレート素材。

メニュー部分には分かるか分からない程度のうっすらとしたテクスチャ素材を利用しています。

 

 

Digitize Website Template

余白スペースをタップリと使ってデザインされたミニマルなWebサイト用テンプレート素材。

トップ部分に立体的なスライダーを配置し、twitterやRSSアイコンなどもレイアウトされています。

 

 

Clean Business Website

シンプルなグリッドレイアウトでデザインされたWebサイト用テンプレート素材。あまり不要なパーツが使われていないので、編集、加工もおこないやすいのではないでしょうか。

 

 

CreativeMass Web Template

ダーク系Webサイトデザインを製作しようとお考えの方にオススメしたいPSDテンプレート素材。

 

 

Delphic Website Template

ポートフォリオサイトとして利用することを想定してデザインされたPSDテンプレート素材で、フルサイズを使って表現されるスライダーはインパクトがありますね。

 

 

Jasmine Website Template

オーガニック、自然系のWebサイトデザインに利用したい緑色を基調としたテンプレートデザイン。

お店情報などもすっきりと整列させることが可能なので、ユーザーにも分かりやすいレイアウトではないでしょうか。

 

 

GreyTemp Website Template

灰色のノイズテクスチャを全体に利用することで、レタープレス加工されたテキストが印象的に仕上げられています。ガジェット関連の紹介ページなどにもよさそうですよ。

 

 

Ribbon Website Template

テンプレート名のままですが、Webサイト全体に立体的なリボンデザインをあしらったPSD素材。

立体的にデザインされたボタンなどの各種デザインパーツの質感もとてもきれいです。

 

 

Webサイト用テンプレートPSD素材をもっとダウンロードしたい方へ

 

以下のサイトでは定期的に高品質なWebサイト用テンプレートPSD素材を無料公開しているので、RSSリーダーなどに入れておくと良いかもしれません。

 

Free Photoshop Download

こちらのサイトでは世界中で公開されているWebサイト用無料テンプレート素材を集めて、紹介しています。数も豊富に揃っているのでオススメです。

 

 

Free PSD everything photoshop

デザイナーさんが自らデザインしたテンプレート素材をそのままPSDファイルとして公開している太っ腹なサイト。

 

 

elemis ~Materials for Design~

テクスチャ素材やグラデーションなどを多く利用した高品質なWebサイトテンプレート素材を中心に公開しているブログサイトのひとつ。

 

 

最後にもうひとつ、、

 

Free WordPress 3.1. Theme: Splendio

老舗海外デザインブログSmashing MagazineがデザインしたWebサイト用テンプレート素材。

PhotoshopでデザインされたPSDテンプレート素材の他に、実際にWordPressで利用可能なテーマファイルも無料公開されています。

デモページ | プレビュー

 

[参照元 : 25 Excellent Free PSD Website Templates – Designer Terminal]