嘉偉AI圖應用的五種風格

如Canva製圖範例
https://www.canva.com/design/DAGstpWegrY/IbD4uVoV4fJOlsOEuCIYIQ/view?utm_content=DAGstpWegrY&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=ha01ee99037

  1. 真實風
  2. 大表象小真相風
  3. 貼文梗圖-學圖說字風
  4. 海報背景風

   排版與色彩調性   

(先看 > 新手設計師-那是你不會抄 )

step1:決定調性 (鮮明 / 暗灰質感 / 柔和 / 淡白小清新 )

step2: 找靈感

  • 構圖/排版
  • 文字
  • 顏色
  • 元素
  • 細節






  • 元素
    • 人像
    • 商品(1.記實法 / 2.抽象法< 21.表相真象 22.成份或效果 >)
    • 貼文圖或梗圖

  • 細節
    • 圖:主元素圖與背景(圖或色)是否有作到襯
      • 符合想要的調性 (鮮明 / 暗灰質感 / 柔和 / 淡白小清新 )
      • 臨近色 / 對比 / 分割補色 / 四元色 
    • 字:字型是否符合調性
      • 主標題有大有小
        • 關鍵字大約3字左右方便閱讀
      • 次標題設計
        • 退到主圖之後
        • 支撐主標題
      • 文字間距/行距細節
    • 裝飾( 潛台詞文字<中/英/日/韓> / 線條 / 幾合形狀 / Banner / 光 /  陰影 )應用


字型

   1.<真實系>記實圖片-如人像或商品,設計小白教學   

真實系

真實寫實風操作步驟





步驟一:手機拍照

先用手機拍攝你需要的照片。

  • 如果是拍人像,可以先用《美圖秀秀》進行簡單的修飾(例如:去痘、柔膚)。
  • 如果是商品,用原生相機或人像模式拍攝。




步驟二:圖片調色

若照片顏色不滿意,可以用《Snapseed》來調整色調,

常用功能如:


  • 調整變形的結構
  • 調整曲線
  • 調整亮度、對比等





步驟三:上傳到Canva

將拍攝好的照片上傳到《Canva》,

準備進行背景與設計合成。




步驟四:挑選背景模板

到【黃嘉偉美學工作室平台】

選擇適合的 Pinterest Canvas 學習背景範本。

情境參考圖>Canva背景產生器


商品背景參考



步驟五:產生背景語法

打開【Canvas背景語法產生器】,

輸入下列資訊:


  • 標題
  • 表象與真相的描述
  • 選擇「情境照」或上傳你剛拍的照片


Canva背景語法情境建議

系統會自動生成可用於 Canva 的背景語法。




步驟六:套用背景語法

將語法貼到 Canva 中,

生成具有故事情境的背景。


如果圖片太小比例不對,

可以用 Canva 的 AI 擴展功能將圖片放大。


確認「視覺主體」和「背景大小」是你要的尺寸大小後,

再套用背景生成最終合成畫面。




步驟七:不滿意可微調

若第一次產出的內容不滿意,

可再次輸入語法,進行微調與修改。





最後提醒



  • 如果發現「背景」和「主體」的顏色風格不搭,
    記得要進行調色!




調色建議順序如下:



  1. 思考黑白畫面,找出主體與背景的最亮白色與最暗黑色的臨界點先調色,再來調明亮與陰影的亮度對比。
  2. 再微調「色相」讓整體色調一致。(可運用吸管來幫忙判斷背景與視覺主體的色相。)
  3. 最後處理「飽和度」,確保不過於鮮豔或暗淡。



經過這三步驟,再做最後整體調整即可。





補充說明:兩種商業攝影照片風格



  1. 產品照:重點是呈現真實樣貌,顏色要接近實物原色。
  2. 情境照:可以依照氛圍與情緒,去調整顏色與光影,營造故事感。


   2.商品-抽象圖<表象真相系><意念系>設計小白教學   

打造高質感的產品貼圖,只要6步驟!


步驟 1:(主題?)先搞懂你的商品有什麼厲害的地方

🔍 進入黃嘉偉美學工作室的 KM 平台
找出「A3」與「A4」這兩個項目

