ついついクリックしたくなるボタンデザインいろいろ

admin — Wed, 14 Apr 2010 06:39:51 +0000

長い間、このブログの更新が滞っており、沢山の皆様から激励のメールなどをいただきました。
いろいろとご心配をおかけいたしまして申し訳ございません。少しずつではありますが、更新を続けていきたいと思っております。

これからもデザインウォーカーをどうぞよろしくお願いいたします！

今回の、テーマはついついクリックしたくなるボタンのデザインをまとめてみました。

ボタンひとつでクリック率やコンバージョンが大きく変わってしまうので、ボタンのデザインや配置はとっても重要ですね。

ボタンのデザインを変えたら、とたんに問い合わせ、売り上げが伸びたりすれば、デザイナー冥利につきますね。

皆さんも、ついついクリックしたくなるボタンのデザインを沢山見て、参考にしてみてくださいね。

色やサイズ、テキストやアイコン等さまざまな工夫をこらしてデザインされたボタンが沢山紹介されています。特に英語のボタンばかりですが、英語がわからない方でもクリックしたくなってしまうボタンが、やっぱりデザインが優れいてると言う事なんでしょうね…。

ボタンデザインのショーケースです。とってもきれいなボタンが沢山集められていますよ。

配置や大きさなどにこだわったボタンデザインが開設されています。眺めているだけでもとっても参考になりますよ。

ついついクリックしたくなる登録ボタンが沢山集められています。ボタンのデザインひとつで登録数が大きく左右されるので、ボタンデザインはとても重要です。

色、配置、文言、サイズ、余白がとっても重要なボタンデザイン。こちらもきれいなボタンが沢山です。

ボタンの配置を変えるとサイト全体の印象も大きく変わります。

こちらも沢山の魅力的なボタンが集められています。とても参考になりますね。

ボタンのクリック率をアップさせる10のテクニックが紹介されています。

25種類のきれいなボタンが紹介されています。

こちらも沢山のボタンが集まってます。

40種類の効果的なボタンデザイン。

複数のボタンのデザインを同時に掲載してクリック率を集計して比べてみるのも面白いですよね。

Photoshopを使って効果的なボタンをデザインするチュートリアルです。

有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました

admin — Thu, 14 Jun 2007 19:58:23 +0000

Photoshopを使って、ボタンのデザインを作るときに、いろいろなサイトを参考にしているのですが・・・

こちらの”Button collection”
では、↓のように、ひたすら、いろんなサイトのボタンを130個！集めてくれていて、なかなか便利でございます。。

こちらの、”107 Add to Cart Buttons of the Top Online Retailers“では、107個の「カートに入れる」ボタンを集められています。。これまた、参考になりますね。。

っちゅうわけで、わたくしも集めようかと思ったのですが。。。せっかくなので、以前ご紹介した「Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた」みたいに、あとあと簡単にボタンが作れるように、Photoshopのレイヤースタイルファイルにしてみました。。

こんなん↓が簡単につくれますよん。

今回、作ったレイヤースタイルファイルは。。。左上から・・・

っと、われながら微妙な選択ですが・・・日米の有名どころのサイトからボタンデザインを参考にさせていただきました。

欲しい方はこちらからPhotoshopのstyleファイルをダウンロードして使ってくださいな。。。