---
title: "【 銷售頁設計師 】排版衝刺班 x 業界實戰術"
seo_title: "銷售頁設計"
seo_description: "排版設計、銷售頁、電商廣告、素材網、社群廣告"
slug: salepage
url: https://vickitsai.com/courses/salepage
type: paid
---

# 【 銷售頁設計師 】排版衝刺班 x 業界實戰術

> 快速掌握銷售頁設計的節奏，流暢完成每一次設計挑戰！

## Description



## Learning Objectives

- 銷售頁組成：5 大核心架構
- 電商產品 TA 分析：8 項特徵分析
- 銷售頁常見排版：6 種排版類別
- KV 頁製作的 3 要點，及 7 個不同的產品類別中，附上 2 個模擬產品 KV 練習
- 把參考圖轉化為我的新設計：抓出視覺架構，快速出圖
- 素材怎麼運：6大必備點｜素材網使用規範
- 排版銜接處有 7 個排法：減少視覺疲勞，增強協調度
- 修圖合成技巧：產品＆人像精修＆KV背景合成
- 素材製作：生技水球＆光線素材
- 實際設計案例分析：4 個商品頁面拆解給你聽！
- 教你怎麼談報價 / 案件合約規劃，上完課可直接接案！
- BONUS：課程附上 2 個「模擬產品」及「 10 段落銷售文案」邊學邊實作，完成檔可直接收錄成作品集
- BONUS：最新技術，運用 AI 幫助，快速生成 KV 視覺

## Course Info

- Lectures: 34
- Video: 19h
- Students: 1,259
- Downloadable resources: 14

## Rating

5.0 / 5 (3 ratings)

## Instructors

### 貓奴設計Vicki
*十年以上電商廣告設計經驗*

大家好，我是 貓奴設計 Vicki，在電商領域從事設計工作已超過十年，自 2019 年起全職投入自由接案，目前累積製作超過 350 個品牌的銷售頁設計，合作經驗橫跨多元產業，包括： • 美妝保養、髮品、生技保健 • 寵物用品、家居五金、服飾鞋履 • 嬰兒用品、3C產品、食品飲品、水果禮盒 • 線上課程、寢具、命理服務、虛擬貨幣等 擅長項目：銷售頁設計、電商廣告版面設計 年度作品量：一年內超過 100 件完整銷售頁設計 執行效率：最快 一天可完成 1～2 份頁面設計 平時於 Instagram 分享作品與接案過程（帳號：@vicki_tsai_） 電商是一個高度發展且持續演進的產業，不論平台型態如何改變，行銷內容與頁面建構的需求只會越來越高。如果你希望加快進入電商設計的專業領域，這門課程將是你最佳的起點。

## Curriculum

### 課程試閱 2 分鐘 (2m)

- 課程試閱｜單元十的內容 (2m) [Preview]

### 銷售頁設計師排版衝刺班｜課程前言 (1m)

- 為什麼我要開這堂課？你會學到什麼？ (1m)

### 單元1  認識銷售頁 (12m)

- 銷售頁的基本知識 (12m)

### 單元2  專案流程 ＆ 角色安排 (13m)

- 銷售頁的專案流程，文案師、設計師、攝影師的相互協作 (13m)

### 單元3  銷售頁的 5 大核心主題 (13m)

- 銷售頁關鍵5大區塊，提升頁面導購力 (13m)

### 單元4    如何抓取 TA 及 設定銷售模式 (10m)

- 精準定位TA，有策略地設計排版，打造高轉換率頁面 (10m)

### 單元5  攝影企劃安排 (12m)

- 銷售頁視覺要漂亮，產品攝影也是需要精心規劃的 (12m)

### 單元6   風格抓取 與 設計溝通的實務思維 (10m)

- 有共識的視覺風格，讓設計更精準順利 (10m)

### 單元7 文案規劃要有「排版意識」 (12m)

- 在銷售頁設計中，文案與設計並非獨立作業 (12m)

### 單元8 銷售頁的「排版思維」 (10m)

- 讀得完的銷售頁，才能將產品信息有效傳遞給消費者 (10m)

### 單元9 設計開始 -「簡易排版」 (11m)

- 搞定20%初步雛形，後續的設計流程更省力 (11m)

### 單元10 銷售頁排版的 6 大基本分類 (18m)

- 學會6大排版類型，輕鬆排出吸睛、流暢、好讀的頁面 (18m)

### 單元11 主視覺 KV 頁的製作 (43m)

- 掌握KV頁設計3要素，一眼抓住潛在客戶目光 (43m)

### 單元12 不同產業別的「 KV 頁製作」及「排版要點」 (22m)

- 解析7大常見產業KV頁設計核心要點，創造有商業力度的主視覺 (22m)

### 單元13  把參考圖轉化成我的新設計 (25m)

