電腦版 LINE 下載 - LINE 官網正版

LINE圖文選單設計完整指南:尺寸規格、點擊率與實用範例

2026年06月07日

LINE圖文選單設計的重點,是把官方帳號最重要的服務入口放在聊天室底部,讓用戶不用翻訊息也能快速找到預約、客服、優惠、商品、官網或常見問題。本文會整理尺寸規格、版型配置、按鈕設計、點擊率提升與不同店家的實用範例,幫你做出真正能導流的選單。

Table of Contents

先懂定位

圖文選單是官方帳號門面

LINE 圖文選單位於官方帳號聊天室底部,是用戶打開帳號時最容易看到的互動區域。它不像一般推播訊息會被新訊息往上推走,而是能長期固定在聊天室下方,讓好友隨時點擊。對店家和品牌來說,圖文選單就像行動版首頁,把預約、客服、商品、優惠、會員和常見問題整理在一起,降低用戶尋找資訊的成本。

不是放滿按鈕就有效

很多新手做 LINE 圖文選單時,會把所有功能都塞進去,例如官網、商品、客服、預約、優惠、社群、影片、地址、活動和會員。看起來很完整,但使用者反而不知道該點哪裡。好的圖文選單不是功能越多越好,而是先放最常被點、最能幫助轉換的入口。若每一格都想承擔不同目的,最後可能每一格都不夠清楚。

選單要配合經營目標

設計圖文選單前,先確認官方帳號的主要經營目標。餐飲店可能重視菜單、訂位和外送;美業重視預約、價目表和作品集;課程品牌重視課程介紹、報名和客服;電商則重視商品分類、優惠券和會員中心。不同帳號不應套用同一個模板。若你還在規劃官方帳號基礎,可先參考 LINE官方帳號與社群怎麼申請

基本規格

尺寸規格先看官方說明

製作 LINE 圖文選單前,請先查看官方規格,不要只照網路模板猜尺寸。LINE 官方操作手冊的 圖文選單建立教學 說明,圖文選單可設定外導連結、優惠券、集點卡和關鍵字等動作,並可在官方帳號管理後台建立。實際尺寸、版型和功能仍應以後台當下顯示為準。

圖片清晰度要先測試

圖文選單會在手機聊天室底部顯示,因此圖片設計不能只在電腦大螢幕上看。很多設計稿在電腦上很漂亮,但縮到手機後文字太小、按鈕太擠、圖示不清楚。建議設計完成後先丟到手機預覽,確認每個按鈕文字都能看清楚,圖示不會模糊,顏色對比足夠。若手機上看不懂,實際用戶也不會點。

切版區域要對齊按鈕

圖文選單通常會依版型切成不同區塊,每個區塊可設定不同動作。設計圖片時,視覺按鈕必須和後台設定的點擊區域對齊,否則用戶看到的是「預約」按鈕,點到的卻可能是「客服」動作。這類錯誤很常見,尤其是用自訂設計圖時更要小心。上線前一定要逐格測試,確認每個區塊點擊後都進入正確頁面或觸發正確訊息。

版型選擇

三格版型適合新手帳號

如果你剛開始經營 LINE 官方帳號,三格版型通常比較容易掌握。三個入口可以放最重要的功能,例如「預約服務」「查看商品」「聯絡客服」。這種版型資訊量不大,用戶一眼就能看懂,也比較不容易點錯。新手最怕把選單做得太複雜,導致每個按鈕都很小。先用少量入口測試點擊,再慢慢擴充會更穩。

六格版型適合服務完整店家

六格版型適合已有較完整服務流程的店家,例如餐飲、美業、課程、診所、電商或品牌會員。你可以放菜單、預約、優惠、會員、客服、門市資訊等入口。使用六格時要特別注意文案簡短與圖示清楚,避免每格塞太多字。若每個入口都需要一行以上說明,代表選單可能太複雜,應該把部分內容放到頁面中,而不是全部寫在選單上。

