【SWELLサイト集】おしゃれなサイトの３つの共通点！「配色」や「サイト構成」を分析

当サイトも使用しているSWELLテーマ。

デザイン性や機能性が高く、使用しているサイトをよく見かけます。

初期設定のままでもシンプルで素敵ですが、他サイトと印象がかぶりやすく、サイト訪問者の記憶に残りません。

せっかく作った自分だけのブログ、もっとおしゃれにカスタマイズしたいですよね！

ブログ初心者がサイトをおしゃれにカスタマイズするためには、

この３つのポイントを意識するだけで、一気におしゃれなサイトに生まれ変わります。

①サイトのイメージにあった配色

自分の好みや、あつかっているジャンルによって、「元気がでるようなサイトにしたい」「落ち着いた雰囲気のサイトにしたい」など、なりたいイメージがありますよね。

サイトのイメージは、使用している「色」の影響が非常に大きいです。

そこで「ナチュラル」「ポップ」「エレガント」「モダン」「シンプル」の５つの配色イメージに分けて紹介します。

②文字や画像の統一感

サイト上の文字や画像に統一感がないと、ごちゃごちゃした印象になります。

おしゃれなサイトでは、使用している文字のフォントやカテゴリー画像・アイキャッチ画像に統一感があり、サイト全体がまとまっています。

紹介しているサイトの雰囲気が分かるように、ホーム画面の写真や、一言コメントを掲載しています。

③サイト構成

取りあつかっているジャンルや、「雑記ブログ」「特化ブログ」によって、カテゴリーの数やホーム画面の構成も変わってきます。

取りあつかっているジャンルやサイトの構成が参考にできるように、「ブログのジャンル」や「サイトの特徴」を掲載しています。

ナチュラル＊自然体で優しい印象のサイト

淡くソフトなパステルカラーや、くすみを含んだニュアンスカラーなど、柔らかさや優しさを感じる配色のサイトです。

おもちブログ

みーちゃんち～アラサー看護師の生活～

totokiki house ～毎日を大切に生きるために、日々の暮らしを綴っています！～

今日が一番若い日 ～福パンダの雑記帳～

マスパパブログ～便利アイテムで育児を楽に！～

ポップ＊明るくて元気が出るサイト

明るい印象のビビットカラーや、フレッシュなイメージのブライトトーンなど、キュートで元気が出る配色です。

ソルトのやってみた ～30代の私が●●試してみた！リアルな悩みと闘う日々 ～

アラサーおとこのコツコツ日記

ピントの日記 ～つらい恋愛にまみれてきた元弁護士秘書がお届けするブログ～

NABIZ-BLOG ～リスクなしでは、奇跡は起きない。～

もとやすブログ ～いまの生活をもっと自由に！～

エレガント＊上品で大人っぽい雰囲気のサイト

落ち着きのある色使いや、明度・彩度をおさえた配色で、優雅で洗練されたイメージのサイトです。

れおあなハウス ～20代共働き夫婦のシンプルな暮らしを発信～

おこづかい族　団長～毎日にサプライズを～

恋愛義塾大学～恋愛が楽しめれば人生もうまくいく！人生を楽しむ恋愛のススメ～

モダン＊現代的でスタイリッシュなサイト

知的な印象の無彩色や寒色系のダークトーンを使った、シンプルでクールなイメージの配色です。

おるかブログ ～成功したい会社員のための情報サイト～

room78～最高の部屋を目指して。～

技術人.com ～The Fox Loves Technology!～

いしろぐ ～ブログを始めたい方向けに記事を書いています。～

シンプル＊記事やアイキャッチ画像が際立つサイト

サイトの装飾に使う色をおさえることで、記事やアイキャッチ画像を際立たせているサイトです。

てつんブログ～薬局薬剤師の趣味ブログ～

実戦的サッカー上達ブログ ～サッカーが今より上達したい、楽しみたいという方へのブログです～

宅配ライフ ～宅配クリーニング比較サイト～

まとめ：おしゃれなサイトにカスタマイズしよう

参考にしたいサイトは見つかりましたか？

おしゃれなサイトは、訪れただけで印象に残ったはず！

自分のサイトもカスタマイズしてサイト訪問者の記憶に残り、また来たくなるサイトをつくりましょう。

おしゃれなサイトの共通点はこの３つです。

この３つのポイントを意識しながら、他サイトを分析してみてください。

お手本にしたいブログをいくつか見つけて、カスタマイズしたい方向性が見えてきたら、カスタマイズにチャレンジしてましょう。

当サイトでも、今後カスタマイズの方法を順次更新していいくので、参考にしてみてください。