このサイトは記事内に広告を含む場合があります。広告や表現について

ブログ配色で印象が変わる!【ブログデザイン】

こんにちはあるです!

最近色々なブログにお邪魔しているのですが、
綺麗なブログや人気のあるブログって

「テーマカラー」

がしっかり決まっているんですよね!
今回はそのテーマカラーでどれだけイメージが変わるのかを実際に
僕のブログを使いながらやっていきたいと思います!

このブログは「暖色が〜」とか「寒色が〜」とか難しいことは抜きにして
かっこいい色の組み合わせ とか 可愛い色の組み合わせ! とかで
わかりやすく説明していきます!!

今回このタイミングでTOP画像やカテゴリ画像も変えたので帰る前にTOPページ
のぞいて行ってみてくださいね!

ちなみにこのブログは「Cocoon」を使用していますが、そのほかブログでも参考にできると思うので最後までお付き合いください!

移管前はCocoonで作成されておりましたが、当サイトはSWELLを使用しています。

目次

モノクロでスッキリかっこよく

最初はモノクロでスッキリかっこいいイメージを紹介です!
使用した色はこちら!

この2色だけ使用して色付けしていきます!

黒は色の中でも一番重みのある色なのでバシッとデザインが引き締まります。
さらに白を合わせることでシンプルさも加わりすっきりした印象になります!

これでは寂しいと思う人はポイントとなるカラーを追加してみてください!

1色足しただけで印象がかわりますよね!
少し高級感がプラスされてさらに洗練されたデザインになって来ています。

黄色と青を使用して元気なイメージに!

次は「黄色」「青」を使用して元気なイメージにしていきます!
この配色は夏のデザインによく使われる色味で、爽やかな夏のイメージも
感じられます。

使用した色味は

この3色です!

先ほどのデザインと同じとは思えないですよね!
さらに元気なイメージを与えたい人は

こんな感じで色の配分を変えてあげることで
同じ色を使っててもイメージが変わって来ます!
ちなみに青の分量を多くすると・・・

少し硬いイメージが出て来て企業感が出ます!
元気な会社!ってイメージになりましたね。

ピンクをつかって可愛い感じに

次はピンクをベースに可愛いイメージにしていきます!

使う色味はこちら!

ピンクに黄色をいれるとこのように可愛らしい色味で全体の雰囲気が柔らかくなります!

もう少し大人っぽいデザインがいいな・・・・
という方は先ほどと同じく色の割合を変えてあげるだけで

大人っぽく可愛い感じになりますよ!

緑を使ってオーガニックなイメージに

次はオーガニックのイメージです!

使用した色味はこちら!

緑をベースにグレーを混ぜたりして同系色でまとめています。
緑は落ち着いたイメージのあるいろなのでページ全体も落ち着いて見えますね。

もう少し落ち着いた色味を使ってあげるとアウトドアなどでよく使われている
アース系の色味になってさらに優しさが追加されます。

派手にPOPに!

最後は派手なデザインになる色味です!
ちょっと目がチカチカするかな。。。ぐらいが印象に残るので
思い切って色をつかってみましょう!

はい。チカチカしますね。明るくカラフルで派手派手なデザインにしたいときは
これくらいやっちゃてもいいと思います!

これは派手すぎるよ。もう少し落ち着いた色味がいいな・・・
と思う方はこれくらい彩度を下げてあげてもいいかもしれないですね!

まとめ

色一つでデザインの印象がガラッと変わりますので
エンドユーザーに与えたいイメージや自分の好きな色でいろいろチャレンジしてみてください!

ちなみに色は2〜3色でつくってあげると綺麗にまとまりますよ!

色の組み合わせはこちらでも記事にしているのでよかったらみてください!

色相環についてはこちら

ではではみさなん素敵なデザインライフをお過ごしください!

この記事はARU氏の運営していた「ARULOG」より2021年8月に移管された記事です。

この記事を書いた人
ARU

ARU

デザイナー歴11年
ブロガーに寄り添うプロデザイナー
Kindleでブロガーデザイン本発売中
フォロワーが伸びるヘッダーをココナラで販売中
twitterでデザインのヒントを発信 @awdesign6


どんぐり所長のおすすめツール

どこでも、どんなデバイスでも順位チェック

ブログ記事の順位を確認していますか?どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。

ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。

クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。

Nobilistaの詳しい記事はこちら >

実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。

\場所を選ばない快適さを体験して/

Nobilista公式サイト

当サイト推奨 デザインツール

当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ!

当サイトのデザインは、SWELLで再現可能

私はSWELLを2年使用してきました。現在4つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。

  • 完全ブロックエディタ対応
  • 直感で使える操作性
  • 便利な専用ブロックを多数用意
  • お洒落なトップページが簡単に作れる
  • 最速レベルのページスピード
  • 一度購入すれば複数サイトに何度でも使用可能
  • ユーザーの利便性を考える熱意の運営者
  • SWELLを紹介すればアフィリエイト報酬が貰える(購入者のみ参加可)
  • 販売価格 ¥17,600(税込)

唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。

私が実際にSWELLを使用して感じた、本音レビューはこちら

SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。

\圧倒的な操作性を体験せよ/

あなたも今日からSWELLER!

トップページへ戻る

お気軽にコメントください

コメントする

このサイトは reCAPTCHA によって保護されており、Google のプライバシーポリシー および 利用規約 に適用されます。

reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

目次