上下分區適合主次功能

有些圖文選單會使用上方大區塊搭配下方小按鈕,這很適合主次分明的帳號。例如上方大區塊放本月主活動或預約入口,下方小區塊放客服、門市、會員和常見問題。這種設計能把主要轉換入口做得更醒目,同時保留其他輔助功能。若你的官方帳號每月都有重點活動,可以考慮用這種結構,讓用戶第一眼看到最重要的行動。

入口規劃

先放用戶最常找的資訊

圖文選單的第一優先不是品牌想推什麼,而是用戶最常找什麼。若客服每天都在回答營業時間、地址、價格、預約方式,這些就應該放進選單。把高頻問題變成固定入口,可以減少客服負擔,也讓用戶更快完成操作。不要把用戶最需要的資訊藏在多層頁面裡,圖文選單的價值就是讓常用功能一點就到。

轉換入口要放在顯眼位置

如果你的目標是預約、下單、報名或領券,這些轉換入口應放在最顯眼的位置,而不是和其他次要功能混在一起。通常可以把核心按鈕設計得較大、顏色更明顯,文字更直接,例如「立即預約」「查看課程」「領取優惠」。但顯眼不代表刺眼,仍要符合品牌風格。用戶打開聊天室時,應該立刻知道最重要的下一步是什麼。

輔助入口要避免干擾主線

客服、常見問題、門市資訊、社群連結、品牌介紹都很重要,但它們不一定要搶走主轉換入口的視覺焦點。若每個按鈕都做得同樣醒目,用戶會失去判斷。比較好的做法是把主功能設計為主要視覺,輔助功能保持清楚但不搶眼。圖文選單不是把所有資訊平鋪,而是幫用戶排序行動優先級。

文案設計

按鈕文字要短而明確

圖文選單按鈕文字應該短、清楚、像真人會點的入口。比起「本品牌精選服務項目說明」,「服務項目」或「查看方案」更直覺;比起「立即開始與客服人員進行對話」,「聯絡客服」就夠清楚。手機畫面空間有限,文字越長越難讀。建議每個按鈕控制在四到八個中文字左右,讓用戶快速掃過就能理解。

避免使用模糊行銷詞

很多圖文選單喜歡放「了解更多」「立即探索」「精彩內容」這類模糊詞,但用戶不一定知道點進去會看到什麼。若連結是課程頁,就寫「課程介紹」;若是優惠券,就寫「領取優惠」;若是客服,就寫「詢問客服」。模糊文案看起來有設計感,但點擊率不一定好。清楚告訴用戶點擊後會得到什麼,通常比漂亮口號更有效。

動詞能提高點擊意圖

按鈕文案中加入動詞,能讓用戶更容易理解下一步。例如「預約課程」「查看菜單」「領取優惠」「加入會員」「查詢訂單」「聯絡客服」。這些文案比單純寫「課程」「菜單」「優惠」更有行動感。若你希望用戶完成某個動作,按鈕就要直接引導,而不是只放分類名稱。圖文選單的目的不是展示,而是讓人點擊。

視覺設計

顏色要符合品牌但別太亂

圖文選單顏色應該和品牌一致,但不要使用太多顏色。若一個選單裡每格都是不同強烈顏色,會讓畫面看起來雜亂,也降低重點。建議使用一到兩個主色,再搭配清楚的文字色。餐飲可用溫暖色系,美業可用柔和色系,科技品牌可用簡潔冷色。視覺風格不必華麗,但要讓人覺得清楚、可信、好點擊。

圖示要輔助理解不是裝飾

圖示的作用是幫助用戶更快理解入口,不是純裝飾。例如電話圖示代表客服,日曆代表預約,禮物代表優惠,地圖代表門市,購物袋代表商品。若圖示和文字無關,只是為了好看,反而會造成混淆。新手設計圖文選單時,可以先選常見直覺圖示,不必追求過度創意。用戶看懂,比設計師覺得特別更重要。

