RAR 設計攻略
  • 線上課程
  • 專欄文章
  • AI 覺醒
  • 關於講師
登入
客服信箱:riven@rar.design

© 2026 RAR 設計攻略 All Rights Reserved.欸嗚欸嗚欸欸嗚嗚嗚喔喔有限公司.統一編號: 90841757
使用者條款.隱私權政策
Made with ♥ by 無為教育科技股份有限公司.Teachify
Developer and agent API documentationSite content index for AI agents (llms.txt)API documentation (OpenAPI)API authentication guide

ChatGPT 商業設計 AI 實戰課

用 ChatGPT × Codex,完成品牌文案、商品視覺、社群內容與品牌網站。

設計師 Riven

設計師 Riven

課程簡介課程內容關於講師常見問題
ChatGPT 商業設計 AI 實戰課

本課程包含以下內容:

課程長度約 3 小時
64 個課程單元
⏰ 超級早鳥預購限定優惠
📅 募資期間享早鳥特別方案價格 ♾️ 無限次觀看所有課程內容且無期間限制 💳 分期零利率(三期、六期)僅限:玉山、台新銀行信用卡
預購價
NT$7,980
限時倒數
--:--:--
2026/11/08 15:59 截止

課程簡介

01-課程主視覺
02-設計困境與解法
03-適合對象
04-ChatGPT與Codex分工
05-完整作品成果
06-品牌定位與視覺方向
07-商品視覺實作
08-商品圖片精修
09-六頁社群輪播
10-三種廣告訴求
11-可編輯提案簡報
12-網站應用
13-品牌網站製作流程
14-互動商品選擇器
15-Skills可重用工作流
16-修改與驗收

14 章,串起

完整設計能力64 單元01–02基礎操作・需求整理03–04品牌文案・視覺方向05–06商品視覺・精修排版07–08社群廣告・短影音企劃09–10提案簡報・Codex 專案11–12品牌網站・互動工具13–14Skills 工作流・畢業專案從基礎開始,完成自己的品牌作品。課程規劃|上架狀態請見正式課程內容
18-畢業專案與完整交付
19-教材與常見問題

把下一個想法,

做成完整作品。ChatGPT 商業設計實戰課整合 Codex,從基礎到商業設計實作14 章・64 單元案例素材|操作講義工作範本|驗收清單

CHATGPT × CODEX · COMMERCIAL DESIGN

讓想法,
成為完整作品。

把 ChatGPT 的想法,接上 Codex 的製作流程。
從品牌文案、商品視覺,到短影音企劃、提案與網站,
把同一份品牌需求,一步一步做成完整作品。

探索完整課綱 ↘

BRAND DIRECTION

MORNING
FIELD.

讓日常,多一點自然。

PROJECT FILES

品牌上市包
01視覺規範
02社群與廣告
03提案與網站

虛構品牌示意 · 從方向到交付的同一份專案

14

完整章節

64

實作單元

1

貫穿全課的品牌案例

作品成果完整課綱上課方式課前準備常見問題

THE OUTCOME

同一個品牌,
做出完整的一套。

每份作品接續前一份成果。資料、視覺和文案一路累積,最後整理成能展示、能修改、能再次使用的品牌作品包。

品牌視覺規範

把抽象風格,變成每份作品都能沿用的配色、字體與構圖規則。

2 組方向草案+1 頁規範

商品主視覺

從商品照片出發,保留包裝與比例,做出符合品牌的主圖與情境。

1 張主視覺+2 張情境底圖

社群與廣告素材

讓輪播有閱讀順序,讓不同廣告各自回應一個購買理由。

6 頁輪播+3 款廣告

可編輯提案簡報

把需求、方向與作品說清楚;標題、內文與圖形都能繼續修改。

8 頁 PPTX+PDF 預覽

品牌網站與小工具

完成電腦與手機都能使用的頁面,再加入有明確規則的商品選擇器。

響應式網站+互動選擇器

可再次使用的流程

把成功步驟、輸入條件與檢查清單寫成 Skill,換個商品再做一次。

品牌宣傳 Skill+測試紀錄

WORDS INTO SCENES

