東京都足立区のホームページ制作会社ならicreative（アイ・クリエイティブ）

さて、今回はブログボタンを作った時に考えたことをつらつらと書いていこうと思います。
ブログボタン？そうこのブログへリンクするボタンの事です！

まあ、外部のサイトに貼るようなバナーってものではないので、
いってみればナビゲーションボタンって感じでしょうか。

ナビゲーションボタンといえば、上部に黒のバーにある個所ですよね。
その個所に本来は追加するべきなのかな？
とも思いましたが、今回は右のサイドメニューに追加することにしました。
何故かというと、スペース的にちょっと厳しいかなという事、
サイドメニューの上部も目立つ箇所なので、
クリックしてもらうという目的をじゅうぶん達成できるかなと思ったからです。

さて、それでボタンのデザインについてですが、
サイトのデザイン的にもあまりごちゃごちゃしたデザインではなくシンプルに
つくりたいというのがありました。

バナーなんかでも、文字を詰め込みすぎて何を伝えたいのかが
わからなくなっているバナーをよく見かけます。
にぎやかな感じが出てそれはそれでいいという場合もあるのですが、
今回はシンプルで(^^

結局は「無料お見積もり」のボタンと同じデザインにしました。

ただ、色も同じだとどちらのバナーも逆に目立たなくなり、
サイト的にも単調になりすぎてしまいます。

そこでどうのような色にするかです！
実際に試してみました。

まずはサイトの基本的な色がなんだったのか？
このサイトは白のバックに緑と黒の３色で構成しています。
基本の色は緑で、黒でサイト全体のイメージを〆る感じです。

さて、そういった事を踏まえてバナーの色を考えます。
まず赤です、緑の補色系ということでとても目立ちますね。
只、ちょっと目立ちすぎます。
そこまでブログボタンに目立ってほしいと思っていません。
何故なら他のコンテンツが目立たなくなるからです。

目立たせるというのは、相対的に他のコンテンツが目立たなくなるという事です。
ついつい忘れてしまいがちですね(^^;

次に黒系です。
ナビという事で、黒もいいのかな？
と思って試してみましたが、んーー。
どうしても唐突感が否めません。

ということで、「無料お見積もり」ボタンの色相を
少し変えてボタンを作りました。

少しだけ変えるというところがポイントです。
えっ本当か？ｗ

サイト全体として、使っている色数が多くなると
どうしてもまとまりに欠けるサイトになってしまいます。
極力色数は同系色でまとめるという事が大切になります。

今回はバナーを作るという事を分解して解説してみました。
デザインをする時、瞬間的にこういった事を考えながらデザインをしています。

感覚的にこの色が良いかな？っていうあいまいなデザインはおこなっていません。
デザインにはひとつひとつ意味があります。
もちろんその考え方が正しいのかどうかは、目的によって変わります。
そのような目的を常に意識することが重要と考えています。

おっと、話がそれてしまったかもしれませんねｗ
今回はブログボタンを作った過程をご紹介しました。

だからなに？
という突っ込みはご勘弁ください(^^;

2011年8月5日 02:10 | カテゴリー：WordPress | コメント（2）