文字對比要能在手機上看清

圖文選單最常見的視覺問題,就是文字和背景對比不足。淡色字配淡色背景、細字配花紋背景、白字壓在亮圖上,電腦看似有質感,手機上卻很難讀。建議設計時先把圖片縮小到實際顯示尺寸,確認長輩或第一次使用的人也看得懂。若文字不清楚,可以加底色、半透明遮罩或外框,不要讓美感犧牲可讀性。

動作設定

連結導流要設定正確

圖文選單常見動作之一是外部連結,例如官網、商品頁、預約表單、菜單頁或活動頁。設定前請確認連結可正常開啟,並且手機瀏覽體驗良好。不要把用戶導到電腦版頁面、404頁或載入很慢的網站。若你要導流到站內 LINE 相關內容,也可以參考 LINE官方帳號與社群怎麼申請 的內容結構,思考如何安排入口。

關鍵字動作適合叫出資訊

LINE 圖文選單可以設定點擊後送出關鍵字,再搭配自動回覆叫出內容。這很適合常見問題、服務項目、價目表、門市資訊、活動規則和預約說明。使用關鍵字動作時,關鍵字要簡短且不容易誤觸,例如「價目表」「預約」「門市資訊」。後台自動回覆內容也要同步維護,否則用戶點選單後收到過期資訊,會降低信任感。

優惠券集點卡要接完整流程

官方操作手冊中提到,圖文選單可設定優惠券、集點卡等動作。若你把這些功能放進選單,後續流程一定要完整,例如優惠券是否有效、使用規則是否清楚、店員是否知道如何核銷、集點卡是否正確設定。不要只為了讓選單看起來豐富就放入口。用戶點進去後若不能使用,反而會造成客服壓力和負面體驗。

店家範例

餐飲店適合菜單訂位結構

餐飲店的圖文選單可以優先放「查看菜單」「線上訂位」「外帶外送」「門市位置」「最新優惠」「聯絡客服」。若有多人常問營業時間,門市資訊也要放在醒目位置。菜單頁應該適合手機閱讀,不要只放一張字很小的圖片。外帶或訂位流程越簡單,越能減少客人私訊詢問,讓店員把時間放在服務現場。

美業適合作品預約價目表

美髮、美甲、美睫、美容、按摩等美業帳號,圖文選單可放「線上預約」「價目表」「作品集」「服務流程」「優惠活動」「詢問客服」。作品集很重要,但不要讓它取代預約入口。若用戶看完作品很喜歡,下一步應能立刻預約或詢問。價目表要保持更新,避免用戶看到舊價格後產生爭議。

課程品牌適合課程報名入口

課程、補習班、顧問、講座和線上教學帳號,圖文選單可設計為「課程介紹」「立即報名」「免費資源」「學員心得」「常見問題」「聯絡顧問」。若課程價格較高,單純放報名按鈕不一定足夠,可以先提供課程內容、成果案例和諮詢入口。教育類選單要讓用戶先建立信任,再引導報名,而不是一開始就強推購買。

點擊率提升

核心按鈕要放在手指好點位置

手機使用者多半用拇指操作,因此圖文選單重要按鈕應放在容易點擊的位置。若最重要的「預約」或「下單」按鈕太小、太靠邊,可能影響點擊。可以把核心轉換入口做成較大的區塊,放在上方或中間明顯位置。不要把最重要功能藏在角落,選單設計要考慮手指操作,而不是只看設計稿是否對稱。

定期替換活動主視覺

如果你的圖文選單長期不變,老好友可能會逐漸忽略它。可以根據季節、活動、檔期和新品定期更新主視覺,例如新年優惠、開學活動、週年慶、夏季菜單、母親節檔期。更新不一定要大改全部按鈕,可以保留固定功能,只替換主活動區。這樣既能維持熟悉度,也能讓用戶感覺帳號持續在經營。