從文字到鏡頭,
讓品牌說同一種話。

先把想說的話寫清楚,再安排畫面怎麼接。用同一個咖啡品牌,練習把一份核心訊息延伸成文案與短影音企劃。

虛構品牌練習示例 · MORNING FIELD 晨間咖啡

BRAND VOICEMORNING
FIELD.
✓

CHAPTER 03 · BRAND COPY

寫出自己的品牌語氣

從文字樣本整理說話方式,再把主標、介紹與行動文字寫成可以一起使用的一組。

像朋友說話一句一個意思不堆疊形容詞

修改前 · 只有形容詞

頂級享受,給你最完美的每一天。

修改後 · 讓人看見使用情境

為早晨,
留一杯咖啡的時間。

先放下手機,準備一只喜歡的杯子。
晨間咖啡,陪你把早晨慢慢開始。

看看晨間咖啡 ↗

修改理由:刪掉無從證明的「頂級、最完美」,改寫成讀者能想像的早晨。

帶走成果 · 語氣表/核心文案/用途版本/修訂紀錄

STORY
BOARD

CHAPTER 08 · VIDEO PLAN

讓每一句旁白都有畫面

影片任務:讓人看見晨間咖啡的使用情境,最後引導他認識品牌。

  1. 01

    開場 · 留一點空白

    畫面:晨光落在桌面,放下手機,拿起杯子。

    旁白:「早晨,先為自己留一點時間。」

  2. 02

    示範 · 看見日常細節

    畫面:品牌包裝、準備咖啡、杯子回到桌面。

    旁白:「準備一只喜歡的杯子,把早晨慢慢開始。」

  3. 03MORNING
    FIELD.

    結尾 · 給出下一步

    畫面:定格品牌包裝,保留名稱與行動文字。

    字幕:「MORNING FIELD 晨間咖啡|看看品牌介紹」

素材清單

桌面晨光/品牌包裝/準備咖啡的近景/杯子/Logo/結尾字幕

把旁白試讀計時,再核對每段畫面與素材,整理成能交給製作者使用的企劃包。

帶走成果 · 腳本/分鏡表/素材清單/修訂紀錄

短影音章節聚焦腳本、分鏡與製作準備;完整剪輯與影片特效不在本章範圍。

FROM BRIEF TO DELIVERY

先說清楚,
再做漂亮。

課程會示範第一版,也會示範它做錯時,該怎麼指出問題、保留正確的部分。

DESIGN BRIEF

想做一款自然、有質感
的咖啡品牌視覺。

把想法補完整:

對象 想在家喝好咖啡的人

方向 墨綠、霧白、自然光

限制 保留商品外觀與標誌

交付 主圖、簡報、品牌頁

01

先把需求說清楚

整理素材、來源與限制,讓每個判斷有依據。

02

再把方向做出來

先做小樣、確認版型,再展開整組作品。

03

最後真的打開來用

檢查文字、檔案、連結與互動,修到能交付。

YOUR CREATIVE WORKFLOW

讓工具接得上,
也讓你掌握方向。

用同一份專案練習分工:在需要討論時釐清,在需要製作時落地,在需要判斷時回到你的選擇。

CHATGPT

內容與視覺方向

整理資料、推敲品牌訊息,討論並產生視覺草稿。

CODEX

檔案、網頁與互動

整理專案,製作頁面與工具,協助修改、測試和交付。

YOU

選擇與驗收

決定方向、核對資料,確認作品是否符合原本的目的。

THE COMPLETE CURRICULUM

14 章,64 個單元。
每一步,都有成果。

從基礎操作開始,把一份需求做到可交付。點開章節,就能看到每個單元要做什麼,以及這一章的驗收方式。

  1. 品牌資料
  2. 品牌文案
  3. 商品視覺
  4. 社群與短影音企劃
  5. 提案與網站
  6. 可重用流程

初次使用 AI,建議先學第 1、2 章,再挑你的實作路線。

14 章 · 64 單元

A

品牌基礎

第 1–4 章 · 整理需求,建立文案與視覺方向

01從基礎操作到第一份完整成果9 個單元 · 環境檢查表+基礎任務練習+第一份 HTML 需求卡+

