主圖上的字比內文更重要
🎯 目標:把主圖上那幾個字寫對,再產出一份可以直接開拍的商品攝影指引
✅ 產出:5 組主圖文案(含主標/副標/角標、hex 色碼、字體級數建議)+ 1 份含場景、燈光、5 種角度、後製參數的拍攝指引 + 1 張可以交給攝影師的拍攝單
📖 本堂課重點
滑蝦皮的時候,一排四個商品並排,你的主圖在手機上大概只有 3 公分寬。詳情頁寫了 800 字賣點,九成的人根本沒滑到那裡就走了。真正決定他要不要點進來的,是主圖上那幾個字,還有那張照片好不好看。這堂課只處理這兩件事。hero-image-text 讓你填商品名稱、商品賣點、促銷資訊,再從簡約清新、活潑繽紛、高級質感、促銷搶眼、日系文青裡選一個風格,一次生 5 組主圖文案。每組都給主標、副標、角標三層,加上背景色/文字色/強調色的 hex 色碼、字體與級數建議,還附一段話解釋為什麼這樣配。結果下方另有 sizeGuide 列各平台主圖尺寸與文字佔比,以及一份 doNot 清單。photo-guide 則是填商品類型、你手上真的有的拍攝設備(iPhone、Android 手機、入門相機、專業相機)、用途(電商主圖、情境照、細節特寫、社群素材)、風格,產出四到五個拍攝場景(含背景、道具清單、氛圍關鍵字)、自然光與人工光兩種打法、5 種角度各自適合哪個平台、後製 App 與調整參數、蝦皮 momo IG FB 的圖片規格,最後是一份常見錯誤清單。兩個工具跑完,你手上會有一份文案,加一份可以印出來帶去棚裡的拍攝指引。
🛠 對應工具(2 個)
📋 跟著做(SOP)
- 1
先決定這張圖只講一句話(準備 5 分鐘)
打開工具之前先自己回答:這張圖如果只能留一句話,要留哪句?把商品名稱、3 個賣點、目前有沒有促銷寫下來。賣點欄位寫得越具體,生出來的主標越能用。寫「吸收率高」不如寫「游離型、一天一顆」,前者 AI 只能還你一句空話。
- 2
跑 hero-image-text 拿 5 組文案(10 分鐘)
填商品名稱、商品賣點、促銷資訊,風格先選跟品牌調性最接近的那一種。一次拿到 5 組,每組有 headline / subline / badge 三層,加上 hex 色碼與字體級數。不要只看第一組,5 組通常會分成講功能、講情境、講促銷三派,先各留一組當候選。
- 3
把候選縮到拇指大小再看一次
選好的那組貼進排版稿,把圖縮到手機列表那麼小再看一次。主標超過 12 個字、副標低於 14px、畫面顏色超過三種,這一關就會露餡。工具給的 doNot 清單就是拿來對照這關的,逐條看一遍再往下走。
- 4
用 photo-guide 生拍攝指引(10 分鐘)
填商品類型、你真的有的設備、用途、風格。產出的場景建議、燈光配置、拍攝角度、後製建議四塊都可以複製,別只看場景就把頁面關掉。燈光那段會直接寫窗邊多少公分、幾點的光、要不要補反光板,自己拍的人最需要的就是這段。
- 5
把角度清單改寫成拍攝單
photo-guide 的角度清單每一條都標了適合哪個平台。整理成一張表:第幾張圖、什麼角度、放哪個平台、要不要留文字空間。最後一欄工具不會幫你想,要你回頭看第 2 步的主圖文案,主標放左上還是置中,構圖就得空出那一塊。
- 6
交件前對一次平台規格與常見錯誤
照片拍完、文字疊上去之後,拿 photo-guide 的平台規格區與常見錯誤清單逐條核對。平台規範會改版,工具給的是基準值,上架前再去蝦皮或 momo 後台的圖片規範看一眼最保險,尤其首圖能不能放文字這件事各家不同。
📍 Allen 賣保健食品 walkthrough
「日常補給」賣葉黃素和益生菌,客單 800 到 1500,蝦皮和官網都有賣。原本葉黃素的主圖是白底加產品罐,上面寫「金盞花萃取專利葉黃素」,蝦皮列表點擊率長期卡在 1.2% 上下。跑 hero-image-text,商品名稱填「葉黃素膠囊 30 入」,賣點填「游離型、一天一顆、久盯螢幕的上班族適用、有第三方檢驗報告」,促銷填「兩盒 9 折」,風格選簡約清新。5 組裡最能用的是主標「下班眼睛還睜得開」,副標「游離型葉黃素 ・ 一天一顆」,角標「兩盒 9 折」,配色是米白底、深灰字、橘色角標。接著 photo-guide 填「保健食品膠囊瓶」、iPhone、電商主圖加情境照、白底乾淨,拿到的場景裡選了純白桌面拍主圖、辦公桌日常拍情境圖(道具清單有筆電、筆記本、咖啡,剛好對上上班族客群)。老闆自己拿 iPhone 在窗邊拍了一個下午,重拍到第三輪才把瓶身反光壓下去。改版兩週後那支的點擊率到 1.9%,樣本不算大,但方向是對的。
⚠️ 常見踩雷
- 五組文案全捨不得丟,拼成一張圖:每組的配色和語氣是一套邏輯,混著用會變四不像。挑一組做完整檔,下一檔再拿另一組去 A/B,才知道是哪句話有效。
- 先做完文案才想到要拍照:文案排版是有留白位置的,如果商品在照片裡塞滿畫面,主標就只能壓在商品上,整張圖立刻變便宜。先看文案佔位再決定構圖,這個順序反過來就得重拍,我自己吃過一次虧。
- 照著 AI 給的 hex 色碼直接定案,沒在手機上看過:米白底配淺灰字在筆電螢幕很有質感,拿到戶外太陽下幾乎看不到字。定案前拿自己的手機走到窗邊看一次,三十秒的事。
❓ 常見問題
Q. AI 生出來的主圖文案可以直接用嗎?
A. 副標和角標大多可以直接用,主標建議自己再改一輪。AI 不知道你這檔活動的口氣、也不知道你上一檔用過哪句,主標又是整張圖唯一會被看到的東西,值得多花五分鐘。實務上比較好用的做法是把 5 組主標拆開重組,例如 A 組的動詞配 B 組的情境。
Q. 沒有攝影師,自己用手機拍真的行嗎?
A. photo-guide 的設備欄位本來就有 iPhone 和 Android 手機兩個選項,選了之後產出的內容會針對手機寫,燈光段會給窗邊距離與時段、後製段會給免費 App 和具體參數(亮度加多少、銳化加多少)。真正的差距不在設備,在光跟背景乾不乾淨。
Q. 風格選錯會怎樣?要不要五種都跑一次?
A. 不用。風格影響的是配色邏輯和用字調性,例如促銷搶眼會給你紅底黃字大字級,日系文青會給明體加米色調。跑錯了重跑一次很快,但同一檔商品五種都跑完只會讓你更難決定。先選最接近品牌現況那一種,下一檔再試相鄰的風格做 A/B。
Q. 主圖上到底可以放多少字?
A. 工具的 sizeGuide 會給文字區塊佔畫面的建議比例,平台規格區會列各站尺寸。但這是基準,不是規範本身。蝦皮和 momo 對首圖能不能放文字、浮水印的認定不一樣,而且會改,上架前一定要回平台後台看當下的規範,被下架重上很浪費時間。