MENU

著者

どんぐり所長

Nobilista公認バッジ

当サイトはリンクフリーです

当ブログ内の記事本文や図解等は、以下の注意事項を守っていただければご自由にお使いいただいて結構です。

【注意事項】

  • 引用元として当サイト名を記載の上、対象記事へリンクしてください。
  • 添削記事などの紹介者のアイコンは転載不可です。

ご不明な点があれば、twitterのダイレクトメールまでお願い致します。

愛用 順位チェックツール

オリジナルグッズ購入

👉 今イチオシのクラウド型 順位検索ツール【Nobilista】愛用レビュー!

【アイキャッチ添削003】ふたばそんぐ|テキストを選定して揃えよう

今回はいつもニコニコ。ふたばさんの登場です!

当コミュニティを熱烈に応援してくれているふたばさんのアイキャッチを添削していきます!

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

楽しみですね!

目次

今回の作品

今回の作品

作者…ふたばさん (@hutaba28hu

掲載サイト…ふたばそんぐ 【レビュー】Eufy RoboVac L70 Hybridの感想!デメリットも解説

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

グレーとホワイトは、写真からとって画像のカラーを3色におさえました!

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

ふたばさん、勉強されてますね!

えへへ。

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

では、始めていきましょう!

お願いしまーす!

ふたばさん
ふたばさん

ふたばさんの良い所

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

ふたばさんは基本を押さえておられますね!

ふたばさんの良い所

写真から色を取っている…色数を減らしてすっきりさせる
目立たせたい文字の色を変えて目立たせている。
 メインカラー  …グレー
 サブカラー   …ホワイト
 アクセントカラー…レッド
使用色を3色に意識的に抑えてある

よかったー!怒られるんじゃないかと(汗)

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

怒りません(笑)。でも気になるところがあります!

教えてください!

ふたばさん
ふたばさん

画像添削

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

テキストのバランス、構図を考えるともっとよくなりますよ!

構図?

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

現在の構図がこんな感じです。

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

こういう三角形のイメージの構図になっています。

理由は真ん中で突き出した文字と、2行のテキストの幅が合ってない事。

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

テキストエリアをイメージして、その中に納まるように配置するとよいですね!

構図なんて考えたことなかったです…!

ふたばさん
ふたばさん

「時」がテキストエリアからはみ出している

確かに「時」が飛び出して、目線があっちゃこっちゃになってる気がします…。

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

頭文字を大きくしてデザイン性を上げる手法です。

手法のひとつなので問題が無い様に見えますが、画像の中央で行っているのでアクセントというより構図の頂点となってしまっています。

この手法を使いたいならば、写真を右にして左上で文字を大きくすると良いでしょう。

写真とテキストエリアを入れ替えて、大きい頭文字もテキストエリアにおさめました。

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

どうですか?

スッキリおさまってますね!

ふたばさん
ふたばさん

文字の幅を合わせる

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

テキスト幅を合わせるとすっきりした見た目になりますよ!

ほうほう?

ふたばさん
ふたばさん

テキストエリアを意識してテキストを入れていきます。
(今回は黄色のエリアがテキストエリア)

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

実際にテキスト配置する時に四角の素材置いておいて、設置後に四角消すのも作戦のひとつですね!

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

テキストエリアに入る様に配置しました

収まった感じがします!

ふたばさん
ふたばさん

アイキャッチのテキストをわかりやすく

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

テキストはなるべく文章っぽくならないほうがいいかも?

テキスト長くてちょっとイマイチかなぁって思ってたんですよ!

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

文章になってると、目立たせたいテキストをデザインしにくいです。

「時短家電」「ルンバ+ブラーバ」このキーワードをしっかり目立たせて、一目で内容を伝えたい。

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

ちょっと考えてみますね…。

添削完了!

どんぐりテイストを加えたらどうなるか。試作品を作ってみました。

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

ではどうなったかな?

期待!

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

ちょっとチャレンジして、時短家電は一文字ずつ色を変えて読んだ時の流れをイメージしました!

  • 頭文字を大きくしないので、テキストエリアは右に戻しました。
  • なるべく1行1行で読める様なテキスト配置
  • 文字横幅を合わせる

短いコメントがバンバン!って並んで分かりやすいし、インパクトあります。

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

でしょ?(ホッ)

記事のタイトルも変えたくなりました!

ふたばさん
ふたばさん
どんぐり所長
どんぐり所長

タイトルもアイキャッチもふたばさんの思うように変更してくださいね!

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

みなさんもドシドシ応募してくださいね! では、またっ!

推奨ザインツール

当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。

Canvaを詳しく知る

おすすめWordpressテーマ

私は、導入するだけで一気にお洒落になるWordpressテーマ「SWELL」をおすすめします。デザイン性はもちろん、その操作性は特筆ものです。

SWELLを愛用する私が実際に使用してきた内容を加えた、詳しい記事を書いています。ぜひご参照ください。

SWELLを詳しく知る

トップページへ戻る

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

コメントする

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

目次