用數據判斷不是憑感覺

LINE Biz-Solutions 專欄也提到,商家可透過圖文選單的點擊數據推測使用者喜好,進而提供更個人化服務。你可以參考 LINE Biz-Solutions圖文選單設計文章 了解圖文選單的服務導覽思路。實際經營時,不要只靠設計師或老闆喜好,應定期看哪個入口被點最多、哪個入口幾乎沒人點。

測試流程

上線前先逐格測試

圖文選單上線前,務必用手機逐格測試。每個按鈕都要確認點擊區域、連結、關鍵字、自動回覆、優惠券、集點卡是否正確。不要只在後台預覽畫面,實際手機體驗才最接近用戶。若有多人管理帳號,可以請同事或朋友用不同手機測試一次,看看是否看得懂文案、是否會點錯、是否有連結打不開。

測試帳號比直接公開安全

如果你要大幅改版圖文選單,建議先用測試帳號或低風險時間上線,不要在活動高峰期直接替換。特別是預約、付款、報名、領券這類入口,一旦設定錯誤,會立刻影響轉換和客服量。測試帳號可以幫你檢查版型、圖檔、按鈕區域和自動回覆,確定無誤後再正式套用到主要帳號。

上線後觀察三到七天

圖文選單上線後,不要立刻判斷成效,建議觀察三到七天。看用戶是否點擊、客服問題是否減少、轉換入口是否有人使用、是否有好友反映找不到功能。若某些入口沒人點,不一定代表功能不重要,也可能是文案不清楚、位置不明顯或圖示難理解。觀察一段時間後再調整,比每天亂改更有意義。

常見錯誤

文字太小導致無法閱讀

很多圖文選單設計失敗,不是因為功能不好,而是手機上看不清楚。設計師在大螢幕上排版時,容易使用細字、小字和複雜背景,縮到聊天室底部後就變得模糊。若用戶要放大才看得懂,代表選單不合格。請把每個按鈕文字控制在短句,使用高對比顏色,並避免背景太花。可讀性永遠比裝飾更重要。

入口太多沒有主線

圖文選單塞滿入口,是官方帳號常見錯誤。用戶打開選單後看到八九個功能,卻不知道哪個最重要,最後可能什麼都不點。設計時要先定義主線,例如餐飲店主線是訂位和菜單,美業主線是預約和作品,課程品牌主線是課程介紹和報名。輔助入口可以存在,但不要搶走主線注意力。

連結過期卻沒更新

圖文選單很容易被設定後遺忘,活動結束、表單關閉、優惠過期、商品下架後,入口仍然留在選單上。用戶點進去看到過期頁面或錯誤訊息,會降低信任,也增加客服負擔。建議每月檢查一次所有入口,活動型連結則在活動結束當天就更新或移除。選單維護和設計一樣重要。

內容搭配

選單要搭配歡迎訊息

用戶加入官方帳號後,第一則歡迎訊息可以引導他們使用圖文選單。例如「下方選單可查看菜單、預約服務與聯絡客服」。這能讓新好友知道選單存在,也能降低不知道下一步做什麼的情況。若歡迎訊息只寫「感謝加入」,選單再好也可能被忽略。加入後的第一分鐘,是建立操作習慣的重要時機。

推播訊息可導回選單

當你發送活動推播時,也可以提醒用戶從下方圖文選單領券、查看商品或預約服務。這樣推播和選單會互相配合,而不是各自獨立。活動期間可以把主活動放進圖文選單,推播負責告知,選單負責承接點擊。若推播內容和選單入口不一致,用戶可能看完訊息後不知道去哪裡操作。

自動回覆要和選單一致

