webデザインを制作するときにどのようなデザインパーツを作成していますか。
すべてのパーツをデザインするとなると、時間も労力もかかってしまいます。そんなときはあらかじめデザインされた無料素材を利用してみはいかがでしょう。
海外デザインブログTop Design Magで、Web制作に役立つ無料PSDデザインパーツを30個まとめたエントリー「30 Very Useful and Free Resources for Designers」が公開されていたので、今回はご紹介します。
どれも1px単位の細かいディテールにまでこだわった高品質デザインとなっており、「これが無料?」と思うほどのクオリティーで仕上げられています。
サクッとデザインパーツを作成したいときなどに便利かもしれません。
詳細は以下から。
ダウンロードしておきたいPhotoshop用デザインパーツまとめ
Webサイトでもたびたび利用される動画用プレイヤー、グラデーションやレタープレスデザインを利用した高品質プレイヤー。
写真などを多く利用するWebサイトなどのヘッダーデザインに利用できそうなイメージ画像スライダー用PSD素材。
立体的な矢印ボタンなどをデザインしたイメージ画像用スライダーデザインPSD素材。
ファイルアップロード機能を利用したWebサービスなどに便利なファイルアップロード用画面PSDデザイン。
１ｐｘ単位にこだわったデザインパーツが印象的。
ダーク系デザインで作成されたmp3プレイヤーデザイン、サムネイルやスライダーなども一緒にデザインされており利用したいパーツのみを組み合わせても良さそうです。
最近発売されたばかりのiPad2をデザインしたPhotoshop用PSD素材で、簡単に表示されている壁紙を変更することが可能。
デスクトップ型iMacをそのまま忠実にデザインしたPhotoshop用PSD素材、一緒にアイコン素材（.pngファイル)もダウンロード可能。
やっと発売されたiPhone4のホワイトモデルにも対応したPhotoshop用PSDデザインキット。
appleの公式サイトで利用されているようなアプリ用スライダーデザイン素材、レイヤースタイルを適用することで立体感を表現しています。
メタリック調のトグル、テクスチャデザインを利用したスライダー用素材。
家電製品の電源をモチーフにしたぼんやりと輝くネオンが魅力的なデザイン素材パーツ。
Minimalist Horizontal Navigation
レタープレス（型押しデザイン）を利用したナビゲーションメニューPSD素材で、通常、ホバー、アクティブの3タイプが用意されています。
ドロップダウンメニューをデザインするときに参考になりそうなデザインパーツで、通常、ホバー時の2タイプがあらかじめデザインされています。
カラフルなグラデーションが変化するプログレスバーデザイン素材。
ダーク系Webサイトデザインを作成するときに便利なボタンとプログレスバーをデザインしたUI素材キット。
ショッピングサイトで注文した商品数、合計金額をまとめて表示したデザインパーツ、色違いの2タイプでデザインされています。
ショッピングサイトなどの買い物カートをデザインしたシンプルなPhotoshop素材。
課金制のWebサービスなどの金額表示用テーブルをデザインした素材キット、ユーザーの興味を惹く高品質なデザインが特長。
GooleマップをWebサイトに利用しようとお考えの方にオススメしたいPSD素材で、ツールチップと目的地ピンがデザインされています。
うっすらとストライプ柄テクスチャ素材を利用したダーク系ナビゲーションメニューバーのPSD素材パーツ。
シンプルでどんなデザインにも合わせやすいモダンなＵＩデザインパーツをまとめたお得なセットで、ホワイト、ダーク系の2タイプが用意されています。
こちらもボタンやラジオボックス、スクロールバーなどのきれいめUIデザインパーツをまとめた素材セット。
各種ソーシャルメディアなどWebサイトで利用するであろうパーツをデザインした、清潔感のある無料アイコン素材。
お好みのイメージ画像をポラロイド写真に変換することができるPhotoshop用PSD素材。
名刺や封筒などのレターセットを統一感のあるデザインで作成したPhotoshop用PSDテンプレート素材。
立体的にデザインされたリボンデザインで、細かくレイヤー別に分かれているので色やテキストの変更なども簡単に行うことができます。
最後にもうひとつ、、
Azuka – HTML CV / Resume Template
こちらはPhotoshopファイルではありませんが、HTMLとCSSを使って作成されたレジュメ、履歴書用テンプレート。
Webサイトに経歴、実績などを表示したいときに利用できるシンプルなデザインが魅力的。
HTMLとCSSファイルをまとめてダウンロード可能となっています。
今回紹介したデザインパーツ素材はどれも無料ダウンロード可能となっており、デザイン制作の手助けとなってもらえれば幸いです。
[参照元 : 30 Very Useful And Free Resources for Designers – Top Design Mag]
[参照元 : Download a Free PSD Everyday – 365psd]
[参照元 : Free PSDs & Resources for Web Designers by Orman Clark – Premium Pixels]