從帳號、提示詞與檔案操作開始,分清 Chat、Work 與 Codex,完成一頁可修改的設計需求卡。

  1. 認識 ChatGPT:從想法到設計工作

    用一個設計任務認識 ChatGPT 的用途,分清楚可以交給 AI 的工作,以及仍需要自己判斷的地方。

  2. 開始你的第一段對話:提問、檢查與修改

    送出第一個問題,讀懂回應,再提出具體修改;完成一段能接著往下做的對話。

  3. 開課前先看完整作品與學習路線

    預覽同一品牌的視覺、簡報、網站與可重用流程,選定自己的練習題目。

  4. Chat、Work、Codex:這件事在哪裡做?

    以同一需求示範討論、產出檔案、操作專案;用任務選介面,不背產品名詞。

  5. 準備帳號、素材與專用資料夾

    檢查可用功能、額度與檔案權限;安裝步驟另附 macOS/Windows 圖文補充。

  6. 提示詞入門:把普通要求說清楚

    用任務、背景、限制與輸出格式寫第一份指令;比較資訊不足與說明完整的結果,練習提供一個例子。

  7. 上傳素材、下載成果與找到檔案

    實際加入圖片與文件,確認工具讀到哪些內容;下載或開啟產出的檔案,說清楚位置、格式與用途。

  8. 第一次交辦:產生可閱讀的需求卡

    提供範例文字,要求固定欄位的 HTML,開啟成品後指定一處修改。

  9. 結果不對怎麼辦?追問與修正練習

    練習補資料、指出問題、保留正確部分;分辨要繼續原對話、整理摘要重開,還是改成較小任務。

本章驗收

能提供素材、寫清要求、找到成果、開啟檔案並指定修改;能說明本機與雲端的差別。

02把商業需求變成 AI 能執行的任務6 個單元 · 需求單+來源表+素材清冊+分段任務表+

會找資料、核對讀取結果、拆解工作與補問缺漏,也會界定什麼才算完成。

  1. 從一句『幫我做漂亮一點』開始拆需求

    確認受眾、使用場合、主要訊息、行動、尺寸、可修改範圍與完成條件。

  2. 做一份有來源的競品觀察

    閱讀 3 個公開頁面,記錄觀察日期、網址與原始資訊,分開整理事實與推論。

  3. 讀取圖片、PDF 與表格,先核對再使用

    用提供的商品資料練習摘要與欄位整理,回查價格、數字與圖片細節;辨識漏讀、辨識錯字與無法讀取的內容。

  4. 建立品牌資料包與素材清冊

    整理商品資料、原始 Logo、照片、正式文案與不可變動事項;缺資料就保留待確認。

  5. 把大任務拆成能逐步檢查的小任務

    依序整理資料、提方向、做樣本與延伸;每一段確認後再進下一步,練習把前一段成果交給下一段使用。

  6. 用一份交辦書控制多輪修改

    設定輸入、步驟、輸出、驗收;以『先提方向、確認後製作』控制需要大量生成的任務。

本章驗收

每個商品主張有來源;假設有標記;長任務有中途檢查;不把競品宣傳當成市場事實。

03品牌文案:把商品說清楚,寫出自己的語氣4 個單元 · 品牌語氣表、核心介紹、主標與修訂紀錄+

文字與視覺共享同一個品牌需求;每個購買理由要能回到商品資料核對。

  1. 從自己的文字整理品牌語氣

    用三段自有或課程提供的文案,整理稱呼、句長、用字偏好與避免使用的說法。 預計成果:一張可供寫作與檢查使用的語氣表。

  2. 把商品特徵寫成有依據的購買理由

    從資料包挑出可以支持的特色,區分已知事實、推論和還不能承諾的效果。 預計成果:三個訴求方向與各自依據。

  3. 將核心訊息寫成主標、貼文與品牌介紹

    先完成一份核心介紹,再依用途改成主標、短貼文及品牌介紹;不把同一段文字硬塞所有版面。 預計成果:一份核心文案與三個用途版本。

  4. 找出空話與誇大,把文案改到能使用

    讓 AI 提出疑點,再回資料核對;刪掉沒依據的形容,保留品牌語氣和明確行動。 預計成果:修改前後對照,以及主標、賣點、行動文字組成的內容卡。

