Advertisement

 

Twitterやfacebookなどソーシャルメディアのユーザー数が増えたことで、多くのサイトやブログにボタンが取り付けられるようになっています。

それだけ利用者のニーズが高まっているのかもしれません。ちょっとしたデザインの違いだけで大きな印象の違いを与えてみませんか。

 

海外デザインブログSpeckyboy Design Magazineで、Twitterやfacebookなど人気ソーシャルメディア用にデザインされた無料ボタン素材を20個まとめたエントリー「20 Free Social Login and Bookmark Buttons Source Files」が公開されていたので、今回はご紹介します。

 

シンプルで合わせやすいデザインが中心となっており、どれも1px単位で作成された高品質なボタン素材となっています。

 

 

詳細は以下から。

 

 

Twitterやfacebook用の高品質ボタン素材まとめ

 

Glossy Social Buttons

ツルツルとしたグロス感をデザインしたボタン素材6個セット、PNGファイルで収録。

 

 

Stylized Like Buttons

いいね!ボタンをスタイリッシュでデザインしたユニークなボタンデザイン素材。


 

Social Buttons v 1.0

Apple風ボタンデザインを再現した質感の高い素材3個セット、PNGファイル。

 

 

Twitter & Facebook Connect Buttons (PSD)

ログインやアプリの認証ページへ移動するときなどに利用したいボタン素材。

 

 

Red Pattern & Button

ファブリックテクスチャを利用してデザインされた立体的なボタン素材のひとつ。

 

 

Instagram Sign-in Buttons

こちらはInstagramのログイン用ボタンをデザインしたPSD素材。

 

 

 Social Media Bookmark Icon

さまざまなソーシャルメディア関連のロゴを利用したアイコン素材セット、16×16~48x48pxの3サイズから選択可能、PNGファイル。

 

 

Vibrant Twitter Follow Buttons

テキストやアイコンにレタープレス風の質感を加えたボタン4色セット、個人的にお気に入りとしてエントリー。

 

 

Simple Social Buttons

細かいシャドウやハイライトなど立体感にこだわったソーシャルメディア用ボタン素材セット。

 

 

 Social Media Buttons #1

ブラックを基調としたダーク系ウェブサイトデザインに活用したいボタン素材。

 

 

 Social Sign in Buttons

Twitterなど以外にもYahooやGoogleなどのロゴデザインにも対応したボタン素材セット。

 

 

Sign in Buttons

デフォルトのボタンイメージのそのまま再現したデザインとなっており、PNGファイルで収録されています。

 

 

Sign in Buttons PSD

ボタンにカーソルをあわせるとぼんやりネオンの様に光り輝くデザインPSD素材。

 

 

 28 Social Media Buttons PSD

立体感たっぷりにデザインされた28種類のソーシャルメディア用ボタン素材、PNG、PSDファイルで収録。

 

 

 Social Icons V1.0

ロゴとテキストのみのシンプルなボタン素材セット、それぞれレイヤースタイルのみで作成されているので編集も簡単。

 

 

10 Simple Web Buttons

色使いがとてもきれいで、レイヤースタイルのみでデザインされたボタンPSD素材、色使いの参考として。

 

 

Notification Bar – 4 Colours

4色のレトロな色使いでデザインされたボタン素材、こちらもレイヤースタイルを適用するだけで作成可能なPSD素材。

 

 

CSS Social Sign-in Buttons

画像を使わずにCSSのみでスタイリングしたボタンデザイン素材。

 

 

ついついクリックしたくなる無料ボタン素材デザイン38個まとめ

その他のボタン素材もデザイン制作の参考になるかもしれません。

 

[参照元 : 20 Free Social Login and Bookmark Buttons Source – Speckyboy.com]