【アイキャッチ添削003】ふたばそんぐ｜テキストを選定して揃えよう
今回はいつもニコニコ。ふたばさんの登場です！
当コミュニティを熱烈に応援してくれているふたばさんのアイキャッチを添削していきます！
楽しみですね！
今回の作品
作者…ふたばさん （@hutaba28hu）
掲載サイト…ふたばそんぐ 【レビュー】Eufy RoboVac L70 Hybridの感想！デメリットも解説
グレーとホワイトは、写真からとって画像のカラーを3色におさえました！
ふたばさん、勉強されてますね！
えへへ。
では、始めていきましょう！
お願いしまーす！
ふたばさんの良い所
ふたばさんは基本を押さえておられますね！
写真から色を取っている…色数を減らしてすっきりさせる
目立たせたい文字の色を変えて目立たせている。
メインカラー …グレー
サブカラー …ホワイト
アクセントカラー…レッド
使用色を3色に意識的に抑えてある
よかったー！怒られるんじゃないかと（汗）
怒りません（笑）。でも気になるところがあります！
教えてください！
画像添削
テキストのバランス、構図を考えるともっとよくなりますよ！
構図？
現在の構図がこんな感じです。
こういう三角形のイメージの構図になっています。
理由は真ん中で突き出した文字と、2行のテキストの幅が合ってない事。
テキストエリアをイメージして、その中に納まるように配置するとよいですね！
構図なんて考えたことなかったです…！
「時」がテキストエリアからはみ出している
確かに「時」が飛び出して、目線があっちゃこっちゃになってる気がします…。
頭文字を大きくしてデザイン性を上げる手法です。
手法のひとつなので問題が無い様に見えますが、画像の中央で行っているのでアクセントというより構図の頂点となってしまっています。
この手法を使いたいならば、写真を右にして左上で文字を大きくすると良いでしょう。
写真とテキストエリアを入れ替えて、大きい頭文字もテキストエリアにおさめました。
どうですか？
スッキリおさまってますね！
文字の幅を合わせる
テキスト幅を合わせるとすっきりした見た目になりますよ！
ほうほう？
テキストエリアを意識してテキストを入れていきます。
（今回は黄色のエリアがテキストエリア）
実際にテキスト配置する時に四角の素材置いておいて、設置後に四角消すのも作戦のひとつですね！
テキストエリアに入る様に配置しました
収まった感じがします！
アイキャッチのテキストをわかりやすく
テキストはなるべく文章っぽくならないほうがいいかも？
テキスト長くてちょっとイマイチかなぁって思ってたんですよ！
文章になってると、目立たせたいテキストをデザインしにくいです。
「時短家電」「ルンバ+ブラーバ」このキーワードをしっかり目立たせて、一目で内容を伝えたい。
ちょっと考えてみますね…。
添削完了！
どんぐりテイストを加えたらどうなるか。試作品を作ってみました。
ではどうなったかな？
期待！
ちょっとチャレンジして、時短家電は一文字ずつ色を変えて読んだ時の流れをイメージしました！
- 頭文字を大きくしないので、テキストエリアは右に戻しました。
- なるべく1行1行で読める様なテキスト配置
- 文字横幅を合わせる
短いコメントがバンバン！って並んで分かりやすいし、インパクトあります。
でしょ？（ホッ）
記事のタイトルも変えたくなりました！
タイトルもアイキャッチもふたばさんの思うように変更してくださいね！
みなさんもドシドシ応募してくださいね！ では、またっ！
推奨デザインツール
当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。
コメント