- 想不到排版嗎？有效尋找可用的排版參考，不再一直試錯修改 (25m)

### 單元14 顏色的搭配法 (9m)

- 合適的色系、明暗，成就整體視覺和諧有層次 (9m)

### 單元15 字體的選擇 (10m)

- 每種字體的傳達的感受，字級的設定 (10m)

### 單元16 比例很重要，也是整體協調的關鍵 (11m)

- 控制好比例及比重，讓產品信息一目了然 (11m)

### 單元17「素材怎麼選擇」搭起來更協調 (20m)

- 挑對素材，頁面精緻度大加分 (20m)

### 單元18 排版中的銜接處 (9m)

- 流暢自然的排版轉換，產品訊息輕鬆接收不費力 (9m)

### 單元19 素材實作 -「科技光球」 (45m)

- 生技元素，產品成分光球實作 (45m)

### 單元20 素材實作 -「光的素材」 (34m)

- 氛圍製造，光線特效的實作 (34m)

### 單元21   人像修圖及KV情境合成 - 基礎篇  (54m)

-  課程試閱 (2m) [Preview]
- 模特兒精修，以及 KV 視覺搭建 (51m)

### 單元22  產品修圖及KV情境合成 - 基礎篇  (47m)

-  課程試閱 (1m) [Preview]
- 產品精修，以及 KV 視覺場景合成，沒有「情境攝影照」也不擔心 (45m)

### 單元23 銷售頁 / 廣告圖 GIF 動圖實作 (34m)

- 銷售頁＆廣告圖通用，動態效果 (34m)

### 單元24 我要接案，如何「定價」呢？ (14m)

- 報價的意義＆報價應包含項目 (14m)

### 單元25 銷售頁設計「合約」規劃 (26m)

- 合約的意義＆合約應包含項目 (26m)

### 單元26 拆解案例「保健食品」 - 實作篇 (3h 24m)

- 「膠原蛋白粉」銷售頁實作課 (3h 24m)

### 單元27 拆解案例「食品」 - 實作篇 (2h 27m)

- 「中式糕點」銷售頁實作課 (2h 27m)

### 單元28 拆解案例「飲品」 - 實作篇 (1h 35m)

- 「檸檬濃縮汁」銷售頁實作課 (1h 35m)

### 單元29 拆解案例「線上課程」 - 實作篇 (1h 39m)

- 「無麩質麵包線上課程」銷售頁實作課 (1h 39m)

### BONUS！單元30 「最新！AI輔助生成」KV 頁合成修圖 (1h 29m)

- 跟上時代，學會AI、善用AI，設計事半功倍 (1h 29m)

### 贈送！助眠影片「實作快轉」 (0m)


## Pricing

### 超值衝刺班 - NT$8,590

🎁 報名再送《AI輔助生成教學》（1.5小時內容） 🎁 贈 2 個「模擬產品與文案」，完成檔可直接收錄作品集 ・ 一報名就可以馬上學習 ・分期 (三期、六期) 零利率：中信、台新、玉山銀行信用卡

## FAQ

**購買成功後，我該如何觀看課程？**

當你完成課程購買並付款成功後，上課權限將自動開通，可使用電腦、手機或平板裝置進行觀看。 • 觀課方式前往學院網站，點選右上角「登入」登入後進入「我的購買」→「我的課程」點選你已購買的課程，即可開始上課 • 預購課程提醒若你購買的是「預購課程」，需等待課程正式開課並上架影片後，方可開始觀看。（開課時間請詳見該課程的介紹頁面）

**課程能刷卡分期嗎？**

•分期 (3期、6期) 0 利率：中信、台新、玉山銀行信用卡

**課程有觀看期限嗎？**

• 購買課程後， 3 年內不受時間及地點限制，皆可無限次數、重複觀看內容！因為課程內容皆是目前最新最實用資訊，幾年後技術和知識變新，此課程內容不適用了，或者沒有新學員購買了，就會下架，下架前老師會在社群平台通知，讓大家有時間再次複習和記錄。（ 課程觀看時間舉例如：2025 / 06 / 03 上架，到 2028 / 06 / 03 下架 ）。

**我是超級小白，不會使用設計軟體，可以上這門課嗎？**

• 上這門課，建議具備 Photoshop 或 Illustrator 的基本操作能力，這樣在學習過程中會更容易理解內容。課程中會提供「模擬產品素材」與「銷售文案內容」，讓學員實際練習排版，因此會直接進行設計軟體的實作操作。不過課程不會特別講解軟體功能，所以如果你是完全沒有使用經驗的設計新手，建議先學會基礎的軟體操作，再來上課會更順利！

**這堂課會使用到的所以軟體是？軟體使用建議說明**

