【實戰教學】AI 賦能 LINE 官方帳號：打造「日雜手繪風」六宮格圖文選單全攻略
在 LINE 官方帳號（LINE OA）的經營中，「圖文選單（Rich Menu）」是掌握流量的第一入口。一個具備美感與功能性的選單，能有效提升用戶的點擊率。
本文將公開一套結合 AI 生成圖像（Midjourney/DALL-E 3/Gemini nano banana pro ） 與 設計排版 的完整工作流，教你如何從零開始，製作出具備「手繪溫暖感」與「日雜風格」的高質感六宮格選單。
第一階段：核心企劃 (Planning)
「在開始畫圖之前，先決定按鈕的功能。」 圖文選單不僅是裝飾，更是引導用戶行為的導航。1. 目標客群與動機
思考你的用戶是誰？他們最想在你的帳號裡得到什麼？
- 範例：若客群為家長，可能關注「兒童身高」；若為學員，則關注「AI 課程」。
2. 功能盤點 (Function Mapping)
列出 6 個最重要的按鈕，這將決定畫面的構圖。
- 建議配置：
- 品牌/自我介紹（如：關於牧牧）
- 核心產品/服務（如：最新課程、訂購表單）
- 轉換/變現入口（如：預約諮詢）
- 信任資產（如：學員見證、部落格）
- 免費誘餌（如：免費資源、Q&A）
- 客服管道（如：聯絡我們）
3. 風格定調 (Style Guide)
決定視覺語言，確保與品牌形象一致。
- 關鍵詞參考：日式雜誌風、水彩手繪、溫暖療癒系、柔和粉彩。
第二階段：AI 圖像生成 (AI Generation)
我們將使用 AI 工具生成一張結構精準的底圖。為了保持風格統一，建議「一次生成整張六宮格圖」，避免單張拼湊導致風格不連貫。
實戰指令範本 (Prompt Template)
請將以下英文提示詞複製到 Midjourney 或 ChatGPT (DALL-E 3)或Gemini (nano banana pro) 中：(僅圖)
核心結構：
Six-panel grid layout for mobile app menu, 2x3 grid.風格描述：
Japanese magazine style, textured light beige paper background, soft organic colored pencil lines, cute cozy hand-drawn icons, soft pastel colors, clean look.內容細節 (可依需求修改圖示)：
- Top Left: Charming little house with a heart icon (代表官網/家).
- Top Center: Calendar page marked with a star and confetti (代表活動).
- Top Right: Old-fashioned rotary phone and an envelope (代表聯絡).
- Bottom Left: Open journal notebook with a pen (代表部落格/內容).
- Bottom Center: Clipboard checklist and a shopping cart (代表訂購).
- Bottom Right: Speech bubbles with a question mark (代表 Q&A).
關鍵技巧：
Critical: Leave blank space below each icon for text insertion.(確保圖示下方留白，以免文字擋住圖案)。參數設定 (MJ專用)：
--ar 4:3 --v 6.0(符合 LINE 選單比例)。
請將以下中文提示詞複製到Midjourney 或 ChatGPT (DALL-E 3)或Gemini (nano banana pro) 中：(可以一次生成完整的圖含文字)
繪製
這是一幅溫暖的手繪插畫，設計為數位菜單介面的六格背景。背景採用淺米色紋理紙。畫面以柔和的色鉛筆線條分割成 2x3 的網格。六個方格分別包含一個可愛溫馨的手繪圖標，圖標下方留有空白區域，方便插入文字。
左上角方格：一棟迷人的小房子，旁邊有一個心形圖示。
頂部中間方格：一頁日曆，上面畫著星星和彩色紙屑。
右方格：一部老式撥號電話和一個信封。
左下角方格：一本打開的筆記本，旁邊放著一支筆。
底部中間方格：一個寫字板，上面貼著清單，旁邊放著一個小購物車。
右下角方格：兩個活潑的對話框，中間有一個大大的問號。
整幅作品採用柔和的色鉛筆和水彩紋理，色調柔和，以奶油色、淺橙色、淡綠色和淺棕色為主。整體感覺溫馨舒適，令人倍感親切。平鋪視圖，無文字說明。--ar 4:3 --v 6.0
對應位置：
在六個格子的空白處，使用「手寫體」或「圓體」的中文字型，分別寫上：
(左上) 官方網站(中上) 最新活動(右上) 聯絡我們(左下) 部落格(中下) 訂購表單(右下) Q&A
Gemini生成過程
Gemini生成過程
Gemini生成過程
Gemini成果
第三階段：設計與排版 (Design & Layout)
獲得底圖後，我們需要加上清晰的文字。這裡提供兩種路徑：
路徑 A：AI 一站式完成 (快速、風格融合度高)
直接在 AI 對話視窗中，請 AI 將文字「寫」上去。
- 指令：「請在圖片六個格子的空白處，使用『手寫體』或『圓體』的中文字型，分別寫上：官方網站、最新活動、聯絡我們、部落格、訂購表單、Q&A。」
- 優點：文字會模擬手寫質感，與底圖完美融合，不生硬。
路徑 B：使用設計軟體加工 (精準、可控性高)
若 AI 生成的文字不準確，建議匯出無字底圖，使用 Canva 或 Photoshop 後製。
- 建立畫布：設定尺寸為 2500px x 1686px (LINE 大型選單標準尺寸)。
- 置入底圖：將生成的圖片放入並調整位置。
- 添加文字：選用「圓體」或「手寫字型」（如：粉圓體、手札體），字體顏色建議選用深咖啡色或深灰色，避免純黑過於銳利。
- 視覺優化：可視情況加上細微的邊框或分隔線，增強按鈕感。
第四階段：切圖與上架 (Setup)
完成設計圖後，最後一步是將其安裝到 LINE 官方帳號後台。
1. 輸出圖片
- 確保圖片格式為 JPG 或 PNG。
- 尺寸建議大於 1200px x 810px (最佳建議：2500px x 1686px)。
- 關於切圖：目前的 LINE 後台已支援「上傳一張大圖並設定熱區」，通常不需要事先將圖片切成 6 張小圖。
2. LINE 後台設定步驟
- 登入 LINE Official Account Manager (電腦版)。
- 左側選單點選 「圖文選單 (Rich Menu)」 > 「建立」。
- 基本設定：輸入標題（僅後台可見）與使用期間。
- 版型選擇：選擇 「大型 - 6格版型」。
- 上傳背景圖片：上傳剛剛做好的 2500x1686 設計圖。
- 設定動作：依序點擊 A~F 區塊，設定對應的「連結網址」、「優惠券」或「關鍵字」。
- 例如：點擊「聯絡我們」區塊，設定為開啟一對一聊天視窗。
- 儲存並啟用：完成後點擊儲存，選單即會在設定的時間自動上線。
💡 專家筆記 (Pro Tips)
- 保持一致性：若需要生成多張不同風格的圖，請使用相同的 Seed (種子碼)，確保畫風不跑偏。
- 留白是關鍵：在詠唱提示詞時，務必強調 "Clean background" 與 "Blank space"，否則畫面過於擁擠會影響閱讀體驗。
- 測試很重要：上架後請務必用手機實際點擊每一個按鈕，確認連結是否正確跳轉。
