【日系視覺獨家筆記 #7】一頁讓人想買的銷售頁，背後是這套排版邏輯

Hi 我是朱騏 👋

這是【日系視覺獨家筆記】系列的第七篇。

上一篇我們把銷售頁拆成了一塊一塊。

這篇要往下一層，聊「排版」。

因為就算你每一塊的圖都做好了，排不好整頁還是會顯得怪怪。

你一定有過這種經驗：

兩頁放的內容差不多，一頁看起來很高級，一頁看起來很陽春。

差別常常在排版。

排版決定了讀者的眼睛先看到什麼、接著看到什麼、停在哪裡。

它是在替讀者鋪一條看下去的路。

同樣的圖跟字，路鋪得好質感就出來了。

我自己常用的，是這 6 種：

• Z 型：視線走 Z 字，適合資訊單純、想讓人快速掃過的區塊

• F 型：視線走 F 字，適合文字較多、要讓人一行一行讀的區塊

• 左右分割：左圖右字（或反過來），適合「一個重點配一張圖」

• 不對稱：刻意打破平衡，適合 Hero 這種要搶眼的地方

• 卡片網格：把內容切成一格一格，適合「收穫區」「適合誰」這種並列項目

• 之字型：圖文左右交錯往下排，適合一段一段介紹的區塊

你不用背它們。

你只要知道一件事：不同的區塊，適合不同的排法。

• Hero 要搶眼，就用不對稱

• 收穫區是好幾個並列的點，就用卡片網格

• 週次介紹一段一段來，就用之字型

這是最容易被忽略 (卻最影響質感的一條)。

如果你整頁從上到下都用同一種排版，讀者會覺得很單調 (滑兩下就累了)。

訣竅是讓版面有「起伏」。

• 這一塊用左右分割

• 下一塊就換卡片網格

• 再下一塊換之字型

讓讀者的眼睛一直有新鮮感，他才會願意一路滑到最後的報名鈕。

講到這裡你可能又緊張了：「這聽起來好專業，我哪會排版 ???」

放心，你不用自己會。

這套排版邏輯，一樣可以寫進 Prompt。

你把每一塊的內容丟進去…

它會幫你判斷這塊適合哪種排法 (連相鄰不重複都一起顧好)，最後直接生出整頁的版型。

你要做的，是看懂它為什麼這樣排。

然後挑你喜歡的版本、在想調的地方微調！

一頁讓人想買的銷售頁，很少是靠一張很猛的圖激發慾望的。

它是靠「每一塊都放對排版、相鄰之間又有起伏」，整頁順順地把人帶到報名鈕前面。

懂了這層，你就從「會做圖」升級成「會排一頁完整的銷售頁」。

下一篇我想換個方式，跟你說一個你大概也有過的小故事：

那張你曾經做出來覺得「怎麼這麼好看」的圖卡，後來怎麼…再也做不出第二張？

敬請期待！

P.S. 這套「排版策略師」級別的銷售頁工作流，是 四週 ChatGPT 日系視覺挑戰營 第四週的重頭戲，帶你生出一頁可以公開、貼進自己網站的課程銷售頁。

四週後你會做出什麼，先看這個作品展示頁：

https://vizance.github.io/chatgpt-visual-camp-demo/

報名在這裡：

https://chichu.co/event/4-weeks-chatgpt-visual-camp

Substack 讀者專屬折扣碼 banner-substack 再折 NT$1,000 (折後 NT$14,800)。

提醒你一下 8/1 之後會調漲至 NT$22,800，現在報名省 8,000！