※このサイトはアフィリエイト等の広告(Amazonアソシエイト含む)を掲載しています。

脱・初心者っぽさ!ブログの「統一感」を出すデザイン3つの鉄則

※このサイトはアフィリエイト等の広告(Amazonアソシエイト含む)を掲載しています。

「おしゃれな素材をたくさん使っているのに、なぜか素人っぽく見えてしまう…」と悩んだことはありませんか。 記事ごとに色やデザインがバラバラだと、読者にごちゃごちゃした印象を与えてしまいます。
特別な知識がなくても、色・文字・素材の3つを揃えるだけで一気にプロっぽい統一感が生まれますよ。

鉄則1:メインカラーは2〜3色に絞る

色が多いと、読者はどこを見ていいのか迷ってしまいます。 ベースとなる色、メインの色、強調したい色の3色に絞るのが基本です。

イメージとしては、古いセピア写真ですね。 実際の被写体の色とは関係なく、全体が茶系のグラデーションで綺麗にまとまっています。 デザインにおいては、描かれているものの本当の色にこだわらないことも大事です。

もし色選びで悩んだら、サイトのテンプレート(着せ替え機能)の色で調えましょう。 少なくともベースがサイト全体と同じ色や近い色なら、どんなアクセント色を使っても悪目立ちするリスクを減らせます。

鉄則2:フォント(文字の種類)は固定する

記事ごとに文字の形が変わると、統一感がなくなり読みにくさの原因になります。 サイト全体で使うフォントは、見やすさ重視で1〜2種類に絞って固定しましょう。

  • いつも同じ文字の種類を使う
  • 使い始めた時に設定をメモする
  • 変更する時はサイト全体を揃える

初期設定のフォントのままで問題なければそれで構いませんし、変更後個別に設定できるなら最初に行ってしまいましょう。そうでない場合は、最初の2~3記事を書いた段階で、選んだフォントをメモしておくと安心です。 次回の作業時に迷わず同じ設定を呼び出せるため、作業の効率化にもつながります。

この「設定をメモしておく」というコツは、次に紹介する鉄則3にも言える大切なポイントです。

鉄則3:写真やイラストのテイストを揃える

実写の風景写真と、可愛らしいアニメ風のイラストが混ざるとサイトの雰囲気がブレてしまいます。 アイキャッチはもちろん、本文中で画像を使う場合も、説明で必要といった場合を除いてテイストは統一します。素材のタッチや世界観を揃えるだけで、ブログ全体の完成度が格段に上がるはずです(あえてのこだわりがない・不要な時は、揃えてしまった方が画像作成や検索も楽だったり)。

💡画像作成にCANVAを使うならこちらの記事を参考にしてみてください。

また、先ほどお伝えしたように、よく使う素材サイトや検索キーワードをメモしておきましょう。 テイストのイメージそのものがあるなら、それもメモしておくと安心です。毎回同じ場所や同じ条件で素材を探すようにすれば、自然とテイストが揃っていきます。 あなたの文章の雰囲気に合った、お気に入りの世界観を見つけてくださいね。

まとめ:整ったデザインで文章の魅力を引き立てよう

見た目を整えることは、あなたが大切に書いた文章を心地よく読んでもらうための準備です。 デザインが綺麗にまとまると、ブログに愛着が湧いてモチベーションも上がります。 まずはできるところから、サイトの統一感を見直してみてください。

ブログ運営に役立つツールや、困った時の相談先を探しているなら、知識・スキルの販売サイト【ココナラ】を覗いてみるのがおすすめです。 さまざまな得意分野を持つ人が、ブログ作成に便利なサービスを出品しています。
また、デザインや設定に時間を取られて本文が書けないという方は、私の出品ページもぜひご活用くださいね。 面倒な記事作成や文章の編集作業をサポートして、あなたのブログ運営を少しだけ楽にするお手伝いをしています。

リィア

フリーランサー・ウェブライター・メンタル心理カウンセラー

普段はウェブライターをしています。お仕事のご依頼・ご相談もお気軽に。 心理カウンセラー資格取得に伴い、相談募集も始めました。 フリーランス・ウェブライター メンタル士心理カウンセラー・アンガーカウンセラー 漢検2級・図書館司書・HSS型HSP気質・INFJ-T-O-C(外殻ISFJ) プライベートは2次元大好きの活字中毒

コメント

この記事へのコメントはありません。

この記事を読んだ方へのおすすめ

その他の記事

ご依頼はこちら&取得資格一覧
ライティングに関しては、主にココナラやクラウドワークスで依頼を受け付けております。

ココナラでは相談関係も
https://coconala.com/users/1106191
(まだココナラに登録していない方は、申込時にこちらの招待コード【S8VVAV】を使うとポイントがもらえてお得です。)

クラウドワークスではデータ入力など文字打ち関連も
https://crowdworks.jp/public/employees/644638

問い合わせ等から直接のご依頼も歓迎です。

メンタル士心理カウンセラー®資格資格保持証明 心理カウンセラー資格取得講座卒業・修了証明 アンガーカウンセラー®資格取得講座卒業・修了証明 アンガーカウンセラー®資格資格保持証明
ご支援のお願い
いつもご訪問・記事をお読みいただき、ありがとうございます。
この記事があなたの生活のヒントになれば幸いです。もし、「役に立った」「応援したい」と思っていただけましたら、下部のボタンからポチっとお願いいたします。
OFUSEで応援を送る
https://ofuse.me/ryiacn

paypay  ryiacn

Amazonほしいものリスト https://www.amazon.jp/hz/wishlist/ls/20MPYZ39U4CRV?ref_=wl_share

いただいた分は、サイトのサーバー維持費ほか、活動費として大切に使わせていただきます。
PR
PAGE TOP