ウェブデザインでよく利用されるデザインパーツのひとつでもある、「ボタン」デザイン。
海外デザインブログdjavupixelで、思わずクリックしたくなるようなボタンデザインのPhotoshop用PSD素材を35個まとめたエントリー「Best of Free Clean PSD Buttons Ready for web2.0」が公開されていたので、今回はご紹介します。
制作するとなると時間のかかりそうな高品質なボタンデザインが多く揃っており、どの素材もレイヤーごとに細かく分けられれているので、文字テキストや色の変更、編集なども簡単に行うことができます。
デザインに応じてお好みのボタン用無料PSDファイルをダウンロードしてみてはいかがでしょう。
詳細は以下から。
思わずクリックしたくなる「ボタン」用Photoshop無料PSD素材まとめ
36 Free High Quality Web Buttons
6色のカラーリングでデザインされた高品質ボタンデザインのPhotoshop用PSD素材ファイル。
それぞれ6種類のボタンデザインが揃っており、ドロップダウンメニューなどにも利用することができそうです。
Dark Web Buttons with a highlight line/border
ボタン下部がハイライトで色づけされたボタンデザインのひとつで、フーバー、クリック時に変化を持たせたいナビゲーションメニューなどに利用することができそうです。
appleなどで利用されていそうなクリーンでミニマルな印象が魅力的なボタン用素材ファイル。
ウェブサイトで利用される各種サービスをアイコンで表示したボタンデザイン素材60個セット。
PSD素材ファイルとPNGファイルをまとめて収録しています。
通常時に加え、フーバー時に実際クリックしたような質感をデザインしたボタン素材2個セット。
シンプルなボタンとなっているので、どんなデザインにも対応することができそうです。
Different Buttons and States with Sliders and Drop Down
用途に応じてデザインされた3種類のボタン素材と一緒に、スライダーやドロップダウンメニュー用デザインを収録したお得な素材ファイル。
Purple, Orange and Blue Glossy Buttons
ツルツルとした光沢感が表現されたボタンデザインが、紫、オレンジ、青の3色で展開されています。
通常時、フーバー時、クリック時の3パターンに分けてデザインされています。
Grey Navigation, Twitter and Facebook Buttons
シンプルなボタンデザインですが、よく見ると影なども細かくデザインされています。
twitterやfacebookロゴをモチーフにしたボタン素材もまとめられています。
Blue and Dark Blue Button with different States
こちらも通常、フーバー、クリック時と用途に応じて使い分けることができるボタン素材セット。
クリック時にボタンの周りがネオンライトの様に光るデザインが個人的にお気に入り。
淡いグラデーションを使ってデザインされたシンプルな再生ボタン素材のひとつ。
もちろんアイコン、テキストの変更、編集も可能となっています。
記事、エントリーなどを並び替えるときに使える型押しデザインを利用したボタン素材で、やさしい色使いも魅力的。
思わずクリックしたくなる紫色でデザインされたボタン素材のひとつ。
ショッピングサイトや商品紹介ページなど多くの利用機会があるのではないでしょうか。
Refresh, Close and Search Buttons
レタープレス風にデザインされたアイコン付のボタンデザインで、こちらも通常、フーバー、クリック時の3種類ずつ用意されています。
オンラインサービスなどのダウンロード用ボタンをモチーフにデザインされた高品質PSD素材ファイル。
24種類のデザインの異なるボタンデザインをPSD, PNGファイルで無料ダウンロード可能な優良サイトのひとつ。
立体感のある質感の高いボタンデザイン作成するPhotoshopチュートリアルで、サンプル用PSDファイルもこちらよりダウンロード可能。
実際ウェブサイトにボタンをレイアウトする方法も一緒にまとめられています。
Respond, Delete and Cancel Button
色使いがきれいな角丸ボタンデザインのひとつで、緑、赤、青の3色展開となっています。
メタリック感のあるボタンや透明ボタンなど合計4種類の異なるデザインをまとめた素材ファイル。
カラフルでポップな印象の星型デザインをモチーフに作成されたボタン3種類セット。
こちらはハート柄をモチーフにデザインされたボタン素材ファイルのひとつ。
スマートフォンなどのモバイル端末で利用されているボタンデザインをモチーフにした素材ファイル。
半透明で背景が透けて見えるガラス風ボタンデザイン用素材ファイルのひとつ。
各3色揃っており、色、テキストの変更も簡単に行うことができます。
緑色に輝くライティングエフェクトが施されたダーク系ボタンデザイン素材。
レイヤースタイルを適用するだけでデザインされたお手軽ボタンデザインのひとつで、お好みのパターン素材を利用することでどのようなデザインにも対応することが可能。
輝くアイコンがデザインされたユニークで高品質なボタンデザイン7個セット。
iPhoneで利用されているアイコン、ボタンデザインを忠実に再現した素材ファイルのひとつ。
PSDファイルのほかに128x128pxのPNGファイルもまとめてダウンロードすることが可能。
こちらもiPhone用ボタンスタイルを5色展開でまとめた素材ファイルのひとつで、上記のボタンデザインによりツルツル感が増しています。
お探しのボタンデザインが見つからないという方へ
毎日ボタンデザインを含む高品質なUIデザインパーツを公開している365psdをご存知ですか。
それぞれのファイルはタグ分けされており、探しているデザインパーツを比較的見つけやすい様に工夫されています。
以下のようなボタン素材ファイルもすべて無料で公開されていますので、ぜひ一度覗いてみてはいかがでしょう。
また以前ご紹介した以下のエントリーにも多くのボタンデザイン素材がまとめられていますので、よろしかったらこちらも一緒にどうぞ。
保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
[参照元 : Best of Free Clean PSD Buttons ready for web2.0 – Djavupixel]
