LINEで送る
Pocket

ボタンのデザインを変えるだけでもサイトの印象は大きく変わるのではないでしょうか。

本日は、ボタンやバッジのデザインに関するサイトをいろいろとまとめてみました。

ButtonBuilder – Web Button creation for Mac OS X

ボタンを作成するソフトです。あらかじめ用意されている50種類のボタンのスタイルから選んで、文字をのせるだけ。PNG、JPGで保存できます。とってもシンプルなんですが、結構使えるMac用のフリーソフト。


ButtonBuilder - Web Button creation for Mac OS X

ジェネレータ

ButtonBoost – The Button Generator

現在150種類ほど、かなり豊富なスタイルが用意されているボタンジェネレータです。


ButtonBoost - The Button Generator

Buttonator

きれいなボタンがいろいろなジェネレータ。


Buttonator

My cool button

とってもシンプルなボタンジェネレータです。


My cool button

Free Web Button Maker – ButtonGenerator.com

中には、有料のメンバーのみのボタンもありますが、無料でコーディングされたファイルをダウンロードできます。


Free Web Button Maker - ButtonGenerator.com

Web 2.0 Badges

とってもきれいなバッジジェネレータ


Web 2.0 Badges

Fresh Badge Generator

こちらもバッジのジェネレータです。


Fresh Badge Generator

ベクターダウンロード

77 Vector Buttons hot off the press.

とってもきれいな77種類のベクターボタンがダウンロードできます。


77 Vector Buttons hot off the press.

165 Vector Icons, Now in 5 Colours

こちらは、アイコンも含まれていますがボタンもいろいろあります。


165 Vector Icons, Now in 5 Colours

Free Vector Buttons and Icons – Metal and Glass

グラスの感じがきれいなボタン素材です。


Free Vector Buttons and Icons - Metal and Glass

72 Free Vector Glass Buttons and Bars

シンプルなボタン素材。


72 Free Vector Glass Buttons and Bars

Free Vector Badges – Glass

きれいなバッジもベクターでどうぞ。


Free Vector Badges - Glass

チュートリアル

39 Photoshop Button Tutorials You Should Have in Your Arsenal

39種類のきれいなボタンを作るPhotoshopのチュートリアルがまとめられています。


39 Photoshop Button Tutorials You Should Have in Your Arsenal

45 Photoshop Tutorials for Better Navigation

こちらは、ナビゲーションのチュートリアルですが、ボタンっぽいものも多かったので、ご紹介。


45 Photoshop Tutorials for Better Navigation

Photoshop Button Maker

とってもリアルなバッジを作るチュートリアルです。


Photoshop Button Maker

Flag Button Devkit

国旗のバッジを作るチュートリアル。


Flag Button Devkit

Handy Web 2.0 Icons In Photoshop

かわいいバッジを作るPhotoshopのチュートリアル。


Handy Web 2.0 Icons In Photoshop

How to design a cool web 2.0 button in Illustrator and Photoshop

質感のあるボタンをIllustratorで作るチュートリアル。


How to design a cool web 2.0 button in Illustrator and Photoshop

Toxiclab.org – Web buttons tutorial

シンプルなボタンを作るPhotoshopのチュートリアルです。


Toxiclab.org - Web buttons tutorial

インスピレーション

107 Add to Cart Buttons of the Top Online Retailers

いろいろなサイトの「カートに入れる」ボタンが集められています。ご参考に。


107 Add to Cart Buttons of the Top Online Retailers

Similar Posts:

LINEで送る
Pocket


4 Thoughts on “ボタン・バッジいろいろ”

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です