【デザイン初心者向け】おしゃれなブログの作り方 〜もう迷わない!色の決め方 3選〜

おしゃれなブログの作り方03
キップム
キップム

ブログのカラーってどうやって決めたらいいのかな?すごく悩むんだけど、、、

yoko
yoko

その気持ちよくわかるよ。私も悩んだから。色っていっぱいあるしね、、、

キップム
キップム

そうなの…

yoko
yoko

今回は、ブログの配色で悩んでいる人に向けて記事を書いたよ。色を決めるとき、使ってよかったツールや、やってよかった方法を厳選して3つ紹介するね。

キップム
キップム

わー、そんなにたくさん!嬉しいな♪ 読めばもう色で悩むことはなくなるね。

yoko
yoko

うん!

スポンサーリンク

この記事はこんな人にオススメ

  • ブログの色で悩んでいる人
  • おしゃれな配色にしたい人
  • デザイン初心者

この記事を読めば、できること

色選びが楽にそして楽しくなる!

色を選ぶときのポイント2つ

1. ベースカラーは白にする

余白や背景などに用いることが多いベースカラーは白がオススメ。文字が読みやすく、アイキャッチ画像や写真が映えるから。

2. 使う色は3色までにする

ベースカラー以外の色は3色まで。なぜなら、デザイン初心者にとっては、色の数が増えるほど難しくなるから。

色数は抑えたほうがおしゃれに見えやすい。

ちなみに、濃淡は変えることがあるけれど、当ブログは基本以下の3色。

色選びはAIに頼る

色の決め方1つ目は、何百万人ものデザイナーの配色知識を詰めこんだカラーパレットツール

PALETTABLE を使う

PALETTABLE_a
画像引用元:PALETTABLE より

「こんなに簡単におしゃれな配色を見つけることができるなんて!!」と感動したツール。使い方も簡単なので初心者にとってもオススメ。

PALETTABLE の使い方

ここからは PALETTABLE の使い方をご紹介。

PALETTABLE_使い方
画像引用元:PALETTABLE より
  1. 基本的には、提案された色が好きだったら「Like」ボタンを、嫌いだったら「Dislike」ボタンを押すだけ
  2. 使いたい色が決まっている場合は、カラーコード(#000000)を書き換えて「Like」ボタンを押す
  3. スライダーをクリックするとカラーピッカーが出てくるので自分で色を選ぶことも可能
  4. 選んだけれど、なんか違うなと思ったらゴミ箱マークをクリックすれば削除することができる
  5. 「Export」ボタンを押せば、できた配色を保存(URLかPNGファイル)できるので便利

選んだ色に合う配色を最大5色まで提案してくれる。

PALETTABLE_c
画像引用元:PALETTABLE より

ブログではないけれど、イラストの配色で悩んだ時にポチッとすると、「あ。なんか素敵だな、いいな」と感じる色の組み合わせを提案してくれるのでよく使っている。想像以上におしゃれな仕上がりになるので本当にありがたい。

さすがAI!と拍手したくなる優秀さ。 

ブログの配色もきっとお気に入りが見つかるはず。

ギャラリーサイトの配色を参考にする

2つ目は、ハイクオリティなWebデザインが集まっているサイト

MUUUUU.ORG」から好きな色の組み合わせを真似する

MUUUUU.ORG
画像引用元:MUUUUU.ORG より

カテゴリーが充実していて検索しやすい仕様になっている。オートスクロールが実装されているので、ページ送りのストレスが無くコンテンツに集中できるところが魅力。

使いたい色が決まっている場合は、色からサイトを絞り込むと、好みの配色を見つけやすそう

ギャラリーサイトの使い方

ここからは MUUUUU.ORG の使い方をご紹介。私流で、色の選び方というより使い方になってしまったけれど、好みの配色を見つける方法としても有効だと思うので参考にしてもらえたらと思う。

画像引用元:MUUUUU.ORG より

黄色をメインカラーにすると決めていたので、左上の「CATEGORY」から「COLOR」の「イエロー系」をクリック。

すると、イエローが使われているサイト一覧が出てくる。さーっと見て、気になったサイトはブックマークに保存。私が心惹かれたのは以下の2つ。

画像引用元:MUUUUU.ORG より

観察すると、どちらもイエローをポイントとして使っていることに気がついたので当ブログもポイント使いに。

自分が「気になる」サイトには共通点があることが多いので、それを発見しブログに反映するのも面白いと思う。

配色のヒントはあなたの周りに溢れている

ラストは、

身の回りの「好き」から決める

この方法を提案しているサイトにはまだ出会ったことがないのだけれど、私はこの方法でブログカラーを決めた。

ブログの配色どうしよう?と考えていたとき、思い出したのは、

何年も愛用しているロルバーンのノートの上に何気なくペンケースをのせた瞬間

「わぁ、なんか綺麗!」

と心が高鳴ったこと。

今までは「なんかいいかも!」と思っても、「もっといいのがあるかも」とあれこれと調べ出し、結果、候補が溢れ「決められない」という泥沼にはまることが多かったので、今回は、

あれこれ考えず心の声に従ってみることにした。結論としては、

大正解!

身の回りの「好き」から決めてよかったこと

・最初の「いいかも!」を信じ「決める」ことで悩む時間が格段に減った

・好きな色の組み合わせなので、何度ブログを見ても心地よい

配色のルールなど色のこと全くわかりませんという方は、「好き」な色の組み合わせをブログカラーにしてみるのも1つの方法だと思う。

成功する!ブログ名の決め方 でも書いたけれど、下書きはもちろん、記事の質を高めるために投稿後も何度も読み返すことを考えると、たぶん自分のブログをよく見るのは自分。だからこそ、自分が快適だなと感じるカラー環境を整えることも大事だなと思っている。

こちらもおすすめ

低価格(無料あり)でおしゃれな配色をたくさん見せてくれる雑誌も最高なので、ぜひ参考に!

おわりに

【デザイン初心者向け】おしゃれなブログの作り方 3歩目は、色の選び方についてキーボードを叩いた。

この記事が、楽しい色選びにつながったら嬉しいなと思う。

おしゃれなブログの作り方、1歩目と2歩目が気になる方はこちらから。

今回で【デザイン初心者向け】おしゃれなブログの作り方 3ステップは終了。あなたのブログがおしゃれなブログに少しでも近づくよいきっかけになりますように。

文章: yoko(  @_yoko51_

Comment