A3分析出差異化賣點

A4賣點再包裝的方法

✍️ 在這兩個項目中,幫你的產品找到:

  • 和別人不一樣的地方(差異化)>他應該是一句想讓人印象深刻的話(這樣比較容易有畫面感)。


步驟 2:(靈感?)決定要用什麼圖來呈現

你可以從以下幾個地方找圖的靈感:

🖼️ 00-04貼圖設計

  • 排版1-表象真相呈現技法
  • 01-商品與手繪
  • 18-小人辦事商品內涵物(想想看要不要用商品的「內涵物」(成分、效果)來說故事)

看上面三個資料夾,那個圖跟你的差異化的那一句話最有覺覺。

  1. 找到圖「下載下來」


步驟 3:(AI Prompt?)判斷你要用什麼設計方式

回到黃嘉偉美學工作室,看看你現在的設計方向:

☑️ 如果你想讓產品圖直接出現在圖片裡 → <表象真相系>請選「表象真相-有商品圖直接在裡面

☑️ 如果你想呈現產品的成分或效果 →<意念系> 請選內涵物」或「效果圖」來形容商品


步驟 4:讓 AI 幫你生成圖片

  1. 進入「確認GPT」

  2. 依照提示輸入:

    • 你選好的學習圖片(學習風格)

    • 商品圖片

    • 商品的說明內容

  3. 請 GPT 幫你「生成一張符合你風格的設計圖」


步驟 5:進Canva 做美編

🖌️ 把剛剛生成好的圖片丟進 Canva:


你完成了一張有質感、會說故事的產品貼圖設計!

這個方法就是:
「找賣點 → 想風格 → 借圖片 → AI生圖 → Canva美編」的五合一流程

   3.貼文圖/梗圖/海報設計小白教學   

打造高質感的產品貼圖,只要6步驟!


步驟 1:(主題?)先搞懂你的貼文吸睛標題梗圖標題

🔍 進入黃嘉偉美學工作室的 KM 平台
貼文標題:

社群貼文助手,寫完文後請他提供幾款「吸睛的潛台詞標題」

梗圖標題:

00-09-生活智慧觀(心靈小語) ,找靈感。(心靈小語 或 搞笑幹話)

✍️目的:

  • 他應該是一句真實貼文故事+家家有本難唸的經讓人印象深刻的話(這樣比較容易有真體驗的畫面感)。


步驟 2:(靈感?)決定要用什麼圖來呈現

你可以從以下幾個地方找圖的靈感:

🖼️ 00-04貼圖設計

  • 排版1~7-XXXXX
  • 01-商品與手繪
  • 18-小人辦事商品內涵物(想想看要不要用商品的「內涵物」(成分、效果)來說故事)
  • 19-卡通可愛
  • 22-幹
  • 06-AI風格
  • 03-公仔
  • 21-復古
  • 05-手繪五官

00-廣告縮圖美感-W


看上面三個資料夾,那個圖跟你的差異化的那一句話最有覺覺。

  1. 找到圖「下載下來」


步驟 3:(AI Prompt?)ChatGPT 幫你生圖或產生語法,請Midjourney來生圖。

回到黃嘉偉美學工作室,看看你現在的設計方向:

☑️ 有標題想直接作圖→ 請選貼文圖或梗圖


☑️ 商品為主題視覺 → 請選「表象真相-有商品圖直接在裡面

☑️ 想呈現產品的成分或效果為主體視覺 → 請選內涵物」或「效果圖」來形容商品


☑️ 想設計海報背景圖 → 請「海報背景產生器


步驟 4:讓 AI 幫你生成圖片

  1. 進入「確認GPT」

  2. 依照提示輸入:

    • 你選好的學習圖片(學習風格)

    • 一句話(標題)

    • 尺寸大小 與 顏色調性風格

  3. 請 GPT 幫你「生成一張符合你風格的圖」


步驟 5:進Canva 做美編

🖌️ 把剛剛生成好的圖片丟進 Canva:


你完成了一張有質感、會說故事的產品貼圖設計!

