Webサイトのレイアウトをデザインするときにみなさんはどのような手順で行いますか。
手書きでスケッチされたモックアップ、フレームワークを作成し、次にデザインに取り掛かり、コーディング作業をして、動作など不具合がないか確認したり、、となかなかの作業量がありますよね。
そんな時にユーザーの使いやすさも考慮したレイアウトでデザインされたPSDファイルを利用すると時間、労力の節約にもつながります。
海外デザインブログDesign Terminalで、そのままWebサイトデザインに利用したくなる高品質なPhotoshop用PSD素材ファイル25個まとめたエントリー「25 Excellent Free PSD Website Templates」が公開されていたので、今回はご紹介します。
どれもWordpressを導入したり、HTML用テンプレートとして販売されているデザインのPSD素材となりますので品質がとても高いのが特徴でもあります。
詳細は以下から。
そのまま利用可能なPhotoshop用WebレイアウトデザインPSD素材まとめ
やさしい色使いの背景テクスチャをベースに、縦型ナビゲーションメニューを左側に配置したポートフォリオ用Webレイアウトデザイン。
グリッドレイアウトを採用したすっきりとした見やすいデザインが魅力的。
グリッドレイアウトでデザインされたWebサイト用PSD素材で、かわいいアイコンやフォントなどもあらかじめデザインされているので参考になりそうです。
型押し（レタープレス）デザインをアクセントとして利用したデザイントなっており、スライダーやサムネイルギャラリー、ツールチップなどのデザインも収録されています。
iphoneやiPad、Android用アプリの販売用サイトを想定してデザインされたPSDテンプレート素材。
テキスト、アイコンなどを変更するだけで日本語サイトでも利用することができそうです。
パステルカラーをメインにデザインされたどんなデザインにも合わせやすい色使いが魅力的なPSDテンプレート素材。
グリッドレイアウトを意識してデザインパーツが整列されているので編集も簡単に行うことが可能。
1ページにすべての情報を詰め込んだシングルページ完結型のウェブサイトデザイン用レイアウトテンプレート素材。
サムネイル以外にも合計5ページ分のデザインがまとめて収録されています。
無料素材まとめなどで個人的に大好きなデザイナー@ormanclarkさんのデザインしたWebサイトテンプレート。
絶妙なテクスチャ加減を利用してレイアウトされたデザインは、企業用サイトにも対応してくれるのではないでしょうか。
上記デザイナーさん作のマガジン風レイアウトを取り入れて製作されたWebサイト用PSDテンプレート素材。
メニュー部分には分かるか分からない程度のうっすらとしたテクスチャ素材を利用しています。
余白スペースをタップリと使ってデザインされたミニマルなWebサイト用テンプレート素材。
トップ部分に立体的なスライダーを配置し、twitterやRSSアイコンなどもレイアウトされています。
シンプルなグリッドレイアウトでデザインされたWebサイト用テンプレート素材。あまり不要なパーツが使われていないので、編集、加工もおこないやすいのではないでしょうか。
ダーク系Webサイトデザインを製作しようとお考えの方にオススメしたいPSDテンプレート素材。
ポートフォリオサイトとして利用することを想定してデザインされたPSDテンプレート素材で、フルサイズを使って表現されるスライダーはインパクトがありますね。
オーガニック、自然系のWebサイトデザインに利用したい緑色を基調としたテンプレートデザイン。
お店情報などもすっきりと整列させることが可能なので、ユーザーにも分かりやすいレイアウトではないでしょうか。
灰色のノイズテクスチャを全体に利用することで、レタープレス加工されたテキストが印象的に仕上げられています。ガジェット関連の紹介ページなどにもよさそうですよ。
テンプレート名のままですが、Webサイト全体に立体的なリボンデザインをあしらったPSD素材。
立体的にデザインされたボタンなどの各種デザインパーツの質感もとてもきれいです。
Webサイト用テンプレートPSD素材をもっとダウンロードしたい方へ
以下のサイトでは定期的に高品質なWebサイト用テンプレートPSD素材を無料公開しているので、RSSリーダーなどに入れておくと良いかもしれません。
こちらのサイトでは世界中で公開されているWebサイト用無料テンプレート素材を集めて、紹介しています。数も豊富に揃っているのでオススメです。
デザイナーさんが自らデザインしたテンプレート素材をそのままPSDファイルとして公開している太っ腹なサイト。
テクスチャ素材やグラデーションなどを多く利用した高品質なWebサイトテンプレート素材を中心に公開しているブログサイトのひとつ。
最後にもうひとつ、、
Free WordPress 3.1. Theme: Splendio
老舗海外デザインブログSmashing MagazineがデザインしたWebサイト用テンプレート素材。
PhotoshopでデザインされたPSDテンプレート素材の他に、実際にWordPressで利用可能なテーマファイルも無料公開されています。
[参照元 : 25 Excellent Free PSD Website Templates – Designer Terminal]