本章驗收

語氣前後一致;購買理由有資料依據;主標、品牌介紹與行動文字可以一起使用。

04建立有依據的品牌視覺方向4 個單元 · 2 組方向草案+1 頁品牌視覺規範+

將抽象形容詞轉成可以比較與修改的設計條件。

  1. 看懂參考圖:構圖、配色與閱讀順序

    逐項拆解參考的作用,練習描述形式,避免只要求模仿整張作品。

  2. 將『高級、自然、有質感』轉成條件

    改寫成光源、材質、背景、字數、對齊與裝飾限制,建立可判斷的方向。

  3. 同一份需求,比較兩條設計路線

    產出兩種視覺提案,依受眾、商品辨識與訊息層次選定方向。

  4. 把選定方向寫成品牌規範

    建立色票、字體方向、圖片規則、禁用元素與正反例,供後續每一份作品沿用。

本章驗收

色彩、字級層次、留白、材質、光線有具體規則;能解釋選擇理由。

B

內容與設計

第 5–9 章 · 串起商品視覺、社群、短影音企劃與提案

05商品視覺:從原始照片到上市主圖4 個單元 · 1 張主視覺底圖+2 張情境底圖+

產生有用途的視覺素材,同時保住商品辨識。

  1. 素材選擇與商品細節標記

    比對清晰度、角度與包裝資訊,標出不可改的標誌、比例、色彩與結構。

  2. 生成第一張新品主視覺

    交代商品比例、光影與文案留白;先產一張檢查,再決定是否延伸。

  3. 延伸兩張使用情境

    沿用品牌規範,改變場景與道具,檢查同一商品在不同畫面的連續性。

  4. 商品被改錯:回到原圖再組合

    示範包裝字、形狀或比例跑掉的失敗例;必要時保留真實商品圖,只生成背景。

本章驗收

商品外觀與原始資料逐項核對;文字與 Logo 預留給可編輯排版處理。

06精修與排版:把草稿做成可交付設計5 個單元 · 1 份可編輯主版型+3 組修正前後對照+

能完成基本排版,選擇重生、局部修改或手動調整,交付可編輯檔案。

  1. 先找問題:主次、密度、對齊與留白

    依重要性排序修改項目,以可觀察問題取代『再漂亮一點』。

  2. 局部修改與連帶變動檢查

    只要求一項改動,再比對其他區域;不把保留指令當成像素不變的保證。

  3. Canva 基礎:素材、文字、圖層與匯出

    從提供的版型開始,練習放入素材、修改文字、排列前後順序、對齊與匯出;具備這些能力可直接看下一單元。

  4. 在 Canva 完成可編輯中文字與 Logo

    將底圖、正式文字與原始標誌分開處理;教材附版面規格供 Figma/Photoshop 使用者重建。

  5. 停止盲目生成:選擇最省重工的處理方式

    比較三種處理路線的結果與耗時,檢查清晰度、裁切、錯字及匯出設定。

本章驗收

文字可單獨修改;原始 Logo 正確;輸出尺寸正確;非修改區域有比對。

07社群與廣告:讓一套設計持續延伸4 個單元 · 6 頁輪播+3 款不同訴求廣告+

用固定規範製作系列內容,讓不同訴求仍屬於同一品牌。

  1. 六頁輪播的內容順序

    安排封面、情境、特色、證據、常見疑問與行動,控制每頁資訊量。

  2. 沿用版型完成系列社群設計

    先確認前兩頁,再完成全組;統一文字層次、圖片處理與對齊。

  3. 三種購買理由,三款廣告素材

    用特色、情境與問題切入,配對畫面與文案;不虛構見證或成效數字。

  4. 多尺寸延伸與素材版本表

    練習方形、直式與橫幅重新排版;記錄改動變因,不將作品好看等同投放有效。

本章驗收

每款有清楚訊息;同組版面一致;商品主張有依據;版本差異可說明。

