ブログ

ブログのデザインを決めるのに使えるおすすめツールまとめ

ブログ 色 デザイン

こんにちは、りゅうのすけ(@k_r001)です。

 

  • ブログのデザインとか決めるの難しいなぁ
  • ブログの色合いとかみんなどうやって決めてるんだろう?
  • もっとキレイなデザインにしてみたいなぁ

 

こういった方に向けて、デザインの決め方や配色パターンについてまとめたサイトを紹介しています。

イメージカラーの重要性

ブログ 色 デザイン

Twitterなどを利用して情報発信をしているんだけど、この人ってどんな人なんだろう?

という人を見たことが多いのではないのでしょうか?

それは、イメージカラーが定まっていないからです。

 

初心者ブロガー
初心者ブロガー
色ってそんなに重要なものなんですか!?

 

発信内容をちゃんと読んでくれる人なんて実は少ないです。

みんななんとなく判断するんです。

 

りゅうのすけ
りゅうのすけ
だからこそコンセプトに沿って色を決めましょう。

 

企業のロゴなどでも、イメージカラーを考えて取り入れられています。

色が与える印象はそれだけ強いということです!

意識するべきはイメージカラー

ブログ 色 デザイン

イメージカラーを意識することで、自分が発信した情報を本当に届けたい人に届けることができます。

 

  • どんな活動をしている人なのか?
  • どういった人柄なのか?

 

ちゃんと伝えられることができるようになります。

しっかり、色ごとに与える印象を意識して、自分がどうみられたいのか?

しっかり把握しましょう!

イメージカラーを決める

ブログ 色 デザイン

イメージカラーは身に着ける本人だけでなく、周りの人にも心理的効果を与えます。

色ごとに与える印象の違いについて比較してみて判断しましょう。

 

\色別印象の違い/

 

この色カラーというサイトでカラーごとのイメージについてまとめてくれています。

ブログ 色 デザイン

トップページの各色を選択することで、それぞれの色について「カラーコード」や「イメージ」についてまとめてくれています。

自分の運用にあった色を選択しましょう。

 

カラーコードとは?
色を表現するために用いられる、文字の羅列からなる符号。
HTMLなどのコンピュータ言語において、色を表示するためにそのRGB値を十六進法で表記した文字列。

詳細:カラーコード

 

配色パターン

配色パターンを見ることで、デザインセンスがなくてもきれいな配色のブログを作成することができます。

 

\配色パターン40種/

 

配色パターンの使い方
  1. 実際に用意してくれている配色パターンを選択
  2. 右上にある配色プレビューでイメージを確認
  3. 気に入ったら自分のブログに取り入れる

これだけです。

 

\プレビュー中となっているものが、配色プレビューに表示されています。/
ブログ 色 デザイン

 
実際のイメージを確認した上で自分なりにアレンジできるので、かなり使いやすいです。

また、デザインの組み合わせの勉強にもなるので、オリジナル画像を作るときにも使えます。

原色大辞典

ブログ 色 デザイン

原色大辞典は、カラーコードと実際の色を確認することができます。

各色ごとに細かく分類されているので、自分のイメージにあった色を見つけることができるかと思います。

カラーコードもコピー&ペーストで使えるので使いやすいです。

 

\カラーコード検索/

 

コードだけじゃよくわからないといった方におすすめです。

画像からカラーコードを取得

ブログ 色 デザイン

イメージカラーピッカーというツールを使えば、画像をアップロードして使いたい場所のカラーコードを確認することができます。

 

\画像のカラーコードを調べる/

 

画像から色のコードを調べたいという方は、上記サイトの「イメージカラーピッカー」という記事を選択しましょう。

ブログ 色 デザイン

気に入った画像をアップロードすることで、好きな画像の色のコードが検索できます。

ブラウザからカラーコードを取得

ブログ 色 デザイン

ブラウザからカラーコードを取得するには、Chromeの拡張機能を使うことで調べることができます。

「ColorPick Eyedropper」他の人のブログで気に入った色合いなどがあれば調べることができます。

 

\人のサイトからカラーコードを取得する/

 

全てマネするのはよくないですが、参考にするぐらいはいいと思います。

まとめ

色ごとに人に与える印象は全然違います。

 

  • 自分が好きな色よりもどう見せたいか?
  • どういうブランディングがしたいか?

 

自分がどう見られたいかで意識的にイメージカラーを取り入れましょう。

 

便利なツールはたくさんあるので、うまく活用してセンスの良いサイトを作りましょう。

 

最後まで見ていただき、ありがとうございました。
 

ABOUT ME
りゅうのすけ
高校卒業後、地元香川で就職、一度転職を経て現在はブロガーとして活動してます。 投資をしたり、MLMに騙されそうになった経験をもとに、ブログを書いています。
PS.

記事が有益だなと思った方は、サポートしていただけるとやる気出ます。
 

\1円からのドネーション/

仕事依頼

 

\WordPress開設依頼/

公式LINE

 

\公式LINEもやってます/
公式LINE無料プレゼント

 

  • ワンクリックで登録可能
  • 個人情報はこちらからわからないようになっているのでご安心を

 

こんな人におすすめ
  • ブログを進めていく上でわからないことがある
  • 設定など誰か相談できる人が欲しい
  • 記事ネタに困った時に情報収集したい
  • ブロガー仲間が欲しい

 
困っていることなど直接相談できる場所になってますので、登録しておくといいですよ!
 

登録者特典

 

公式LINE@無料プレゼント
  1. 限定公開記事の共通パスワード配布
    • ブログ内の限定公開記事のパスワードを配布してます。
  2. サイト作成依頼クーポンコード
    • サイト作成依頼時に使えるクーポンコードを配布します。
  3. ブログスターターキット
    • ブログに必要な便利ツール、イラストなど随時更新
  4. 完全個別無料相談
    • ブログについて、1日1人限定で無料相談を受けてます。
      (営業を仕掛けるのはやめてください。)

 

\友達追加しますと、下記のメニューが表示されます。/
公式LINEリッチメニュー

 
各ボタンをポチポチ押すことで欲しい情報だけで情報を取得できるので便利ですよ!