「Coolors」を使って自分の色を決めたらブログのカスタマイズの方向性が見えてきた

おはようございます。理系東大生ブロガーのサトゥーです。

実はこのブログ、色を大きく変えていることにお気づきでしょうか?(PC版の話)

最近、ブログのデザインを良くしようと日々模索しております。

そんな中で、こういう疑問がもやもやとなっていました。

色ってどうやったらいい感じになるんだ…??

デザインについて習ったことのない、
美術の成績だけは悪かったこの僕が、

自分の力だけでオシャレな色を使いこなせるわけが無かったのです。

そのことに気づいて絶望していたある日のこと。

こんな記事を見つけます。

gigazine.net

unitopi.com

配色パターンをどんどん提案してくれるツールがあるらしいのだ。

はじめこの記事を読んだときは、

へぇー、僕もいつか使う時が来るのかねぇ

といった感じで、完全に他人事として捉えていたのですが、

さっき突然、

ん、待てよ?
ブログのデザインにこれって応用できるじゃん?
今まで気づかなかった僕バカなの?

と悟りを開いてしまったんですね。

つまり、

基本的に使う色を、「自分がオシャレと感じたカラーパレットの色の組み合わせ」
に限定すれば、デザインも必然的にカッコよく見えて来るのでは?

という仮説です。

カラーパレットを「Coolors」で生成してみる

実際にやってみました。

Coolorsにアクセス

まずは

Coolors.co – The super fast color schemes generator

にアクセスします。

f:id:bighope-lumiere0916:20180312044737p:plain

ボタンをクリック

次に、「Start the Generator, it’s free!」をクリックします。

f:id:bighope-lumiere0916:20180312044943p:plain

カラーパレットが生成される

すると、早速カラーパレットが生成されます。

f:id:bighope-lumiere0916:20180312045008p:plain

スペースキーでお気に入りを引くまで生成

生成されたカラーパレットが微妙なときは、

「スペースキー」を押すだけで簡単に次のカラーパレットを生成できます。

これで、自分がビビッと来るカラーパレットを引くまで生成してみましょう。

 +Neta.の場合

例えば僕の場合こんな感じでした。

f:id:bighope-lumiere0916:20180312045251p:plain

僕のブログの場合、元のデザインが白黒をメインとしたデザインなので、

「白」と「黒」と好きな色が入ったカラーパレットにしてみました。

カラーパレットを保存する

気に入ったカラーパレットはメモするか、会員登録してSaveしておきましょう。

これでカラーパレットの生成が終了です。

自分のブログの色として適用してみる

これで得られたカラーパレットを、
自分のブログの色々なパーツに適用してみましょう。

例えば僕は、見出しをこんな感じにしてみました。

f:id:bighope-lumiere0916:20180312045955p:plain

見出しのデザインについてはこちらの記事を参考にさせていただきました。

www.okuni.me

いかがでしょうか?

いい感じのデザインになりましたか?

カラーパレットを決めることで得られるメリット

さて、カラーパレットで色を絞ったわけですが、
こうすることでどんなメリットが生まれるのか、自分なりに考えてみました。

大きく2つの理由が挙げられると考えます。

1.統一感が出る

使う色を5色に絞るわけですから、もちろんブログ全体に統一感が生まれ、自然と読みやすいブログになるのではないかと考えられます。

2.悩まなくて済む

このデザインに何色を使おうか…

という悩みから完全に解放されます。

だって選択肢5個しかないんですもん。

決められないなら全部試してみればいい。

3.自分のブログにアイデンティティが生まれる

カラーパレットで「自分の色」を決めることで、

それが自然と、

自分のブログの色=ブログの個性・イメージ

につながって来ると思います。

というわけで、カラーパレットを一つ持つことが、
自分のブログのアイデンティティを持つことに繋がるわけです。

まとめ

「Coolors」を使って、自分のブログに使用する色をしっかり決めておくと、カスタマイズだけでなくブログ運用全体の方針もはっきりと見えてきます。

つまり、メリットだらけなのではないかと言えるのですね。

皆さんも是非、
オシャレな色使いになりたいなら、
「Coolors」で自分のブログの色を決めてみてはいかがでしょうか?

最後まで読んでいただきありがとうございます。

今日もポチッとよろしくね


東大生ブログランキング

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)