GPT-6 Astra 網站設計：規劃到達頁需要的圖片

先列出區塊，再談圖片

先寫出頁面大綱：一個主視覺、三個功能介紹列和一張社群分享卡。每個功能介紹列只給一個主題。Fold 選擇的是紙張手感、封面材質和放進包包時的大小，因為這些是買家在網路上訂購筆記本前會問的問題。

也列出你手上沒有的事實。我們把價格、頁數和裝訂方式都維持為未知，這樣任何圖片或說明文字都不會悄悄做出這些承諾。

參考素材很重要。2026 年 9 月 16 日，Prajwal Tomar（@PrajwalTomar_）形容 Astra 做出的第一個到達頁是「典型的 AI 劣質內容」（typical AI slop），接著請它研究大量真實網站，再批評自己的頁面。它在重做之前提出了 28 項修改。圖片計畫則把同樣的想法提前應用：在生成任何東西之前，先決定每張圖片必須達成什麼。

• 用 GPT-6 Astra 製作到達頁 (英文)

每張圖片只要一行決定

針對每個區塊，請 Astra 提供圖片的用途、長寬比、必須看得見的內容、頁面文字要放在哪裡，以及能否沿用現有圖片。請 Astra 不要生成任何東西。這份計畫是一份決策文件，所以應該短到能一次看完。

為虛構的 Fold 文具象牙白筆記本上市單頁到達頁規劃圖片。區塊：主視覺、三個功能介紹列（紙張手感、封面材質、放進包包時的大小），以及一張社群分享卡。每張圖片請提供：用途、長寬比、必須看得見的內容、頁面文字的位置，以及這張畫布上現有的圖片能否沿用。價格、頁數和裝訂方式維持未知。控制在 190 字以內。不要生成圖片。

審閱 Astra 回傳的計畫

Astra 規劃了一張 1:1 的主視覺，文字放在獨立的欄位；三張 4:3 的功能圖片，文字放在旁邊；以及一張 1.91:1 的社群分享卡，筆記本在右、標題在左。它建議整組圖片使用柔和的日光、象牙白與灰色調，以及沒有品牌標示的道具。

接受之前，先拿這些比例對照你的頁面範本。1:1 的主視覺適合雙欄版面；全寬主視覺則需要一張寬幅圖片。現在就修改計畫，因為此時修改只需要改一句話。

認真看待沿用決定

只有在圖片符合該區塊的任務時，沿用才能省時間。Astra 只暫定接受平鋪構圖的概念作為主視覺，並拒絕在紙張特寫中沿用任何一個概念，因為兩者都沒有呈現足夠的細節。把寬幅圖片中的一小塊區域放大，通常只會得到模糊、缺乏說服力的質感照片。

有兩個區塊取決於事實：封面材質需要確認，包包的圖片需要真實尺寸。在負責人回覆之前，把這些圖片標示為暫停。用佔位圖也比放一張尺寸錯誤的圖片好。

• 用你的簡報在兩個概念之間做選擇

依計畫順序生成缺少的圖片

把計畫中的比例和必要內容當作每則圖片提示詞的固定部分。先生成主視覺，因為它的光線和道具決定了整頁的風格；接著生成功能圖片，最後是寬幅的社群分享卡。

每張圖片的文字區域都保持空白。標題和說明文字加在頁面上或以可編輯文字加入，這樣修改文案時就不需要新的圖片。

• 規劃正方形與直式行銷活動圖片

在同一個看板上檢查整組圖片

依頁面順序把完成的圖片放到 Ciyo 畫布上。確認整組圖片看起來像同一次拍攝：光線方向一致、筆記本顏色相同，也沒有哪個道具在一張圖裡出現、下一張就消失。

接著以每張圖片在頁面中的實際大小檢查。4:3 的功能圖片在筆電上通常約佔螢幕寬度的一半，在手機上則是全寬，所以發布前兩種都要看過。