08短影音企劃:把品牌內容變成能製作的腳本4 個單元 · 一份可試讀計時的腳本、分鏡表與素材清單+

沿用品牌資料與商品素材,完成主題、旁白、分鏡和素材清單;用試讀與逐鏡檢查確認能否開始製作。

  1. 從品牌資料選出一支影片的主題

    每支影片先只回答一個問題,確認讀者、用途、商品資料及看完後的行動。 預計成果:一句影片任務與一個主題切角。

  2. 安排開場、示範與結尾行動

    把核心訊息分成可說、可展示的段落,避免旁白只有形容詞而畫面沒有內容。 預計成果:一份完整旁白草稿。

  3. 將旁白對成分鏡與素材清單

    逐段對應需要的商品照片、細節、示範畫面與字幕;標出已備妥及仍需補拍的素材。 預計成果:分鏡表與素材清單。

  4. 試讀與逐鏡檢查,完成製作企劃包

    以實際朗讀時間調整節奏;核對畫面能否支撐說法,與講師示範成片比對。 預計成果:計時後腳本、分鏡、素材、修訂紀錄。

本章驗收

每句旁白都有對應畫面;清楚標示待補素材;試讀後能依時間修改腳本。

09提案簡報:把設計選擇說清楚4 個單元 · 8 頁品牌上市提案 PPTX+PDF 預覽+

從核准內容製作可編輯簡報,讓設計能被理解與討論。

  1. 先寫故事線,再產生投影片

    用問題、對象、方案、作品、執行與下一步安排 8 頁內容,避免把全文貼上。

  2. 用品牌規範與既有素材製作簡報

    指定每頁目的、版型與素材,要求可編輯物件,先核准兩頁再展開。

  3. 修正套版感、擁擠與不一致

    指出單頁具體問題,保留已核准頁面;比對簡報與原始文稿。

  4. 驗證真的能改,交付原檔與預覽

    打開 PPTX 改一個標題與一個圖形,檢查字型替代與 PDF 呈現。

本章驗收

抽查標題、內文、形狀可編輯;逐頁檢查溢位與字型;數字與主張有來源。

C

網站與流程

第 10–14 章 · 製作網站與工具,整理能再次使用的方法

10Codex 專案:管理檔案、版本與修改4 個單元 · 品牌專案資料夾+AGENTS.md+修改紀錄+

能讓 Codex 在受控資料夾工作,保留可追溯的成果。

  1. 建立專案資料夾與任務邊界

    分開原始素材、工作稿、正式輸出;指定可讀寫範圍並理解確認提示。

  2. 用 AGENTS.md 記錄專案規則

    寫入品牌、檔名、輸出與檢查規範;區分一次指令、專案規則與重用 Skill。

  3. 安全整理檔案與批次產出

    先預覽命名與尺寸表,再複製輸出;保留原檔,檢查數量、格式與實際開啟結果。

  4. 讀懂變更,修復錯誤並回復版本

    學會提供錯誤訊息、指定修改檔案、要求驗證;用版本副本回復,Git 作為延伸閱讀。

本章驗收

能找回核准版本;確認修改範圍;原始素材保留;交付清單與實際檔案相符。

11品牌網站:讓設計成為可操作的頁面4 個單元 · 1 個響應式單頁網站原始檔+預覽與部署操作紀錄+

完成能在電腦與手機使用的一頁品牌網站。

  1. 內容架構與頁面草圖

    規劃首屏、商品特色、使用情境、常見疑問與行動,沿用已核准文案。

  2. 用 Codex 建立 HTML/CSS 頁面

    帶入既有素材與品牌規範,先做完整靜態頁,再調整版面;解釋必要檔案概念。

  3. 用瀏覽器修正手機版與互動

    檢查導覽、文字換行、圖片比例、FAQ、鍵盤焦點與空白狀態,完成一次真實修復。

  4. 交付與上線:檔案、連結、權限

    主線交付可移轉檔案與預覽;示範當期可用發布路徑。學生確認可見範圍後才公開。

本章驗收

360/768/1440 px 檢查;主要連結可用;無假表單成功訊息;來源檔可再次修改。

12互動小工具:讓品牌頁多一個用途4 個單元 · 商品選擇器,整合於品牌網站+