這個方法就是:
「找靈感 → 想風格 → 借圖片 → AI生圖 → Canva美編」的五合一流程

圖片製作(規劃中)

https://chatgpt.com/share/6835038d-cfd8-8011-9617-94db3b2d507b


《圖文轉生術:從靜態海報到動態敘事》


運用 AI 工具(GPT、Canva、Runway 等)整合圖像與語言,創造有溫度的視覺敘事內容。





課程核心目標:



學員將學會從圖片或文字出發,結合 AI 協作,設計出三種不同視覺邏輯的靜態海報,最終轉化為動態敘事影片。





三種視覺設計模式與 AI 協作流程






第一種:圖片為視覺主體(Photo-to-Story)




設計理念:



以「圖像主體」承載視覺焦點,再透過背景敘事與情境營造,深化整體海報意象。



AI 協作流程:



  1. 拍攝產品/人物照片
  2. 上傳至 GPT/Canva 等平台,使用背景分離功能
  3. 由 GPT 分析照片情境並生成背景圖敘述
    • 主體特徵
    • 情緒氛圍
    • 故事場景

  4. 使用 AI 工具產生對應背景(如 DALL·E, Canva AI)
  5. 合成主體與新背景,輸出靜態海報
  6. 轉為動態影片:使用 Runway(Gen-4 模型) 等工具,將圖片延伸為敘事影片






第二種:文字為視覺主體(Text-to-Mood)




設計理念:



以文字為主角,圖片為配角,用圖像營造語言背後的情緒氛圍,強化敘事感染力。



AI 協作流程:



  1. 撰寫標題或金句文字(核心訊息)
  2. 請 GPT 協助進行文字視覺化排版設計
    • 字體風格
    • 色彩、筆觸、動感節奏等

  3. 根據文字情緒生成背景圖像(DALL·E、Midjourney 等)
  4. 合成圖文,完成靜態海報
  5. 轉為影片敘事(可加入動態文字、過場、轉場特效)






第三種(升級版):圖文共創敘事(Dual-Narrative Design)




設計理念:



不是單純圖+字混搭,而是讓「圖片與文字」成為兩個敘事軸線,彼此補述、反差、對話,構成一種更有深度的雙軸故事體驗。



AI 協作流程:



  1. 輸入一個主題句/想法(如:「不說話也是一種吶喊」)
  2. 由 GPT 拆解成兩個敘事軸:
    • 圖片敘事:用什麼畫面營造故事?
    • 文字敘事:用哪一句話補述或反差?

  3. 產出:「主視覺情境 + 關鍵標語語句」
  4. AI 同步生成:一張畫面 + 一段文字(對話式關係)
  5. 構圖設計:以非對稱排版或圖文交錯段落,強化敘事張力
  6. 最終整合為:
    • 靜態海報(圖文對話構成)
    • 動態敘事影片(圖、字、音樂節奏交織)




舉例示意:



  • 圖片:遠景中獨自行走的人影
  • 文字:「我不是離群的人,只是在尋找回家的路。」
  • 影片轉場設計:逐漸放大背影 + 字幕漸現 + 音樂轉折






統整流程架構圖(簡化版)


階段

圖主體設計

文主體設計

圖文共創設計

Step 1

拍照上傳

撰寫標題文字

提出主題概念

Step 2

GPT解析主體 + 故事背景

GPT設計排版 + 產出背景情緒圖

GPT拆解雙軸敘事

Step 3

生成背景圖 + 合成海報

合成背景 + 文字為主視覺

AI同步生成圖與文的故事組合

Step 4

Canva排版海報

Canva文字排版 + 圖融入

Canva交錯排版 + 節奏設計

Step 5

Runway Gen-4 影片化

動態文字動畫呈現

圖文節奏並行的影片敘事





後續可延伸模組:



  • GPT 指令範本庫建置(圖文敘事、金句創作、AI 配圖)
  • 圖像風格庫/文字情緒庫建立(給學員使用)
  • Canva 動畫化教學流程(轉場技巧、節奏感設計)
  • Runway 操作教學:如何套用 Gen-4 效果、自訂延伸動畫