Advertisement

35buttonpsd

 

ウェブデザインでよく利用されるデザインパーツのひとつでもある、「ボタン」デザイン。

 

海外デザインブログ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種類のボタンデザインが揃っており、ドロップダウンメニューなどにも利用することができそうです。

36-free-web-buttons-collection_2

 

 

Dark Web Buttons with a highlight line/border

ボタン下部がハイライトで色づけされたボタンデザインのひとつで、フーバー、クリック時に変化を持たせたいナビゲーションメニューなどに利用することができそうです。

Web_buttons_psd_by_crisfx

 

 

Simple Web Button PSD

appleなどで利用されていそうなクリーンでミニマルな印象が魅力的なボタン用素材ファイル。

Simple_web_button_psd_by_crisfx

 

 

60 Editable Web Buttons

ウェブサイトで利用される各種サービスをアイコンで表示したボタンデザイン素材60個セット。

PSD素材ファイルとPNGファイルをまとめて収録しています。

web-buttons-home

 

 

Grey Button with Hover

通常時に加え、フーバー時に実際クリックしたような質感をデザインしたボタン素材2個セット。

シンプルなボタンとなっているので、どんなデザインにも対応することができそうです。

169-big

 

 

Different Buttons and States with Sliders and Drop Down

用途に応じてデザインされた3種類のボタン素材と一緒に、スライダーやドロップダウンメニュー用デザインを収録したお得な素材ファイル。

147-big

 

 

Purple, Orange and Blue Glossy Buttons

ツルツルとした光沢感が表現されたボタンデザインが、紫、オレンジ、青の3色で展開されています。

通常時、フーバー時、クリック時の3パターンに分けてデザインされています。

141-big

 

 

Grey Navigation, Twitter and Facebook Buttons

シンプルなボタンデザインですが、よく見ると影なども細かくデザインされています。

twitterやfacebookロゴをモチーフにしたボタン素材もまとめられています。

139-big

 

 

Blue and Dark Blue Button with different States

こちらも通常、フーバー、クリック時と用途に応じて使い分けることができるボタン素材セット。

クリック時にボタンの周りがネオンライトの様に光るデザインが個人的にお気に入り。

137-big

 

 

Play Button

淡いグラデーションを使ってデザインされたシンプルな再生ボタン素材のひとつ。

もちろんアイコン、テキストの変更、編集も可能となっています。

129-big

 

 

Blue Switch Button

記事、エントリーなどを並び替えるときに使える型押しデザインを利用したボタン素材で、やさしい色使いも魅力的。

130-big

 

 

Call to Action Button

思わずクリックしたくなる紫色でデザインされたボタン素材のひとつ。

ショッピングサイトや商品紹介ページなど多くの利用機会があるのではないでしょうか。

1-big

 

 

Refresh, Close and Search Buttons

レタープレス風にデザインされたアイコン付のボタンデザインで、こちらも通常、フーバー、クリック時の3種類ずつ用意されています。

58-big

 

 

Download Button

オンラインサービスなどのダウンロード用ボタンをモチーフにデザインされた高品質PSD素材ファイル。

96-big

 

 

24 PSD Buttons

24種類のデザインの異なるボタンデザインをPSD, PNGファイルで無料ダウンロード可能な優良サイトのひとつ。

24-buttons

 

 

Slick and Clean Button

立体感のある質感の高いボタンデザイン作成するPhotoshopチュートリアルで、サンプル用PSDファイルもこちらよりダウンロード可能。

実際ウェブサイトにボタンをレイアウトする方法も一緒にまとめられています。

slick_clean_button_lead

 

 

Respond, Delete and Cancel Button

色使いがきれいな角丸ボタンデザインのひとつで、緑、赤、青の3色展開となっています。

56-big

 

 

Metal and Gloss Button

メタリック感のあるボタンや透明ボタンなど合計4種類の異なるデザインをまとめた素材ファイル。

free_button_psd_2

 

 

Starlight Buttons

カラフルでポップな印象の星型デザインをモチーフに作成されたボタン3種類セット。

starlight_buttons_by_easydisplayname

 

 

Sitelove Buttons

こちらはハート柄をモチーフにデザインされたボタン素材ファイルのひとつ。

Sitelove_Buttons_by_easydisplayname

 

 

Mobile 7 Inspired

スマートフォンなどのモバイル端末で利用されているボタンデザインをモチーフにした素材ファイル。

Mobile_7_Inspired_by_easydisplayname

 

 

Sign Up Buttons

半透明で背景が透けて見えるガラス風ボタンデザイン用素材ファイルのひとつ。

各3色揃っており、色、テキストの変更も簡単に行うことができます。

Sign_Up_Buttons_by_easydisplayname

 

 

Green Plus

緑色に輝くライティングエフェクトが施されたダーク系ボタンデザイン素材。

Green_Plus_by_easydisplayname

 

 

Different Buttons Set

レイヤースタイルを適用するだけでデザインされたお手軽ボタンデザインのひとつで、お好みのパターン素材を利用することでどのようなデザインにも対応することが可能。

Different_Buttons_Set

 

 

Download Buttons

輝くアイコンがデザインされたユニークで高品質なボタンデザイン7個セット。

download-buttons

 

 

iPhone Style Buttons Modified

iPhoneで利用されているアイコン、ボタンデザインを忠実に再現した素材ファイルのひとつ。

PSDファイルのほかに128x128pxのPNGファイルもまとめてダウンロードすることが可能。

iPhone_Style_Buttons

 

 

Glossy Icon Template

こちらもiPhone用ボタンスタイルを5色展開でまとめた素材ファイルのひとつで、上記のボタンデザインによりツルツル感が増しています。

Glossy_Icon_template_part_I_by_niccey

 

 

お探しのボタンデザインが見つからないという方へ

365psd

http://365psd.com/

 

毎日ボタンデザインを含む高品質なUIデザインパーツを公開している365psdをご存知ですか。

それぞれのファイルはタグ分けされており、探しているデザインパーツを比較的見つけやすい様に工夫されています。

以下のようなボタン素材ファイルもすべて無料で公開されていますので、ぜひ一度覗いてみてはいかがでしょう。

 

Day 178

178-big

 

Day 176

176-big

 

Day 164

164-big

 

Day 118

118-big

 

Day 110

110-big

 

Day 41

41-big

 

Day 20

20-big

 

また以前ご紹介した以下のエントリーにも多くのボタンデザイン素材がまとめられていますので、よろしかったらこちらも一緒にどうぞ。

 

保存版!クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ 

ultimatebuttonpsd2

 

[参照元 : Best of Free Clean PSD Buttons ready for web2.0 – Djavupixel]