以明確規則完成一個輕量工具,練習需求與測試。

  1. 定義選擇器規則與資料表

    以喜好、使用場合、預算區間對應既有商品,先確認規則與資料,再做介面。

  2. 用自然語言做出互動原型

    將選擇、結果與重設流程做成前端互動;使用範例資料,不連金流或會員系統。

  3. 測試正常、空白與邊界情況

    手動計算預期答案,找出選擇器誤配、按鈕無效或手機溢位等問題並修正。

  4. 把小工具放回品牌網站

    沿用品牌視覺,確認新增互動沒有破壞原頁面;留下規則說明與可修改檔案。

本章驗收

5 組輸入測試通過;可重新選擇;不適合或缺資料時有明確提示。

13Skills:把成功流程留下來4 個單元 · 1 份品牌宣傳 Skill+2 次測試紀錄+例行任務規格+

做出可換商品使用的品牌工作流,理解排程的條件。

  1. Prompt、專案規則、Skill 與 Plugin 的分工

    從自己的工作案例判斷何時需重用流程、外部工具或單次交辦,避免為串接而串接。

  2. 把需求單、品牌規範與檢查表封裝

    用建立 Skill 的輔助工具寫入觸發條件、輸入、步驟、輸出及人工確認點。

  3. 用第二項商品測試你的 Skill

    測試正常資料與缺少價格兩種情況,檢查是否硬套舊商品、捏造資訊或漏了檔案。

  4. 先跑成功一次,再設例行檢查

    示範每週整理公開競品更新的草稿任務,確認來源與執行條件;無排程者照同規格手動執行。

本章驗收

換商品可重用;資料不足會指出缺漏;不自動發布;知道如何停止與修正。

14畢業專案:完成自己的品牌上市包4 個單元 · 自選商品/服務的上市作品包+驗收紀錄+

將方法轉用到不同品牌,完成可展示、可修改、可再次生產的作品。

  1. 第二案例:把商品流程換成服務活動

    以虛構陶藝體驗課示範需求、時間地點、報名行動的差異,練習方法移轉。

  2. 自己的專案,先做範圍與時間安排

    選商品或服務題目,列出必要素材、三個里程碑與可接受的完成條件。

  3. 作品驗收:哪些好看,哪些還不能用?

    對照評分規準檢查視覺、資訊、檔案、網站與重用流程,找出最值得先改的問題。

  4. 完成作品展示與下一次使用說明

    整理前後對照、檔案目錄、已知限制與重用步驟;安排一週後換資料再做一次。

本章驗收

依 100 分規準達 80 分;資訊與功能錯誤須修正;至少一次離開範例的獨立重做。

沒有符合的單元。試試「簡報」「品牌」「網站」,或清除篩選。

以上為完整課綱規劃,影片陸續製作中;已上架單元請查看下方「課程內容」。

LEARN · MAKE · CHECK

看懂只是開始。
把它改成你的,才是練習。

01

看完整示範

從交代需求到修改成果,看見每一次指令與判斷的理由。

02

換成你的題目

沿用方法,替換商品、素材和文案,做出第二份自己的作品。

03

打開檔案驗收

實際改一個標題、點一次連結,確認作品可以繼續使用。

一段真正有用的修改指令

「請保留商品、配色與構圖,只將主標改成『讓日常,多一點自然』。如果文字會超出版面,先提出調整方式。完成後,檢查商品外觀與其他文字是否維持不變。」

從模糊的「再漂亮一點」,練習說出範圍、限制與檢查方式。

YOUR COURSE TOOLKIT

把方法留下來,
下次就有地方開始。

CASE FILES

案例素材

商品資料、圖片與需求設定,先有明確的練習起點。

BRIEF TEMPLATES

交辦範本

需求單、視覺規範與分段任務格式,知道該交代哪些資訊。

LAYOUT GUIDES

版型與操作講義

跟著規格練習排版、製作與修改,逐步建立自己的主版型。

QUALITY CHECKS

驗收清單

逐項核對文字、尺寸、來源檔與互動,整理可追溯的交付紀錄。

教材內容依正式課程公告。