本課程主要操作軟體為 Photoshop，特別是在「人像精修」與「產品合成」單元中，僅支援 Photoshop 操作。其他單元（如排版設計）則可搭配使用 Illustrator。市面上也有部分設計師會以 Canva 製作銷售頁，不過由於 Vicky 並未使用 Canva 完整操作過整頁銷售頁，因此不建議使用 Canva 製作，可能會導致某些技巧或設計呈現無法順利達成。另外，在最後一個單元「AI 輔助 KV 形象製作」中，將會使用到以下 AI 工具：GPT-4o（需使用付費版）Stable Diffusion（需使用付費版）請同學事先了解，並準備對應工具，才能完整體驗課程內容。

**請問課程內容會有「文案企劃」「商品攝影」的教學嗎？**

• 這堂課會完整講解銷售頁製作的整體流程，但課程的重點會聚焦在後半段的「設計排版」實作，因此主要是為設計師量身打造的課程內容。至於「文案企劃」、「商品攝影」與「行銷策略」等部分，本課程不會進行深入說明，若你對這些主題有需求，建議另尋相關課程搭配學習。

**這堂課「適合」什麼人？**

• 課程適合對象✔ 想嘗試接觸「銷售頁設計」領域的設計師✔ 目前在電商產業從事「視覺排版設計」的設計師✔ 自行經營品牌或商品的電商老闆，想了解設計流程✔ 準備開始「接案接單」的自由設計師✔ 準備畢業、希望進入職場從事「平面設計相關工作」的設計學生

**這堂課「不適合」什麼人？**

✘ 尚未具備設計軟體操作能力者建議至少先學習 Photoshop 或 Illustrator 其中一項，否則在課程進入「設計操作」階段時，將可能難以理解相關教學內容。尤其在「人像精修」與「產品合成」等章節，主要只會使用到 Photoshop，若您正在重新培養設計技能，建議可優先從 Photoshop 著手學習，將更有助於課程的銜接與理解。 ✘ 缺乏網路購物經驗者本課程專注於電商產品的「銷售頁」設計實作，若平時不熟悉網購流程，較難掌握消費者在購物時的心理與行為情境。在課程中解析整體製作邏輯時，可能會較難理解頁面規劃的用意與節奏。建議可先多觀察並實際體驗各類電商平台，將有助於建立正確的設計觀點。

**如果想要跟老師發問，有什麼管道呢？**

有問題想發問？你可以透過以下方式聯繫老師：• 課程章節下方的留言板 適合針對課程內容即時留言，老師會不定期回覆。• Instagram：@vicki_tsai_（貓奴設計Vicki）若有問題想透過私訊詢問，可以私訊 vicky 的 IG，請在訊息中註明：「我是課程學生，要向老師提問」，這樣老師就能更快協助你囉！並且也歡迎將你在課程中完成的作品集，分享到限時動態，並 tag vicky的 IG

**購買後沒有觀看，可以退課退費嗎？**

線上課程退費與退款說明「網購享有 7 天鑑賞期」是多數消費者普遍認知的權益，但需留意的是，線上課程實際上不適用此規範。根據《通訊交易解除權合理例外情事適用準則》第二條第五項規定，若商品為「非以有形媒介提供之數位內容，或一經提供即為完成之線上服務，並於消費者事前同意始提供者」，則不適用 7 天無條件退貨規範。換句話說，線上課程一經購買並開通，即視為已開始提供服務，原則上不適用 7 天鑑賞期或無條件退費規定。除非課程方另有說明或特別約定，否則無法辦理退費。 • 限時申請退課機會（學員權益補充說明）為協助學員理性消費，本課程提供有限度的退課申請：若學員於付款後 7 日內、且帳號尚未觀看任何課程內容，可來信提出退課申請，申請時請提供以下資訊：退課原因：會員帳號：寄至信箱：vickitsaicoffee@gmail.com我將會依照後台觀看紀錄進行審核。帳號顯示有觀看紀錄（超過一支影片），原則上不受理退課。退課與否之最終判斷權，保留我方決定。 • 退款金額與處理方式退款金額以學員實際付款金額為準，非課程原始定價（例如：折扣後付款 3,000 元，即退回 3,000 元，不以原價計算）。退款手續費說明：若使用 ATM、超商代碼 等非信用卡付款方式，因第三方金流處理成本，將酌收 新台幣 100 元行政手續費，由學員自行負擔，並於退款金額中扣除。若使用信用卡付款，則不酌收此筆手續費。已結算撥款之訂單，若辦理退款，Teachify 原則上不會返還該筆訂單的 金流服務費用。 • 退款入帳時間：學員實際收到退款的時間，將依「退款申請時間」與「付款方式」有所不同，因涉及金流平台與銀行作業，可能需等待數個工作天，敬請耐心等候。若學員使用 信用卡分期付款，請特別注意：無法進行部分退款，只能全額退款，這是金流平台的機制限制。
