サムネをAIに任せてない？優先順位から見るAIサムネの弱点｜質問箱回答シリーズ

AIでサムネイルを作ると、それっぽく見えるのに何だか伝わりにくい。そんな経験はありませんか？

今回は質問箱でいただいた「サムネイルの優先順位とは何ですか？」というご質問にお答えします。
実際にAIが作ったサムネイルを題材にしながら、なぜ目が滑るのか、どうすれば伝わるデザインになるのかを解説していきます。

質問箱に質問をいただきました

記事末端に置いている質問箱に質問をいただきました。
次の記事でサムネイルに関して、「AIのサムネイルってそれっぽデザイン止まりで優先順位が付いていない」ということを書きました。

この優先順位について教えて欲しいというのが質問箱に届いた質問です。
ということで、その辺の解説もしつつ、生成されたサムネイルにツッコミを入れていこうと思います。

質問者様へ、質問ありがとうございました🙇

・○・●・○・●・○・●・○・

件のサムネイルを再掲

まずは今回の題材となるサムネイルをば。

使用した記事にも書いたのですが、本当にそれっぽくていい感じに見えちゃうのがスゴイです。

・○・●・○・●・○・●・○・

パーツを分解します

サムネイルを分析するために、サムネイルをパーツに分解します。
今回のサムネイルだと次の4つに分けられます。

• キャラクターイラスト

• 「note記事でペットを救う！？」吹き出し

• 「じまにゃんを救出せよ！」タイトル

• 「イベント開催中」リボン

・○・●・○・●・○・●・○・

視線の流れを考える

要素を分解したら、サムネイルを見た人がどの順に要素を見ていくのかを考えます。

最初に目が行くのはキャラクターで間違いないでしょう。
大きいのとイラストというのは文字要素よりも目を引きやすいですから。

問題は次。
残りの3つの要素がどれも主張が強く、視線が迷子になります。
おそらく、どの順で見るかをアンケートを取るとバラバラになるでしょう。

どの順に強くするかは作る人の意図次第ですが、私ならタイトル⇒吹き出し⇒リボンにしますね。

・○・●・○・●・○・●・○・

視線の流れ＝優先順位

さて、質問箱でいただいた優先順位とは先ほどの視線の流れのことです。
どういう順で見せたいのか、その優先順位を付けるのがサムネイルデザインで重要になってきます。

先ほど書いた通り、AIで生成したサムネイルはどの要素も強く、優先順位が付いていません。
それっぽいデザインと書いたのは、吹き出しや文字装飾、リボンなど、それなりにデザインされた感じがする描写をしていますが、その実、デザインされている（優先順位が付いている）とは言い難いのです。

・○・●・○・●・○・●・○・

AIに指示を出してサムネイルを修正

AIはそれっぽいサムネイルを作るというのは伝わったかと思います。
では、AIにデザインをさせるのは無理なのかというと、そうではないです。

重要なのは指示を出す私たち。
要素の優先順位を伝えることで、ちゃんと伝わる、デザインされたサムネイルを生成することができます。

ということで、先ほど私が言った「タイトル⇒吹き出し⇒リボン」で優先順位が付くようにサムネイルを修正してもらいました。

どうでしょう？タイトルにしっかりと目が行きませんか？
わかりやすいように元の要素をあまり変えなかったので、若干要素間の繋がりに変な間を感じますが、そこはご容赦ください。

修正に関して、いくつかポイントをお話します。

まずはタイトル

大きくし、装飾も少し派手にして目立つようにしました。

次にキャラクター

人物などの絵はそれだけで目を引くので、少し控え目に。
また、左に配置することで、タイトルを指差すようにしました。
これでよりタイトルに目が移りやすくなります。

吹き出し

付いてたちょんちょんを消しました。
こういう装飾は目を引きます。タイトルにもちょんちょんが付いていて、視線が迷子になるので、最優先のタイトルにのみ残しました。

リボン

小さくしてかなり控え目に。
リボンが赤色の時点でやや強調されているため、これくらい小さくしても見逃すことはないでしょう。
右下に配置することで、最後に視線が行くようにもなりますね。

・○・●・○・●・○・●・○・

サムネイルを作るときは優先順位を与えましょ

質問箱にいただいた、サムネイルの優先順位についての質問から、AIで生成したサムネイルにツッコミを入れてみた話でした。

私もnoteでいろんなサムネイルを見ますが、AIで生成したものの多くは目が滑ります。
これは優先順位を考えられてない、デザインができてないためです。

では、AIはデザインができないのかというとそうではなく、指示を出す側が優先順位を伝えればある程度の水準のサムネイルを作ることができるでしょう。

サムネイルを生成するときは、ぜひ優先順位までプロンプトに含んでみてくださいませ。

質問箱へ質問をくださった方、改めて質問ありがとうございました🙇
少しでも優先順位について伝わったら幸いです。

・○・●・○・●・○・●・○・

私への質問、記事化して欲しいこと募集します

私に聞いてみたいこと、記事にして欲しいことを募集します。
コメントではなく、このあとにあるフォームからお送りください。
Webライターに関することでも、note運営についてでも、気になったことは何でもどうぞ✨
既にいくつかご質問いただきました。ありがとうございます🙇
記事にするまでしばしお待ちください。

全てに回答するお約束はできませんが、できるだけ回答を記事にしたいと思います。
匿名なので気軽にポイっと送ってくれたら嬉しいです🥰

フォームが表示されない、上手く入力できない場合 ⇒ フォームを直接開く

・○・●・○・●・○・●・○・

おまけ：今週もコングラボードもらいました

前週に引き続き、今週もコングラボードをいただきました👑
コングラボードはnote公式からスキを多く集めた記事にもらえる賞状のようなものです。

これで32週連続です。
コングラボードのキャプチャは全て掲載するとスクロール量増えるので1枚だけにしますね。

対象の記事はこちら。

タグは「 #コミュニケーション 」「 #絵 」でした。

こうしてコングラボードをもらえているのも、いつもアクセス＆スキをくださる皆さまのおかげです🫶
ありがとうございます🥰
これからもよろしくお願いします🙇

コングラボードの取り方を書きました

ここまでコングラを安定して取れていること、コングラを取りたいという声をいただくことから、「ゆき流コングラボード獲得法」を書きました。

スキを多くもらった記事にnote公式から贈られるお祝いボード。
自分の記事が認められたみたいで嬉しいですよ。
金額は上がることはあっても下げる予定はないので、気になった方は今のうちにぜひ✨

一緒にコングラ取りませんか？

・○・●・○・●・○・●・○・