IS THIS FOR YOU?

給想把 AI,
用進設計裡的你。

設計工作者

想把生成、排版、修改與交付接在一起,讓品牌風格保持一致。

行銷與品牌經營者

需要持續製作素材,也想把提案和品牌頁一起完成。

有作品目標的 AI 初學者

願意從帳號、檔案與提示詞開始,一步一步做完自己的題目。

本課聚焦品牌設計與前端實作;API 開發、資料庫、金流與大型系統工程不在主線範圍。

BEFORE YOU START

帶著電腦,
和一個想完成的題目。

一台可上網的電腦

以電腦操作、管理檔案與測試網頁為主;手機可以輔助觀看與檢查。

需要用到的工具帳號

準備 ChatGPT/Codex 與 Canva 帳號。實際功能與用量依帳號、方案及地區而異,課前先確認。

可以練習的品牌素材

可以用課程案例開始,再換成自己的商品或服務;先整理文案、照片與原始標誌。

QUESTIONS & ANSWERS

開始之前,
先把疑問說清楚。

完全沒用過 AI,也跟得上嗎?+

前兩章會從帳號、提示詞、素材上傳、成果下載與檔案位置開始。建議先完成第一份需求卡,再往視覺或網站實作前進。

不會寫程式,可以做網站嗎?+

課程從自然語言交代需求、閱讀成果與指定修改開始,會解釋 HTML/CSS 與必要的檔案概念。你仍需要實際打開頁面、點擊互動、核對結果,練習判斷哪些地方需要修正。

只用免費工具,就能完成所有單元嗎?+

本課沒有承諾全程免費方案皆可完成。生成圖片、處理檔案與使用 Codex 的功能和額度,依當期帳號方案而異。開始實作前會先檢查你的環境;工具訂閱需自行準備。

一定要用 Canva 嗎?+

正式文字與標誌排版以 Canva 作為主線,並提供版面規格。熟悉 Figma 或 Photoshop 的人,可以在自己的工具裡重建;仍需完成可編輯文字與正確輸出的檢查。

生成圖裡的商品或中文字不正確,怎麼辦?+

課程會練習辨識錯誤、限制修改範圍,並將底圖、正式文字與原始標誌分開處理。必要時保留真實商品照片,只生成背景,再用排版工具組合。

作品做完以後,還能自己繼續改嗎?+

課程會要求保存原始素材、工作稿與正式輸出,並實際打開簡報、網頁和版型修改。PNG、PDF 預覽與可編輯來源檔會分開整理。

課程會教商業網站的金流或會員系統嗎?+

主線是一頁式品牌網站與前端商品選擇器,用範例資料練習需求、介面與測試,不接金流、會員資料庫或訂單後台。

工具介面更新後,學到的方法還能用嗎?+

課程將需求整理、視覺規範、分段修改與驗收作為主線。介面與功能可能改變,實作前仍需確認當期可用方式;課程更新安排以正式公告為準。

短影音章節會完成什麼?

完成可試讀計時的旁白腳本、逐鏡分鏡表、素材清單與修訂紀錄。課程練習如何從品牌訊息安排畫面與行動;完整剪輯與影片特效不列入本章範圍。

YOUR INSTRUCTOR

R.

設計師 Riven

UI/UX 設計師・設計教育者

以數位產品設計與教學經驗,把設計判斷、操作步驟和修改方式拆成能練習的任務,帶你把想法整理成可使用的作品。

認識講師 ↗

YOUR NEXT PROJECT STARTS HERE

下一個作品,
就從你的品牌開始。

先挑一個題目,再把它一步一步做完整。

查看 64 個實作單元 ↗

本課程為獨立製作,與 OpenAI 無隸屬或背書關係。

課程內容

