為什麼需要圖文訊息?
圖文訊息究竟是什麼?
進階秘笈:圖文訊息設計竅門
實戰演練ー初階版:用PPT自製精美圖文訊息
實戰演練ー進階版:利用官方應用模板建立圖文訊息


➤ 為什麼需要圖文訊息?

richmessage比較
滿版精美大圖,視覺衝擊更大
置入多個連結導流至宣傳頁面
吸引好友即刻點閱立即就下單


➤ 圖文訊息究竟是什麼?
圖文訊息是LINE獨有訊息格式,透過簡單設定就能製作出佔據好友手機畫面的大圖吸引好友目光。
圖文訊息具備吸睛、即刻點閱、提供轉換的特色,因此可以說是店家不可或缺的行銷利器。
一個圖文訊息最多可以置入「六個連結」,並且可以透過群發、歡迎訊息、關鍵字等方式發送。

備註:若欲使用圖文訊息,請先升級為「LINE@推廣方案 - 入門版」 點此連結


➤ 進階秘笈:圖文訊息設計竅門

一、設計不拘泥於現有模板格式
管理後台提供的圖文訊息模板一共有以下八種:
螢幕快照 2018-08-14 下午12.18.14
若想跳脫模板格式,改變版位篇幅,可以透過結合相鄰區塊的版位,將這些版位設定成相同連結,即可製作出跳脫制式格式的圖文訊息。

 範例:選擇六個區塊(上三格下三格)的模板,將上面三個區塊設定成相同連結,即可製作出應用模板沒有提供的四個區塊(上一格下三格)的模板。
toumei 2
二、在圖文訊息中插入吸引點擊元素
雖然圖文訊息是以圖片的形式為主,且圖片的每個地方都有超連結,但是在圖片及每個連結區塊加入指引好友點選的文字、按鈕或是圖樣,更能有效吸引注目,增加好友點擊率。(如以下示意圖綠色框框區塊)

 示意圖:richmessagesample 2

三、透明背景製造出別出心裁視覺效果
在設計圖文訊息時,可將背景設定成透明,或若是不會設定成透明,可善用聊天室背景色,將背景色設定成與聊天室背景相同顏色(注意:此方式對於有套用主題的好友無效)。這樣做可以更加凸顯訊息重點資訊,也能製作出視覺效果上特別形狀的圖文訊息。

 示意圖:螢幕快照 2018-08-14 下午12.51.18

➤ 實戰演練:沒繪圖軟體也OK!一步步教你製作圖文訊息

一、初階版:PPT也能自製精美圖文選單

 教學說明:接下來會示範以PPT製作出插圖配上文字的簡單版圖文訊息,
                      若想插入活動照片等其他元素,製作方式也可以此類推。

 製作步驟:
(1) 進入LINE@後台點選「建立圖文影音內容」,再點選下方的「圖文訊息」,接著點選右上角「新增」
(2) 選擇欲使用的模板樣式及尺寸,並且點選下方文字「版型」(如下圖)
螢幕快照 2018-08-14 下午5.19.34
(3) 複製版型頁面中的圖檔至PowerPoint空白檔案頁面(如下圖)
螢幕快照 2018-08-14 下午5.19.47
(4) 點選新增「圖形」 >> 點選「矩形」>> 將矩形拉至與欲製作區塊相同大小 >> 將矩形的背景色設定成此區塊欲呈現的顏色
螢幕快照 2018-08-08 下午6.57.33
(5) 在此塊矩形連接區域插入欲呈現的文字及圖片,其他連接區域也以此類推(可上網搜尋無版權Icon插圖使用)
螢幕快照 2018-08-14 下午5.23.36
(6) 所有連結區域都編輯完成後,請以游標拉選圖文選單範圍內的全部元件,並且按右鍵點選「另存成圖片」
Richmessage_1
(7) 請打開儲存的圖文訊息圖片檔案,再次確認尺寸是否符合模板標準,若不符合則可以利用裁切工具做修正( 標準尺寸:1040 X 1040 )
螢幕快照 2018-08-14 下午5.30.38
(9) 調整成正確尺寸後,就完成並可以上傳至LINE@後台啦 
 範例完成品:richmessagesample2 2

二、進階版:利用官方應用模板輕鬆製作圖文訊息

 教學說明:
接下來的教學是針對有Photoshop但不太會美術設計的店家。
                      透過LINE@官方資源下載專區的圖文訊息應用模板,就可以快速建立完成!

 製作步驟:
(1) 請進入LINE@線上大學的官方資源下載專區頁面( 點我前往
(2) 到LINE@應用模板欄位(如下圖)並選擇欲使用的圖文訊息模板,點選下方按鈕下載(下圖綠框)
螢幕快照 2018-08-14 下午4.48.58
(3) 下載完後,請在繪圖軟體中打開應用模板圖檔
螢幕快照 2018-08-14 下午4.52.12
(4) 打開圖檔後,請在右方工具欄打開「圖層」欄位,在這邊可以編輯圖文訊息上的所有元件(包括:邊框、按鈕、背景圖、文字)
螢幕快照 2018-08-14 下午5.01.52
(5) 透過左鍵雙點擊元件圖示則可開始編輯(點擊右邊綠色框框部分,即可編輯左邊綠色框框區域文字)
螢幕快照 2018-08-14 下午5.05.28
(6) 將每個元件修改成您欲呈現的樣子,完成後儲存成PNG或JPG檔案上傳至LINE@後台就完成啦



+ + + + + + + + + + + + + + + + + + + +

LINE@生活圈商家報,永遠分享第一手的LINE@資訊!
加入方式一:輸入ID「@twlineatbiz」
加入方式二:手機點擊「加入好友」按鈕
LINE@