ボタン・バッジいろいろ
ボタンのデザインを変えるだけでもサイトの印象は大きく変わるのではないでしょうか。
本日は、ボタンやバッジのデザインに関するサイトをいろいろとまとめてみました。
ButtonBuilder – Web Button creation for Mac OS X
ボタンを作成するソフトです。あらかじめ用意されている50種類のボタンのスタイルから選んで、文字をのせるだけ。PNG、JPGで保存できます。とってもシンプルなんですが、結構使えるMac用のフリーソフト。
ジェネレータ
ButtonBoost – The Button Generator
現在150種類ほど、かなり豊富なスタイルが用意されているボタンジェネレータです。
Buttonator
きれいなボタンがいろいろなジェネレータ。
My cool button
とってもシンプルなボタンジェネレータです。
Free Web Button Maker – ButtonGenerator.com
中には、有料のメンバーのみのボタンもありますが、無料でコーディングされたファイルをダウンロードできます。
Web 2.0 Badges
とってもきれいなバッジジェネレータ
Fresh Badge Generator
こちらもバッジのジェネレータです。
ベクターダウンロード
77 Vector Buttons hot off the press.
とってもきれいな77種類のベクターボタンがダウンロードできます。
165 Vector Icons, Now in 5 Colours
こちらは、アイコンも含まれていますがボタンもいろいろあります。
Free Vector Buttons and Icons – Metal and Glass
グラスの感じがきれいなボタン素材です。
72 Free Vector Glass Buttons and Bars
シンプルなボタン素材。
Free Vector Badges – Glass
きれいなバッジもベクターでどうぞ。
チュートリアル
39 Photoshop Button Tutorials You Should Have in Your Arsenal
39種類のきれいなボタンを作るPhotoshopのチュートリアルがまとめられています。
45 Photoshop Tutorials for Better Navigation
こちらは、ナビゲーションのチュートリアルですが、ボタンっぽいものも多かったので、ご紹介。
Photoshop Button Maker
とってもリアルなバッジを作るチュートリアルです。
Flag Button Devkit
国旗のバッジを作るチュートリアル。
Handy Web 2.0 Icons In Photoshop
かわいいバッジを作るPhotoshopのチュートリアル。
How to design a cool web 2.0 button in Illustrator and Photoshop
質感のあるボタンをIllustratorで作るチュートリアル。
Toxiclab.org – Web buttons tutorial
シンプルなボタンを作るPhotoshopのチュートリアルです。
インスピレーション
107 Add to Cart Buttons of the Top Online Retailers
いろいろなサイトの｢カートに入れる｣ボタンが集められています。ご参考に。
|
|
|
4月 25th, 2008 at 5:55 AM
ウェブデザインにも、「黄金比」「白銀比」…
…
4月 25th, 2008 at 8:09 AM
[...] 参考にさせていただいたのはよく拝見させていただいてるDesignWalkerさんの投稿より。 http://www.designwalker.com/2008/04/button-badge.html [...]
4月 25th, 2008 at 8:28 AM
Hi, Thanks for the link! Please feel free to look around my site for other similar tutorials.
9月 24th, 2008 at 11:42 PM
Hi ,
We’ve just created a list of “Checkout Buttons”
I hope you’ll find it interesting.
You can see the list on the Checkout Buttons page, as long with some interesting statistics about them.
Cheers,
Traian