バナー作成のAI（Gemini）活用法 ポートフォリオ作成
ポートフォリオのためのバナー作成をするにあたってGeminiを活用して作成しています！今の時代AIにデザインに聞くのは大いにありのようです！
需要のあるバナーを提案
Geminiに「需要のあるバナーのパターンを必要な文言、雰囲気、色合い等指定して3つほど作成してください」と指示ししていしてもらったものがこちら！
全文はこちら
Geminiの提案例（引用）:
【美容・健康系】（憧れと清潔感）まずはSNS広告の定番です。写真加工のスキルと女性的な繊細なデザインセンスを示すのに最適です。
項目 デザイン要素 制作でアピールすべき点 必要な文言 1. 憧れ/Before: 「夏の集中美白！」 2. 特典/訴求: 「初回限定 80% OFF」 3. CTA: 「詳細はこちら」 4. 注意書き: 「※個人の感想です」など レタッチ技術：使用する人物写真や商品写真の質感、光の調整。 雰囲気 高級感、透明感、清潔感、明るい 余白を活かした繊細なレイアウト、肌のみずみずしさを表現する光の処理。 色合い ベース: 白、または淡いパステルピンク（#FEEAEA） アクセント: ゴールド（高級感）または薄い水色（清潔感） 文字色: 落ち着いたグレー、割引率のみ強調色（赤など）。 淡いトーンで統一し、派手さを抑えて品質を訴求する。 必要な文言、雰囲気、色合いなどが指定されているため、依頼されたような感覚で作成できます。またピンタレスト等のデザイン参考サイトを美容で調べてもこのようなデザインがよく使われているので需要もありそうなのもわかりました！
作成したものの評価をしてもらう
提案された条件を参考にしとりあえずバナーを作成しました！
でも何かもう少しすることがあるだろう…と考えGeminiに前の提案条件＋これに対して添付した画像のようなバナーを作成しました。改善点等ありますか？と画像添付をして聞いてみました。その結果がこちら
全文はこちら
Geminiの提案例（引用）:
美容系バナー改善提案の要点
📌 評価のポイント
メインコピー：「夏の集中美白！」は視認性が高く、季節感と訴求点が明確。モデル写真：清潔感があり、メッセージに説得力を持たせている。薬機法：「※個人の感想です」の配置も適切で配慮が行き届いている。📌 効果を高めるための改善点（3つの柱）
1. 初回限定 80% OFF の強調
現状：割引率の訴求が控えめ。改善案：
配置：メインコピーのすぐ下、またはモデルの左側空白エリアに移動し、独立させる。
デザイン：「80% OFF」を太字化し、背景に図形を敷いたり、赤の彩度やグラデーションを上げて強力に目立たせる。
2. CTAボタン「詳細はこちら」の強化
現状：背景色と近く、埋もれ気味。改善案：
コントラスト：背景色と明確に異なる濃いピンクや青緑系を採用し、立体的なグラデーションで浮き上がらせる。
装飾：テキストを太字にし、隣に右向きの矢印アイコンを追加してクリック誘導をスムーズにする。
3. 全体の視線誘導とバランス調整
フォント：メインコピーと**「80% OFF」以外**は、同じ系統のフォントでウェイトを変えるなど、全体の統一感を意識する。💡 改善後のイメージ
「80% OFF」を左側で大胆に強調し、CTAボタンを濃い色と矢印で目立たせることで、**「お得感」と「行動」**への誘導が格段に高まります。この改善案で、さらに効果的なバナーになるでしょう。
という感じで褒めてもらいながら改善点を教えてくれます！
長くてわかりづらいと感じたらもっと簡潔になど使っていくとさらに要点だけまとめてくれるようになります。
アドバイス通りに修正
自分で作っていた時点で文字の強弱を使ったりしないととは思っていました。詳細はこちらをもう少しわかりやすくしないととも思っていましたが、的確に修正点を教えてもらいました！再度作ったものがこちら
80％の文字を大きくし、詳細はこちらのバーを色を濃く、矢印マークを追加しました！その結果
Geminiの提案例（引用）:
画像を拝見しました！前回の改善点をすべてクリアし、非常に訴求力の高い、プロフェッショナルなバナーに進化しています。特にコントラストと視線誘導の改善が素晴らしく、このままポートフォリオに加えても、高い評価を得られるクオリティです。
とべた褒めしてもらえました。（これが完璧かどうかおいておいて）
またポートフォリオのためのものということが事前に伝わっていたため
Geminiの提案例（引用）:
ポートフォリオとしてのアピール方法
このバナーをポートフォリオに加える際は、以下の点を言語化して説明すると、デザインの意図がより明確に伝わります。
- 目的の達成: 「美容系商品の初回限定セールにおける、クリック率最大化を目的とした」と明確に述べる。
- カラー戦略: 「文字のメインカラーは清涼感のある青を使い、商品イメージを保ちつつ、**割引率のみを暖色（赤）**で強調することで、清潔感を維持しつつ緊急性を高めた」と説明する。
- 情報設計: 「ターゲットの目を引く**『80% OFF』と『詳細はこちら』のコントラスト**を最優先し、情報が迷子にならないよう視線誘導を設計した」と、デザインの根拠を示す。
このバナーは、**「美しいデザイン」と「売上につながるデザイン」**の両方を実現している好例です。自信を持ってポートフォリオに加えてください！
とこのバナーの説明をするための文言まで考えてくれました。
飲食バナーも同じ要領で作成
需要があるバナー3つ「募集系」、「美容系」そして「飲食」のバナーも同じ要領で作成しました！
Geminiの提案例（引用）:
【飲食・グルメ系】（シズル感と季節限定）デリバリーサービスや季節限定商品の広告で需要が高いテーマです。写真加工の技術と食欲をそそる演出が求められます。
テーマ
季節限定の濃厚スイーツ販売 賑やか、温かい、シズル感、期間限定メインコピー
「今だけ！とろける秋の濃厚モンブラン」サブコピー
「本日限りのお得なセット」「〇〇限定販売中」CTA：Call To Action（コール・トゥ・アクション）
「注文する」 または 「詳細を見る」
アピールできるスキル
写真のレタッチ（湯気、光沢）、暖色系配色、手書き風フォントの活用
このような条件で作成しました！できたのがこちら！
フォント選びは自分なりに考えできたと思うのですが色が白ばっかりなのと何かまとまらず…
Geminiに添削してください！と助けをもとめた結果がこちら
指示的にはこういうものをもらいました！
Geminiの提案例（引用）:
改善案のイメージ
- 「とろける秋の」を「濃厚モンブラン」のすぐ上に配置し、読みやすくする。
- 「注文する ▶」の背景に白地の長方形ボタンを敷き、クリック感を出す。
- 「限定100個」をボタンの上、またはより目立つ位置に移動し、緊急性を高める。
これらの調整を加えることで、このバナーは視認性と購買意欲をさらに向上させ、ポートフォリオであなたのデザインスキルをより強くアピールできる作品になるはずです。
もっと長くアドバイスがありましたが最後のまとめだけに割愛！自分がした変更は
- 「今だけ！」と「とろける秋」がバラバラだったため読みやすく修正
- 注文するがボタンになってないので押せる感がなかったため白でボタン風に
- 限定100個に色をつけ目立つように、あしらいもよくある目を引くものに変更
という感じで修正しました。結果自分でもわかるくらいによくなりました！
デザイン作品作成時のAI利用まとめ
今のAIはとても優秀で、自分がここをこうしたほうがいいかな？と思っているところやわからないけどもやもやしていることを的確に見抜いて教えてくれます。
自分が利用しているGeminiは無料でも高性能で使えているのでまだ使っていない方はぜひ使ってみてください。
