・事例を紹介することを目的としたnoteなので プロンプトを掲載していない事例が大半です。 4月17日にOpenAIから o3, o4-mini がリリースされました。それらとSoraで生成した画像を紹介します。私が試した結果を共有するので、ぜひ気付きや近道を見つけてください。 Soraでいろんなスタイルを試しているnoteはこちら 2025年4月21日通知。この記事が「**先週特にスキを集めた
Voicyでも解説しました。
https://twitter.com/kawai_design/status/1912645692180611478 https://twitter.com/kawai_design/status/1912658913746661457 https://twitter.com/kawai_design/status/1912705899187376145
https://twitter.com/kawai_design/status/1917165460359201277 https://twitter.com/kawai_design/status/1931251107659149654 https://twitter.com/kawai_design/status/1930909918066078206
| キャッチコピー | AI×デザインで、次世代の人材に |
| ボディコピー | 個人の状況に合わせた独自カリキュラムで、AI×デザインのスキルを身につける。 |
| ビジュアル | ターゲットが共感できる人物像。ヘッドホンをつけた若い男性が、クリエイティブな空間で楽しそうにPCを操作している。背景には抽象的なデザイン要素を配置し、デジタル感を演出。 |
| ロゴ | （架空のロゴ「KAWAI DESIGN」を配置予定） |
| オファー | 無料体験 |
| レスポンスデバイス | 無料体験はこちらから ▶ |
| 企業情報 | （架空の企業情報を配置予定） |description: >
A poorly designed advertisement intentionally violating the four design principles (contrast, repetition, alignment, proximity). The ad features a wide layout (1200x800px) with chaotic visual structure: misaligned text blocks, inconsistent fonts and colors, clashing design elements, and random spacing. The main visual is a young Japanese man wearing headphones, smiling while working on a laptop in a creative space, but the image is awkwardly cropped and poorly integrated. Background consists of unrelated abstract digital elements scattered unevenly. A fictional logo "KAWAI DESIGN" is randomly placed. A call-to-action button ("無料体験はこちらから ▶") is placed far from related content and lacks visual hierarchy. Overall, the design feels cluttered, unbalanced, and confusing — clearly breaking all core design principles.
style: deliberately poor design, messy layout, cluttered digital advertisement
size:
width: 1200px
height: 800px
colors: clashing tones, no harmony or theme
elements:
- poorly cropped image of young Japanese man with headphones at laptop
- abstract background elements placed without logic
- inconsistent fonts and colors
- misaligned text and buttons
- fictional logo "KAWAI DESIGN" placed randomly
- call-to-action button floating with no alignment
camera: straight-on, medium shot
lighting: inconsistent
people: young Japanese male
aspect_ratio: 3:2
no_text: truetype: advertisement
subject:
description: A radiant summer-themed advertisement for Kawai UV sunscreen, celebrating youthful skin and sunlight.
product: Kawai UV Glow Shield Essence.
model:
appearance: A fresh-faced young East Asian woman in her early 20s with short bob hair in a soft ash brown tone and airy straight bangs.
expression: Joyfully looking up toward the top-left, with a natural open-mouth smile and gleaming eyes.
skin: Moisturized, translucent skin with a glossy, glass-skin effect.
attire: A sleeveless sheer white blouse with a soft lavender gradient.
accessories: A minimalistic pearl earring and a gold hairpin on the left side.
background:
description: A sky-inspired background with bright blue gradients, faint clouds, and soft, glowing circular bokeh.
elements:
- type: light_effect
description: "Rainbow-like iridescent streaks and soft sunlight flares spread across the image, especially on the shoulders and hair highlights, evoking an airy and magical summer feel."
layout_and_composition:
style: Contemporary layered layout with gentle curves and overlapping circles rather than harsh diagonal cuts.
main_figure: Bust-up of the model centered slightly to the left, creating an open space to the right for graphics and text.
elements:
- item: product_tube
description: "A pastel blue and white gradient tube labeled 'Kawai UV', 'Glow Shield', and 'ESSENCE SPF50+ PA++++'."
position: Floating slightly above the bottom-left with a faint circular shadow below.
- item: supporting_hand
description: A single graceful hand (light skin tone) reaching in from the bottom right, as if catching sunlight or softly gesturing upward.
position: Lower-right area, angled softly toward the product tube.
- item: text_and_graphics
description: Custom cosmetic ad text elements with East Asian style sensibilities.
details:
- placement: top_center
content: "Large, calligraphic white text:『光が、素肌に魔法をかける』"
- placement: top_left
content: "Yellow badge with the word '新' in white, followed by: '透明UVベール処方'"
- placement: middle_right
content: "A floating white ring graphic with prismatic shimmer, displaying: 'SPF 50+ PA++++'."
- placement: bottom_right
content: "Brand logotype: 'Kawai UV' in soft blue-gray with thin modern sans-serif font."
- placement: top_right_corner
content: "'Kawai' logo in a handwritten-style font with a tiny sparkle motif."
art_style:
genre: beauty_advertising, high-fashion cosmetic promo
technique: high-key_lighting, glowing_overlays, soft-focus_layering
feel: Uplifting, dreamlike, pure, cool, and refreshing.
color_palette:
dominant: sky_blue_gradient, snow_white
accent: iridescent_rainbow, pale_gold, peach_pink, soft_lavender
rendering_engine_instructions:
quality: ultra_high_resolution, clean edges, delicate lighting effects
lighting: "Natural daylight simulated with soft diffusion, gentle backlight halo on hair, glowing highlights on skin and product."
focus: Eyes and cheekbones in crisp detail, hair edges and light streaks gently softened.
composition: Balanced and clean — open space allows each element to 'breathe'. Composition should express transparency and glow.
goal: To express the concept of “sunlight as beauty,” delivering a joyful, elegant cosmetic image for summer skin protection.あなたは、ターゲットの心理、デザイン原則、タイポグラフィを深く理解し、コンバージョンを最大化する最高品質の広告クリエイティブを設計する専門家です。以下の入力情報と指示に基づき、note.comの有料記事を販売するための、詳細な広告生成用YAML形式プロンプトを1つ作成してください。
# 入力情報:
- ターゲット: [ここにターゲットを入力]
- 価値: [ここに提供する価値を入力]
# 指示:
- 最重要原則: プロのデザイナーが制作したような、高品質なクリエイティブを設計してください。特に、スマートフォンなどの小さい画面で表示されても、瞬時に目を引き、内容が明確に読み取れることを最優先します。
- 目的: 入力された「ターゲット」が、提供される「価値」に強く惹かれ、記事の購入（コンバージョン）に至るような広告クリエイティブの設計図をYAML形式で出力します。
- タイポグラフィの強調: メインコピーとサブコピー（main_typography, sub_typography）は、指定された余白（margin）を厳守しつつ、可能な限り大きく配置してください。font_sizeで具体的なサイズ感を指示し、視覚的なインパクトを最大化します。
- メインコピーの制約: メインコピー（main_typography.text）は、13文字から20文字の範囲で、ターゲットの行動を喚起する、短くも力強い言葉を選んでください。
- リッチな背景: 背景（background_image）は、単なる模様ではなく、奥行きと複数の視覚的要素（例：光の粒子、微細なラインアート、幾何学模様のレイヤーなど）を含んだ、リッチでコンセプトを補強するものにしてください。
- YAML構造: 下記の[YAML出力例]の構造と項目を厳密に守り、各項目を論理的かつ創造的に記述してください。
# YAML出力例（この形式で出力してください）:
metadata:
platform: "note.com (Paid Article)"
objective: "Maximize conversions (purchases) by creating a high-impact, professional-quality creative."
target_audience: "（ターゲットを具体的に記述）"
concept:
core_value: "（価値を魅力的な言葉で再定義）"
unique_selling_proposition: "（競合との差別化ポイントや独自性を記述）"
psychological_trigger: "（ターゲットの行動を後押しする心理的欲求を記述）"
visual_elements:
eye_catch_image:
default_setting: "Visually impactful and attention-grabbing within 0.3 seconds. Features a Japanese person suitable for the thumbnail, creating a strong focal point."
description: "（ターゲットが共感・憧れを抱くような日本人の人物像や状況を、表情や視線まで含めて具体的に記述）"
style: "（アイキャッチ全体のスタイル。例: Dramatic, Cinematic, Premium, Conceptual）"
background_image:
description: "（コンセプトを象徴し、奥行きを感じさせるリッチな背景。複数の要素（例：微かに動く光の粒子、デジタルの回路網、幾何学的なレイヤー）が重なり合い、アイキャッチの人物と文字情報を力強く引き立てるデザイン）"
style: "（背景のスタイル。例: Layered, Tech-inspired, Abstract, Deep）"
layout_principle:
main_rule: "Z-pattern. Create a strong visual hierarchy from top-left to bottom-right."
design_principles:
- "Proximity: Group related items together."
- "Alignment: Align elements to create order and stability."
- "Contrast: Maximize differences in size, color, and font for emphasis."
- "Scale: Use dramatic differences in element size to create immediate impact and guide the eye."
margin:
top: 80px
bottom: 80px
left: 80px
right: 80px
ensure_no_clipping: true
main_typography:
text: "（13〜20文字の、行動を促すメインコピー）"
font_family: "Noto Sans JP Bold, Yu Gothic UI Bold"
font_size: "Very Large. Fills the available width within the margins."
color: "（背景に対して最もコントラストが強くなるメインカラーと、強調部分のアクセントカラーを指定）"
placement: "Top-left, as the primary focal point."
effect: "（文字の視認性を高める効果。例: Subtle drop shadow, Outer glow）"
sub_typography:
text: "（メインコピーを補足し、価値を伝えるサブコピー）"
font_family: "Noto Sans JP Regular, Yu Gothic UI Regular"
font_size: "Large. Clearly readable but subordinate to the main typography."
color: "（可読性を保ちつつ、主張しすぎない高コントラストな色を指定）"
placement: "Below the main typography."
style_guide:
overall_impression: "（広告全体から受けるべき印象。例: Bold, Dynamic, Professional, Trustworthy）"
color_palette:
base_color_ratio: 70
main_color_ratio: 25
accent_color_ratio: 5
accent_color_rule: "Use a complementary or triadic color for the strongest possible contrast."
primary: "（世界観を決定する、深みのあるベースカラー）"
accent: "（注意を引き、重要な部分を際立たせる鮮やかなアクセントカラー）"
text: "（背景色に対して最大限の輝度差を持つテキストカラー）"
color_contrast: "Very High. Aim for WCAG AAA compliance to ensure maximum readability."
aspect_ratio: "3:2"AI時代 ゼロから副収入を得る ロードマップ
{ 記事タイトルを入れてください }
# 指示:
- 上記のタイトルを基に、下記の画像生成プロンプトを調整し、提示してください。
===画像生成プロンプト===
# メディア:
- 記事のサムネイルヘッダー画像
# アイキャッチ画像:
- { 提案してください }
- 人物写真 or フラットベクターイラストレーション
- 読者ターゲットが一番興味をそそるアイキャッチ
- 特に理由がなければ笑顔
- 高品質でシャープな印象
- ありきたりな印象は避ける
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
# 配色:
- ベースカラー70%: :{ 提案してください }
- メインカラー25%: :{ 提案してください }
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- 生成するたびにランダムで決定
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# スタイル:
- プロフェッショナル
- スタイリッシュ
- ビジネスライク
# アスペクト比:
- 横長（幅3: 高さ2）【思考停止か進化か】AIで「頭が悪くなる人」「賢くなる人」の決定的な違いとは？
# 指示:
- 上記のタイトルを基に、下記の画像生成プロンプトを調整し、提示してください。
===============
画像生成プロンプト
===============
# メディア:
- 記事のサムネイルヘッダー画像
# アイキャッチ画像:
- : { 提案してください }
- 特に理由がなければ笑顔
- 高品質でシャープな印象
- ありきたりな印象は避ける
# タイポグラフィー:
- 文字数: 10~13文字以内
- 視認性が高いフォントを使用
- インパクト重視
- エフェクトを適度に付与
- 文字サイズのコントラストを高く
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
# 配色:
- { 提案してください }
# レイアウト:
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# スタイル:
- { 提案してください }
# アスペクト比:
- 横長（幅3: 高さ2）# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- { 提案してください }
- 頭を抱えて悩む30代の男性。少年時代を頭の中で思い出している
- 特に理由がなければ笑顔
- 高品質でシャープな印象
- ありきたりな印象は避ける
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :{ 薄いピンク }
- メインカラー25%: :{ 提案してください }
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- 生成するたびにランダムで決定
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
【AI失業したくない30代へ】天職の答えは子供時代の「3つの動詞」にある# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- できない人（赤）と、できる人（青）の対比構造
- デジタルなポリゴンタッチ
- 高品質でシャープな印象
- ありきたりな印象は避ける
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :{ 提案してください }
- メインカラー25%: :{ 提案してください }
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- 生成するたびにランダムで決定
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
なぜ一流は「答え（赤帯）」より「問い（青帯）」を磨くのか？# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- エグゼクティブ層のビジネスマンが万年室で手紙を書いている
-高画質
- 高品質でシャープな印象
- ありきたりな印象は避ける
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :{ 提案してください }
- メインカラー25%: :{ 提案してください }
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- 生成するたびにランダムで決定
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
【年収UP】言葉に「引力」を生む、たった1つの共通点# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- 1人の人間に、多くの人が集まってきている様子
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :{ 提案してください }
- メインカラー25%: :{ 提案してください }
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- 生成するたびにランダムで決定
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
【もう集客で困らない】1,000人集客のプロが明かすシンプルな「企画」の法則# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- デザインを科学的に探求している博士
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :青から紫のグラデーション
- メインカラー25%: 白
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- 生成するたびにランダムで決定
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
ビジネスを成功に導く「戦略的デザイン」の全技術# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- SNSで集客・告知をしている笑顔の日本人ビジネスマン
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :青から紫のグラデーション
- メインカラー25%: ピンクからレッドのグラデーション
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- 生成するたびにランダムで決定
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
【もう告知で悩まない】ウェビナーが満席になる集客の法則# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- 未来を想像する若い男女。デザイナー。PCを持っている。リアル
- センターに配置
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- センターに配置
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :紫と水色のグラデーション
- メインカラー25%: 白
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- センター揃え
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
【AI時代のデザイン戦略】未来に備える思考法と今日から始めるAI活用術# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- 若いアパレルのセレクトショップのオーナー。
- センターに配置
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- センターに配置
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :緑と水色のグラデーション
- メインカラー25%: 白
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- センター揃え
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
【AI時代のキャリア戦略】「何を学ぶか」より「何を信じるか」# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- デザイナーやエンジニアの男女。PCを持ってAIを使っている
- センターに配置
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- センターに配置
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- { 提案してください }
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :オレンジからピンクのグラデーション
- メインカラー25%: 白
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- センター揃え
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
【DeNAに学ぶ】AIを「武器」に変える思考法と実践ロードマップ# 指示:
- 以下の「タイトル」を理解し、GPT Imageを使用して記事のサムネイル画像を作成してください。
# 仕様:
- 水平画像
- アスペクト比: 3:2
# 印象:
- ビジネスパーソンにアピールする知的でスタイリッシュなデザイン
- プロフェッショナルなデザイナー品質
- 創造的なタイポグラフィ
# アイキャッチ画像:
- スマホを持って困っている20代日本人女性。
# タイポグラフィー:
- 視認性が高いフォントを使用
- 文字サイズのコントラストを高く
- 意味を考慮した改行位置
- 最も目立たせたい文字は四角の帯を敷く
- センターに配置
- 大文字・小文字は「テーマ」から変えない
# 背景画像:
- デジタル、幾何学、UIデザインをイメージ、グラデーション
- タイポグラフィーの視認性が優先
- 抽象的なデザイン要素を配置し、デジタル感を演出
# 配色:
- ベースカラー70%: :黒
- メインカラー25%: 薄いピンク
- アクセントカラー5%: :{ 提案してください }
- コントラスト: 高い、パキッとした印象
- 使用できる色数: 2~3色まで
- 彩度が高い、鮮やか
# レイアウト:
- センター揃え
- テーマに沿ったダイナミックかつインパクトのあるレイアウト
- 一瞬で目を引く
- 上下左右に80xpの余白を設ける
# タイトル:
「GPT-4oを返せ」の声に潜む、あなたの成長を止める罠prompt: >
2×4 の非対称グリッド。異なる角度で
オーバーサイズシャツ全8色を配置。
セル間に3pxの白線。左上に
「COLOR YOUR DAY!」ポップ体。
右下にオレンジのバッジ「NEW ARRIVAL」。
negative_prompt: "empty cells, misaligned grid"
style: "fashion lookbook, flat lay + model shots mix"
aspect_ratio: "3:2"
resolution: "4K"https://twitter.com/kawai_design/status/1912812962126942270 音声による解説
https://twitter.com/kawai_design/status/1912865800995934585
https://twitter.com/kawai_design/status/1912650923844989435
GPT-4oと書いていますが、Soraでした🙇 https://twitter.com/kawai_design/status/1913886095604863247
#文字: THANKS, 10,000 FOLLOWERS!
#color:
- main: ["#ff5757", "#8c52ff"]
- submary:
- "#a51e6d"
- "#ae357c"
- "#b74b8a"
- "#c06299"
- "#c978a7"
- "#d28fb6"
- "#dba5c5"
- "#e4bcd3"
- "#edd2e2"
- "#f6e9f0"
- backgrounf:
- "#FFFFFF"
#style:
- 高級感、デジタル感、近未来感A high-quality, modern pop-art style polygonal illustration of a generic Asian businessman in his 30s imagining the future of advertising. He wears a sleek black business suit—minimalist and stylish—standing confidently in a digital world filled with polygon-shaped holograms and AI icons. His face and figure are rendered in low-poly style, combining angular geometric shapes. The background features a futuristic palette of deep blue, neon blue, violet, and electric purple gradients, with glowing abstract shapes and digital patterns. The overall composition is vibrant, tech-forward, and playful, with a clean vector aesthetic, polygonal lighting, and stylized shadows. No text.https://twitter.com/kawai_design/status/1913457702535385167
https://twitter.com/kawai_design/status/1917533663643984190 私のアイコンと下記のプロンプトを入力
Dynamic 3D shot of a pixelated black and white icon (attached image).
The inside of the icon is white. The subject is hovering over
a flat background, with no shadows.Japanese middle school boy,
pop-style colorful illustration,
cheerful expression, lively pose,
school uniform with a casual touch,
big eyes, round face, clean lines,
cute and energetic anime-inspired style,
simple shading, bright colors,
transparent background,
no text, no background elementsMinimalist illustration, woman writing with oversized pencil,
large paper, hot coffee cup with steam, flat design,
soft pastel background, creative concept, no text- Pixel art (16x16pixel)
- Early MaxOS icon style
- White background
- Monochromatic
- Pixels are black
- Motif: { ここに生成したいモチーフを入力してください }
- Simple, dots中村天風の写真。墨で描かれている。下記のサムネイルに使用しました。
「急げ！」という文字。ゴシック体。斜体。勢いがある。黒い文字。背景は透明「できる男の化粧水」という文字を生成。綺麗なフォント。明朝体。斜体。細いフォント。白い文字。文字の大小のメリハリをつけて。広告用のメインコピー。左揃え。文字に水のエフェクトを適用。背景は透明。- "ChatGPTでデザインを生成"という文字をデザイン違いで6パターン生成してください。
- 背景は白
- 1枚に6パターンのデザインを生成
1. 光彩を取り入れた派手な文字
2. ツヤのある3D文字
3. 黄金でキラキラしている文字
4. 水で作られた文字
5. フチ文字のポップな文字
6. 赤いボックスを強調したい部分に敷いた文字andscape layout
white background
empty space in the center for text
around the top, bottom, left, and right edges:
scattered illustration icons related to "recruitment" (e.g. resumes, briefcases, magnifying glass, handshake, job offer)
icons use a pink-to-purple gradient
style is pop, cheerful, and freshclean and modern background,
inspired by Google Sheets green and Google Apps Script colors (red, green, blue, yellow),
abstract shapes and soft gradients,
spreadsheet grid patterns subtly integrated,
no text, no people,
balanced composition for ad background use,
bright, light-filled, professional and tech-inspired atmospherewhite background, accent elements in Udemy purple, minimalistic and
clean layout, subtle abstract shapes or waves, modern and professional,
soft shadows, educational tone, no text