圖文選單若使用關鍵字動作,自動回覆內容一定要同步更新。例如選單寫「價目表」,點擊後回覆的內容就應該是最新價目表,而不是舊版活動。若選單、歡迎訊息和自動回覆內容不一致,會讓用戶困惑。建議建立一份後台維護清單,每次調整服務價格、活動內容或表單連結時,同時更新相關回覆。

品牌設計

選單風格要和品牌一致

圖文選單是官方帳號的固定門面,因此風格要和品牌一致。若品牌走高級質感,選單不應使用太多廉價感素材;若品牌走親切活潑,選單可以更可愛、更口語。顏色、字體、圖示和按鈕風格都會影響用戶感受。選單不只是功能入口,也是品牌形象的一部分。好的選單會讓人覺得帳號有整理、有專業感。

不要過度依賴模板素材

後台或設計平台可能提供很多模板,適合新手快速開始,但不建議完全不修改就直接套用。若很多店家都用類似模板,你的帳號會缺少辨識度。可以先用模板建立結構,再替換品牌色、圖示、文案和主視覺。模板是起點,不是終點。真正有效的圖文選單,應該反映你的服務流程和品牌特色。

品牌口吻要進入按鈕文案

按鈕文案也能呈現品牌語氣。例如年輕品牌可以用「來看新品」「我要預約」;專業顧問可以用「預約諮詢」「查看方案」;親子品牌可以用「看看課程」「聯絡老師」。不要所有帳號都用一模一樣的「了解更多」。圖文選單文案雖短,但也是品牌溝通的一部分。讓文案符合用戶語氣,點擊意願會更高。

數據優化

每月查看點擊數據

圖文選單不是設計一次就結束,應定期看後台數據。每月至少查看一次各入口點擊狀況,確認哪些按鈕被常點、哪些幾乎沒人使用。若「客服」被點很多,代表用戶仍有大量問題;若「優惠」點擊高但成交低,可能是活動頁或商品頁有問題。數據能讓你知道選單真正如何被使用,而不是只靠猜測。

低點擊入口要測試原因

某個入口點擊低,不一定代表它沒用,可能是位置不明顯、文案不清楚、圖示不直覺或內容吸引力不足。你可以先改文案,再改位置,最後才考慮移除。每次只改一個因素,才知道是哪個調整有效。若一次全部重做,就很難判斷成效來自哪裡。圖文選單優化應該像實驗,而不是憑感覺大改。

高點擊入口可加強轉換

如果某個按鈕點擊很高,例如「價目表」「預約」「優惠」,代表它是用戶高需求入口。這時可以進一步優化點擊後頁面,例如縮短預約步驟、增加案例、改善表單、放明確行動按鈕。很多人只優化選單,不看點擊後流程,結果流量進去了卻沒有轉換。真正有效的圖文選單,是從點擊到完成行動都順暢。

維護更新

活動結束後立即下架入口

如果圖文選單中有活動、優惠、限時報名或節日專區,活動結束後要立即更新或下架。過期入口會讓用戶覺得帳號沒在維護,也會增加客服詢問。建議在活動開始前就設定提醒,活動結束當天檢查選單、推播、自動回覆和官網頁面。行銷活動不是發出去就結束,後續收尾同樣重要。

季節檔期可小幅改版

不需要每次都重新設計整個圖文選單,但可以依季節檔期小幅改版。例如餐飲店換季菜單,美業推出節日活動,課程品牌開放新班,電商進入年中慶或雙十一。保留固定入口,替換主活動區,能兼顧熟悉度與新鮮感。用戶不會因改版迷路,也會感覺帳號持續有更新。

重大改版前先通知用戶

如果你要大幅調整圖文選單,例如改版品牌、改預約系統、改會員入口或更換客服流程,建議提前用推播或歡迎訊息提醒用戶。突然改動可能讓老用戶找不到熟悉入口,造成客服量上升。通知可以簡短說明「下方選單已更新,預約入口改至左上角」。小提醒能降低使用者不適應,也能讓改版更順利。

實用清單

設計前先列六個問題

