Advertisement

 

ホームページやブログのデザイン制作はどのように進めていきますか。

手描きスケッチしたモックアップを参考にPhotoshopでレイアウトデザインを作成をおこなう方もいると思います。

すべてのデザインパーツを作成するとなると、時間と労力が必要になりますね。

 

海外デザインブログ1st WebDesignerで、ウェブデザイン制作に使える便利なPhotoshop用PSD素材ファイルを50個まとめたエントリー「50 Free High Quality and Inspirational PSD Files for Download」が公開されていたので、今回はご紹介します。

 

クリックひとつで高品質なテキストエフェクトをデザインすることができる素材ファイルや、ボタンパーツなどがまとめられています。

またウェブデザインテンプレートを丸ごとダウンロードすることができる太っ腹な素材ファイルもあります。

全ての素材ファイルは無料ダウンロード可能となっていますが、それぞれ使用に関するライセンスは異なりますのでご確認のうえご利用お願いします。

 

 

詳細は以下から。

 

 

ウェブデザイン制作に使えるPhotoshop用PSD素材ファイルまとめ

 

Metal Text Effect

ゴールド、シルバー、ブロンズの本物そっくりなクロムテキストエフェクトをレイヤースタイルのみでデザインした素材セット。

レイヤースタイルを保存しておくことで、クリックひとつでエフェクトを適用することができます。

保存方法についてはこちらのエントリーを参考にどうぞ。

 

 

Gel Text Effects

透明ジェルをモチーフにデザインされたテキストエフェクト素材のひとつ。

 

 

Striking Photoshop Text Effects

5種類のレイヤースタイルのみでデザインされたユニークなテキストエフェクトをまとめたお得な素材セット。

 

 

Illumina – Glowing Text Styles

きらきらと輝くライティングエフェクトを利用したテキスト文字用PSD素材ファイルのひとつ。

 

 

Fancy Neon Text Effect

ネオンサインのようなテキストエフェクトをデザインしたPSD素材ファイル。

実は以前こんなネオンサインテキストエフェクトも紹介しています。

 

 

Six Styles Effects

最近の海外ウェブデザインなどでよく利用されているテキストエフェクトを6種類まとめてダウンロードできる素材セット

ガラス文字やレタープレス(型押し文字)などがまとめられています。

 

 

Satisfaction Guarantee Wax Seal

保証マークなどに使えそうなボタン風PSD素材で、各3色でデザインされています。

 

 

Free PSD Progress Tracker Bars

サインアップ画面などのステップごと記入が必要なページなどで便利な状況確認用ボタン、バーの素材セット。

 

 

Modern Web Buttons

立体的にデザインされたボタンデザインを通常、ホバー時の2種類でデザインしたボタン素材。

PSDファイルなので簡単に色、テキストなどの変更ができるのもポイントです。

 

 

4 Step Process Panel in 2 Colors

4ステップのプロセスを表示した分かりやすいシンプルなパネル用PSD素材ファイルで、それぞれ2種類でデザインされています。

 

 

Black and White Pricing Table PSD Template

有料会員の金額用テーブルをデザインしたPhotoshop用PSD素材ファイル。

 

 

Blue Login Box

淡い青色グラデーションでデザインされたシンプルなログイン用パネルをデザインしたPSDファイル。

テキストファイルを編集するだけで、オリジナルデザインにも応用することができそうです。

 

 

Mail Feedback Form

ホームページやブログのお問い合わせフォームをかわいらしいレターセット風にでざいんした素材ファイル。

 

 

Wraps and Ribbons Pack

立体的にデザインされたリボンデザインをまとめたデザインパーツ素材で、ブログの日付などを表示するときにいかがでしょう。

 

 

14 Free Custom Web Navigation Menu PSD Template

ナビゲーションメニューバーのデザインパーツを14種類まとめたお得な素材セットのひとつ。

それぞれドロップダウンメニュー用のレイアウトデザインもされており、個人的にメモとして。

 

 

Colorful Free Coming Soon Page

利用機会は限られますが、ウェブサイト公開前に表示するためにデザインされたテンプレート素材。

各種ソーシャルメディアにも対応したアイコンデザインも使い勝手がよさそうです。

 

 

Free PSD Share Button Kit

twitterやfacebookなどのソーシャルメディアを丸みのあるボックス枠にレイアウト、デザインした素材ファイル。

 

 

BluePrint 20 Social Icon

ブループリントにデザインされたソーシャルメディアアイコンを20種類揃えた素材セットで、お好みのロゴをデザインすることも可能となっています。

 

 

Button Template

さまざまなボタンにまつわるデザインがまとめられたデザインパーツセットで、アイデア次第に色々な利用方法がありそうです。

 

 

Shiny Price Badges

高級感のあるプライスタグを各5色でデザインしており、ショッピングサイトなどで利用してみてはいかがでしょう。

 

 

Gold and Black Shopping Card Template

黄金のリボンをデザインしたショッピングサイトなどで使えるセール用テンプレート素材のひとつ。

 

 

Fully Layered Calculator

淡いグラデーションがエレガントな印象のデジタル計算機をデザインした素材ファイル。

 

 

ウェブデザイン用無料テンプレート素材まとめ

 

デザインパーツだけでなく、ウェブデザインを丸ごとダウンロード可能なテンプレートもたくさんまとめられていました。

そのまま利用してもいいですし、お好みのパーツだけをPSDファイルで利用することもできそうですね。

 

Midnight Sun Template

 

 

GigaSpace Free PSD Webshop

オンラインショップをデザインするときに便利なシンプルなPSDテンプレート素材。

 

 

Environmental Template

 

 

DeliStore: Professional PSD Template

 

[参照元 : 50 Free High Quality and Inspirational PSD Files for Downlaod – 1st WebDesigner]