如何用 AI 協助設計 電商 產品圖?

客戶丟了一張產品圖,我不急著進設計,先用 AI 跑幾個視覺方向出來讓客戶選。
給 AI 指令前,要把品牌色、物件細節、畫面氣氛說清楚,出來的才有參考價值。
提案時間縮短,方向確認了設計師再進場做細節,
AI 省的是溝通時間,不是設計工時。

 

客戶丟了一張香氛精油的產品圖,問我:「這個做母親節提案,可以嗎?」

我看了一眼才發現,這張「圖」其實不是單純一張圖。

它是商品一頁式長圖,本質上是 Landing Page 的視覺稿,只是用圖的形式呈現。

以前要做這種東西,要找攝影師、等素材。

現在用 AI 協助,可以快速的給出設計方向,讓客戶選。

但這個過程有一個坑,踩過才會懂:

給 AI 的指令,決定了結果值不值得用。


一頁式長圖長什麼樣

這種長圖不是一次亂排出來的,是由區塊往下堆出來的。

常見結構大概是這樣:

主視覺(品牌名、主標、賣點) 產品理念短文 成分拆解 使用情境 產品特色 包裝細節 使用者心得 CTA 購買區

你先知道這個架構,才知道要準備哪些素材、要讓 AI 幫你做哪一段。


做這種長圖,有兩條路

看你最後要拿這張圖做什麼。

路線 A|先做設計稿長圖

用 Figma 或 Photoshop 排好,適合提案確認視覺方向,也能直接做廣告素材。

適合:提案、風格測試、廣告長圖

路線 B|直接做成網頁

用 Joomla + SP Page Builder 或 WordPress + Elementor 拆成可維護的區塊,後面才能改文字、換圖、做手機版、加 SEO。

適合:要長期上線、需要 SEO、頻繁更新

我通常建議先做設計稿,客戶點頭了才切網頁。

原因很簡單:如果一開始就做網頁,客戶要修改的話,比較不容易也會更耗時耗工。

先用圖確認方向,比較省事。

電商 產品長條圖

不要只跟 AI 說「做一瓶香氛精油」

你給的指令越模糊,AI 給你的就越有AI味。

在下指令前,給 AI 三件事:

  • 品牌視覺參考:色碼、字體感覺、整體風格。不給這個,AI 會幫你亂猜。
  • 物件細節:瓶身材質、搭配的花材或禮籃、蝴蝶結的質感。越具體越好。
  • 畫面氣氛:這個最重要。光影和情緒,要用文字描述出來。

兩個可以直接用的指令範例

產品長圖版本,我這樣寫:

Prompt|商品長圖

「請設計一張日系極簡風的一頁式商品介紹長圖,主題為柑橘香氛精油。整體色調以米白、淡粉橘、暖金為主。第一屏展示精油瓶與包裝盒,搭配葡萄柚切面與柔和晨光。下方分區包含品牌介紹、香調介紹、使用方式、產品特色、細節展示、使用者心得與購買 CTA。整體風格乾淨、柔和、高級感。」

母親節情境版本:

Prompt|母親節情境

「兩個編織禮物籃,左邊粉色蝴蝶結,右邊紅色蝴蝶結,內含精美包裝產品。背景柔和粉色布料,有康乃馨花與 Happy Mother's Day 卡片,光線柔和,整體色調溫暖粉白,所有文字固定位置不變。」

這樣 AI 才知道你要的不是一張單品圖,是一整頁的視覺稿。

電商 節慶 banner


同一個產品,兩個方向,五分鐘選定

當時我給客戶出了兩個版本:

方案 A|溫馨質感風

「產品放在柔和粉色布料上,旁邊有康乃馨與緞帶,暖光,精緻禮盒感,母親節氛圍。」

方案 B|極簡自然風

「產品放在白色大理石桌面,搭配葡萄柚切面,清晨自然光,極簡商業攝影風格。」

客戶看完,選定方向。
以前這個確認過程要跑兩輪 email,可能還要開一次會。


AI 出來的圖,不能直接上線

這點很多人搞錯。

AI 很適合確認大方向,不適合當最終成品。

文字排版亂的、logo 比例 AI 處理不好、產品邊緣的去背和光影要人工修。

我的做法:AI 負責 0 到 60 分,設計師從 60 修到能發佈的版本。

直接把 AI 原圖當上線素材,一旦細節出問題,傷害的是品牌積累很久的形象。


AI 加速的是溝通,不是取代設計

這是我想特別說清楚的一件事。

我用 AI 的目的,不是省掉設計師。

是省掉「客戶說不出他要什麼」的時間。

以前一份提案要磨三天。

現在半天可以出方向,讓客戶選,才進設計執行。

省下的時間不是拿去偷懶,是拿去想:
這個提案到底要打動誰、打動他什麼?
品牌的審美判斷還是在人這邊。

電商 產品圖

電商 網頁設計


網站技術問題、SEO 規劃、AI SEO 設定,歡迎直接聯繫益盛科技。

LINE 諮詢 查看 SEO 服務 查看 網頁設計 服務 查看 品牌電商 服務
Ring
FOUNDER & CONSULTANT

本文作者:Ring

益盛科技創辦人 & 專案經理,具備 13 年 網頁設計 與技術 SEO 實戰經驗。
專注於運用 AI SEO 系統與 自動化技術,協助台灣 電商 品牌打通流量變現的底層邏輯。

LINE