設計前可以先問六個問題:用戶最常問什麼?我最想引導他做什麼?哪些入口最能提高成交?哪些資訊必須固定顯示?哪些內容有期限?哪些功能需要客服接手?把這些問題回答清楚,圖文選單才不會變成雜亂按鈕集合。設計不是先開畫布,而是先整理服務流程。

上線前必測十個項目

上線前請檢查十個項目:圖片清晰度、文字可讀性、版型對齊、每格點擊區、連結是否正常、關鍵字是否觸發、自動回覆是否最新、優惠券是否有效、手機預覽是否清楚、客服是否知道新選單內容。這份清單能避免大部分低級錯誤。尤其是連結和點擊區,最容易被忽略,但對用戶體驗影響最大。

上線後持續用數據修正

圖文選單上線後,請持續觀察點擊數據、客服問題、轉換成效和封鎖率。若用戶常問某個問題,代表它應該放進選單;若某個入口長期沒人點,代表它可能需要改文案、換位置或移除。好的圖文選單不是一次做完,而是在經營中不斷修正。當選單越貼近用戶需求,官方帳號的互動效率就會越高。

LINE圖文選單設計最重要的是什麼?

最重要的是把用戶最常需要的入口放清楚,例如預約、客服、菜單、商品、優惠和常見問題。不要只追求漂亮,按鈕要好讀、好點、連結正確。

LINE圖文選單尺寸要去哪裡看?

建議以 LINE 官方帳號後台和 LINE Biz-Solutions 官方操作手冊為準。不同版型可能有不同圖片尺寸與點擊區設定,上線前一定要用手機實測。

LINE圖文選單可以提升點擊率嗎?

可以,但前提是入口清楚、文案直接、主功能醒目,並搭配歡迎訊息、推播與自動回覆。上線後還要定期看數據,持續優化低點擊入口。

新聞資訊

               

LINE 帳號被盜怎麼辦?登入警示、密碼修改與申訴流程完整教學

LINE 帳號被盜時,先不要慌,也不要把驗證碼、密碼或手機號碼...

               

LINE小店家行銷案例完整指南:餐飲、美業與補習班官方帳號經營方法

LINE小店家行銷案例的重點,是把官方帳號變成客戶聯絡、預約...

               

LINE 釣魚連結怎麼辨識?常見詐騙訊息與防範方法完整教學

LINE 釣魚連結最常見的目的,是誘導你點進假登入頁,輸入電話...

               

LINE貼圖怎麼自己做?上架流程、尺寸規格與審核重點完整教學

LINE貼圖怎麼自己做?新手可以先決定貼圖主題與角色,再依 LI...

               

LINE社群建立完整指南:群組、社群與官方帳號差異比較

LINE社群建立前,先判斷你要的是熟人小圈圈、公開主題討論,...

               

LINE Pay 2026 年有什麼重大改變?

打開 LINE 的「錢包」頁面,你可能會發現某些熟悉的按鈕消失...

               

LINE群組經營技巧

LINE群組是連接用戶、沉澱流量、實現高效互動的核心場景,無...

               

LINE Keep 結束服務後怎麼辦?Keep筆記差異、資料備份與替代方案

LINE Keep 結束服務後,使用者最該做的是先分清楚 Keep 和 Ke...

               

LINE 聊天記錄不見怎麼辦?可恢復情況、原因與補救方法

LINE 聊天記錄不見時,第一步是先判斷資料消失的原因,而不是...

               

LINE Web版可以用嗎?

LINE Web版並不是隨便打開一個網頁就能完整取代手機版的工具...

               

LINE備份與還原怎麼做?

使用LINE過程中,很多用戶會遇到聊天記錄丢失、聯繫人不見的...

               

LINE 換手機教學:帳號轉移、好友與聊天記錄完整保留方法

LINE 換手機教學最重要的順序是:舊手機還能用時先確認帳號資...