ボタン・バッジいろいろ

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

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

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

デザインblogランキング

コメント 4 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



4 Responses to “ボタン・バッジいろいろ”

  1. 日々、ウェブデザインとネットニュースとゲームとか。 Says:

    ウェブデザインにも、「黄金比」「白銀比」…

  2. Web2.0Badges - バッジジェネレータを試してみた | ホームページリニューアルブログ Says:

    […] 参考にさせていただいたのはよく拝見させていただいてるDesignWalkerさんの投稿より。 http://www.designwalker.com/2008/04/button-badge.html […]

  3. Rob Cubbon - graphic designer London Says:

    Hi, Thanks for the link! Please feel free to look around my site for other similar tutorials. :)

  4. Traian Says:

    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

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