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

【アイキャッチ添削001】donguriWEB|文字のバランスと整列を意識する

はじまりましたアイキャッチ添削。

失礼ながら応募して頂いた画像にちょっとだけアドバイスをさせていただくこの企画。

どんぐり所長
どんぐり所長

ドシドシ参加お願い致します!

まず手始めとして自分の作品を添削していきます。

どういう流れで進んでいくかも含めて最後まで見て行ってくださいね。

目次

今回の作品

今回の作品

作者…どんぐり
掲載サイト…当サイト

掲載サイト・記事・アイキャッチは掲載した時点でのものです。現在は変更されている可能性があります。

どんぐりさんのサイトでは、お金に関する情報を扱われておられます。
このアイキャッチの記事では無料で写真を獲得できる「O-DAN」の紹介をされています。

画像添削

ここからは画像添削をおこなっていきます。

画像割合

写真エリアとテキストエリアの割合が5.5:4.5となっている。

理想の割合は6:4
参考文献:ARULOG 【永久保存版】ブログ初心者でも作れるお洒落なレイアウト5選!

しかし、ピンクエリアのテキストが中心にいない事から、上部の葉っぱは無視してテキストエリアをもっと広くみている。

それを踏まえた上で修正した画像がコチラ。

どんぐり所長
どんぐり所長

概ね6:4になっていますね!

そもそも、もう少しポットとカップを右に持っていきたいですね!

ほめらぎ
ほめらぎ

確かに…!

でも…元画像の問題で画像大きくもしづらいですね…。

ほめらぎ
ほめらぎ
  • 写真とテキストの割合は6:4が理想的
  • 右側テキストが読みやすいが、これは好み
  • 元画像の段階で割合を考えて配置するクセをつけよう!

スタイルバランス

テキストエリアのバランスを確認します。

黒丸が空白エリアの大きさになります。

どんぐり所長
どんぐり所長

上下左右共にバランスがとれていません!

特に左右のバランスが悪いので修正したいところ。

対処法
 テキストエリアの中心にテキストを配置しよう!

文字のバランス

どんぐり所長
どんぐり所長

文字のバランスは概ね問題なし!

文字はなるべく同幅になるようにすると、すっきり纏まります。

カラーバランス

画像のカラーバランスを確認していきます。

色の構成はこちら。

メインカラー  …ライトグレー
サブカラー   …オレンジ
アクセントカラー…ダークグリーン

どんぐり所長
どんぐり所長

3色で構成されていますね!

なるべく3色で構成するのがコツです。
3色以上の色を使えば使うほどごちゃごちゃして纏まらない印象になっていきます。

どんぐり所長
どんぐり所長

文字や素材の色を合わせることで、使用色を3色に抑えてるんだね!

文字のみやすさ

どんぐり所長
どんぐり所長

しっかりと文字が識別できますね!

これだけの文字の明暗差や色相差があればしっかり読み取る事ができます。

フォントも明朝なので細いですがここでは問題なしですね。

総評

スタイルバランスが悪いのに、面倒くさくてそのままにしてます…。

面倒くさがらずに直しましょうか!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

ハイっ!それ以外は色のバランスもよく、概ね満足した出来です!

画像修正

添削前の画像
どんぐり所長
どんぐり所長

元画像を少し右に修正し、テキストエリアのバランス調整を行いました!

少し良くなりましたね!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

皆さんもご意見くださいね! またっ!

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

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

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

ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「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 の認証期間が終了しました。ページを再読み込みしてください。

目次