SEO ブログ マネタイズ

「ウェブ配色ツール」で統一感を!あなたのブログカラーは何色ですか?

投稿日:




大分前から気付いてたんですけど…。記事書いても書かなくてもアクセス数ってあんまり変わらないんですよね。

当初、スタートの頃は「一日三記事」という謎の使命感と情弱丸出しの、「とりあえずやってみたらいいんじゃん?」でブログ続けてきたんですけど、良くも悪くもブログにどっぷりつかってきたことにより、これまでほとんど触ることのなかったインターネッツの世界に入っていきました。

そんなこんなで否応なくインプットも増えていき、諸先輩方の記事をみたり、自分で色々やってみた結果、「多更新無意味じゃね?」という結論に行きつきました。厳密にいうと多更新も決して無意味ではないと思います。ただそこには内容が必要で、コンテンツが重視されるわけです。これに関しては今更なので、ご自身で検索するなりしてもらえばいいと思いますggrks

それはそうと、かつてのスタンスの通り、「とりあえずやってみたらいいんじゃん?」という姿勢は相変わらずなので、お気づきの方もいるかもしれませんが少しデザインやらカラーをいじりました。本日はブログの色の話。

 

ブログの色とクリック率の関係

以前より言われていることですが、テーマカラーを決めるのはブログやサイト運営する上でコンテンツとの整合性を取る上で大切なことです。

また、ブログの色とクリック率との因果関係についても検証されている方が多々いらっしゃいます。

特にアフィリエイトサイトでは、バナーの色を○○色にするとCVが上がるとも言われています。

読者層にももちろんよりますし、ペルソナに応じてテーマカラーは洗濯する必要がありますが、

色の影響力が大きいのは明白

ぺんてる クレヨン  PTCR-16  16色

実際色ってすごく大事ですよね。

ファッション業界はじめ、広告、空間デザイン、ウェブデザイン、その他諸々、色を生業とする業種も多岐にわたります。

とりわけウェブの世界では、「クリック率の高い広告の配色」とかの話題を扱ってるサイトは多々あります。

ですが、「クリック率の高いサイトデザイン」となると、そこまで見当たらないような気がします。

というより、「クリック率の高いサイトデザイン」がわかればこぞってみんなが使い出すはず。

たとえノウハウを持っていたとしても、公開したがらないんでしょうね。

逆に包み隠さずオープンに公開している方がいたら、それはそれでヤバイですけどw

もちろん最重要すべきはコンテンツなので、デザインやカラーに時間を費やすぐらいなら記事を書いていきましょう!

 

 

広告

イメージカラーを少し学ぶ

あなたのブログは何色?

ここからは自身がやったことも含めて記述していきます。下記サイトを参考にしてみました。

Webデザイン 配色をイメージで学ぶ【基本11色】 : アシアルブログ Webデザイン 配色をイメージで学ぶ【基本11色】 : アシアルブログ

あまり新しい内容ではないですし、どこかで見たことがある内容といえばそれまでですが、カラーによって与えるイメージをまとめています。記事内の内容を大きく分けると下記の通り。

  • 赤(Red)情熱的な色
  • 緑(Green)エコな色
  • 青(Blue)知的、クールな色
  • 黃(Yellow)元気で活発な色
  • 橙(Orange)陽気な色
  • ピンク(Pink)可愛い色
  • 茶(Brown)うんこぬくもりの色
  • 紫(Purple)魅惑の色
  • 白(White)平和の色←反転すると白
  • 黒(Black)恐怖、不安の色
  • 灰(Gray)無機質な色

それぞれの色について与える印象やチョットした考察をまとめています。僕は素人なのであまり詳しいことは言えませんが、色彩心理学を少しかじったことがあり、何となくですが、比較的同じような内容だったのを覚えています。

 

便利なジェネレーター

幸い、オシャレなテーマを惜しげもなく公開してくださる人がたくさんいるので、素人でも見栄えのいいデザインにすることができます。

広告に対してのクリック率は計ることが出来るかもしれませんが、とかくサイトデザインやカラーに関しては、実際どの程度クリック率が増減するのかわかりません。もっと言えば、自己満でしかないかもしれません。ですが僕は「人と同じがイヤ!」な性分なので素人ながらいじることにしました(前からちょこちょこいじってましたが)。

上記記事内でも紹介されてますしウェブ制作では周知かもしれませんが、何これ、めちゃくちゃ便利ということで紹介しておきます。

ウェブ配色ツール Ver2.0 ウェブ配色ツール Ver2.0

ホームページ制作会社のフォルトゥナ製作の便利ツールです。

f:id:Daisuke-Tsuchiya:20160419152458p:plain
photo by http://www.color-fortuna.com/color_scheme_genelator2/

一色テーマカラーを決めれば、メニュー、見出しなど他のところまで全て決めてくれます。使い方から説明まで細かく書いてくれているので、触ってみれば一瞬でわかると思います。

www.color-fortuna.com

 

やったこと

見ればわかるんですが、カラーを変えたところを備忘録も兼ねて説明していきます。※ビフォアのスクショ撮り忘れました。もう少し淡い色で全て同色にしてました。 

f:id:Daisuke-Tsuchiya:20160419154639p:plain

①ヘッダー&フッター
②グローバルメニュー
③ドロップダウンメニュー
④サイドバーモジュール※サイドバーモジュールは気に入らなかったので既に変えてます。

上記箇所の色を変えてみました。因みにスマホ版だとこんな感じです。

f:id:Daisuke-Tsuchiya:20160419155147j:plain

統一感出たと個人的には思うんですけどどうでしょう。さらに迷走してしまった感が否めないのは内緒の話。

 

 

まとめ

というわけで当ブログのイメージカラーはの中間色です。つまり知性のある誠実さとエコなどの自然を配慮した色使いになっています。ピンクはまぁアレがアレです。そんなこと一切考えずに思い付きで決めましたが、当ブログのコンテンツにぴったりな色になった思います。

どちらにしても凄く便利なジェネレーターだったので、今後も飽きたらバンバン変えていきます。統一感出したいならお勧めですよ。

以上。

ウェブ配色ツール使ってみたけどなにか?

-SEO, ブログ, マネタイズ

Copyright© 非アクティビズム。 , 2017 All Rights Reserved.