共 64 個單元•總時數約 3 小時

  • 認識 ChatGPT:從想法到設計工作
    04:28
  • 開始你的第一段對話:提問、檢查與修改
    02:45
  • 開課前先看完整作品與學習路線
    04:27
  • Chat、Work、Codex:這件事在哪裡做?
    03:19
  • 準備帳號、素材與專用資料夾
    03:02
  • 提示詞入門:把普通要求說清楚
    03:01
  • 上傳素材、下載成果與找到檔案
    02:43
  • 第一次交辦:產生可閱讀的需求卡
    03:15
  • 結果不對怎麼辦?追問與修正練習
    04:12

  • 從一句『幫我做漂亮一點』開始拆需求
    06:18
  • 做一份有來源的競品觀察
  • 讀取圖片、PDF 與表格,先核對再使用
  • 建立品牌資料包與素材清冊
  • 把大任務拆成能逐步檢查的小任務
  • 用一份交辦書控制多輪修改

  • 從自己的文字整理品牌語氣
  • 把商品特徵寫成有依據的購買理由
  • 將核心訊息寫成主標、貼文與品牌介紹
  • 找出空話與誇大,把文案改到能使用

  • 看懂參考圖:構圖、配色與閱讀順序
  • 將『高級、自然、有質感』轉成條件
  • 同一份需求,比較兩條設計路線
  • 把選定方向寫成品牌規範

  • 素材選擇與商品細節標記
  • 生成第一張新品主視覺
  • 延伸兩張使用情境
  • 商品被改錯:回到原圖再組合

關於講師

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

在 IT 和網路產業近十年的數位產品設計師,專注於 UI/UX 使用者介面與體驗設計領域,在全臺多間大專院校與社群機構擔任顧問及講師,並於國內外各大線上課程平台開立設計課程,目前已累積過萬名學員參與上課。

為 Adobe 官方合作的設計師兼 Insider,曾環島舉辦設計工作坊,並獲邀代表台灣飛往美國洛杉磯參加 Adobe MAX 設計師年會,並以設計師 KOL 角色與 Intel、微軟、華碩、微星等知名品牌合作推廣科技產品。

常在 Medium 寫作設計上的知識與觀察,並得到官方認證 #Design 領域 Top Writer,同時也會在 YouTube 上製作影片教學設計的方法,近期開始實驗使用 VTuber 技術在 IG 用 Reels 短影片分享設計技巧。

▌擅長利用淺顯易懂的內容,將艱難的設計與開發技術,用任何人都能夠聽得懂的語彙,說給每一個人聽。

瞭解更多

常見問題

關於付費與購買

我們可以接受信用卡一次付清、信用卡分期付款(三期、六期),ATM 匯款及超商代碼繳費。

點選課程「立即購買」按鈕,在結帳前,會看到「優惠代碼」欄位。

請輸入你的優惠券代碼後,直接按「Enter 輸入鍵」,或是點選「套用」即可!

小提醒:優惠代碼大小寫皆需一致才可兌換。

可以打統編,請記得在付款時「發票類型」選擇「統編發票」,並輸入統一編號與公司抬頭,之後會寄送電子發票到你註冊時留的 Email 信箱。

我們有提供電子發票,課程購買後,會直接寄送到你註冊的 Email 信箱。

「購買後 7 天內」未觀看正式課程影片、未下載附件檔案,皆符合退費資格。
請詳閱下方退款辦法,並來信  riven@rar.design 申請。

信件主旨:【RAR 設計攻略線上課程|退款】

隨信附上:
1. 購買時輸入的姓名
2. 電子信箱
3. 訂單編號
4. 退款金額
5. 退費原因

信用卡支付系統會直接刷退,免手續費。

非信用卡交易如 ATM、超商代碼,將酌收手續費 NT$100,手續費將於退款金額中扣除;

並需要在信件額外附上:

6. 退款帳戶號碼
7. 退款帳戶封面的照片(請提供能清晰辨別帳戶號碼的照片)

進行人工審核通過後會寄出發票作廢通知信,並於受理退款後次月 26 日前完成退款。

ChatGPT 商業設計 AI 實戰課

本課程包含以下內容:

課程長度約 3 小時
64 個課程單元
⏰ 超級早鳥預購限定優惠
📅 募資期間享早鳥特別方案價格 ♾️ 無限次觀看所有課程內容且無期間限制 💳 分期零利率(三期、六期)僅限:玉山、台新銀行信用卡
預購價
NT$7,980
限時倒數
--:--:--
2026/11/08 15:59 截止