製作準則(詳細版)

您於LINE販售的主題,須支援最新版LINE當中所新增的功能。
在支援新功能前,將使用LINE的預設圖片或您目前使用的製作圖片,但您仍可繼續販售該主題。
請確認準則並製作所需圖片。
※在LINE最新版的「主題」相關規格公開後,製作準則也會隨之更新。

主題圖片的登錄方法

  • 1到個人頁面點選「新增」。
  • 2輸入主題的文字訊息並儲存後,點選「編輯」按鍵。
  • 3將圖片壓縮為ZIP檔並上傳。
  • 4選擇1種顏色排版。以上步驟完成後,即完成主題登錄。

所需內容

A 主要圖片

iOS Android LINE STORE
所需數量 1張 1張 1張
圖片大小(pixel) W 200 × H 284 W 136 × H 202 W 198 × H 278
檔案名稱 ios_thumbnail.png android_thumbnail.png store_thumbnail.png

B 選單按鍵圖片

※依服務及國家不同,紅框區域所顯示的選單也有所不同。

所需數量 7種選單按鍵 類型 iOS Android
圖片 檔案名稱 圖片大小(pixel) 圖片 檔案名稱 圖片大小(pixel)
28張 好友
OFF
(未選擇時)
i_01.png W 128 × H 150 a_01.png W 128 × H 112
好友
ON
(選擇時)
i_02.png a_02.png
聊天
OFF
i_03.png a_03.png
聊天
ON
i_04.png a_04.png
貼文串
OFF
i_05.png a_05.png
貼文串
ON
i_06.png a_06.png
通話
OFF
i_07.png a_07.png
通話
ON
i_08.png a_08.png
LINE TODAY
OFF
i_25.png a_25.png
LINE TODAY
ON
i_26.png a_26.png
其他
OFF
i_09.png a_09.png
其他
ON
i_10.png a_10.png
錢包
OFF
i_27.png a_27.png
錢包
ON
i_28.png a_28.png

C 選單背景圖片

所需數量 iOS Android
圖片 檔案名稱 圖片大小(pixel) 圖片 檔案名稱 圖片大小(pixel)
2張 i_11.png W 1472 x H 150 a_11.png W 640 x H 112

D 密碼畫面圖片

所需數量 密碼位數 類型 iOS Android
圖片 檔案名稱 圖片大小(pixel) 圖片 檔案名稱 圖片大小(pixel)
16張 1 OFF i_12.png W 120 × H 120 a_12.png W116 × H 116
ON i_13.png a_13.png
2 OFF i_14.png a_14.png
ON i_15.png a_15.png
3 OFF i_16.png a_16.png
ON i_17.png a_17.png
4 OFF i_18.png a_18.png
ON i_19.png a_19.png

E 個人圖片

名稱 所需數量 iOS Android
圖片 檔案名稱 圖片大小(pixel) 圖片 檔案名稱 圖片大小(pixel)
個人圖片
(個人)
2張 i_20.png W 240 × H 240 a_20.png W 247 × H 247
個人圖片
(群組)
2張 i_21.png a_21.png

F 聊天室背景圖片

名稱 所需數量 iOS Android
圖片 檔案名稱 圖片大小(pixel) 圖片 檔案名稱 圖片大小(pixel)
聊天室背景圖片 2張 i_22.png W 1482 × H 1334 a_22.png W 1300 × H 1300

G 啟動畫面圖片

名稱 所需數量 iOS Android
圖片 檔案名稱 圖片大小(pixel) 圖片 檔案名稱 圖片大小(pixel)
啟動畫面圖片
(背景)
1張 - - - a_23.png W 1300 × H 1300
啟動畫面圖片
(Logo+插圖)
1張 - - - a_24.png W 480 x H 720
  • · 圖片大小的單位均為pixel。
  • · 圖檔均為PNG。
  • · 解析度請設為72dpi以上;色彩模式請設為RGB。
  • · 每張圖片的檔案大小須小於1MB。
  • · 若要將所有圖片壓縮為1個ZIP檔上傳時,ZIP檔須小於30MB。
  • · 請為圖片進行去背透明處理。
  • · 選單背景圖片、聊天室背景圖片可依個人喜好製作。若未準備圖片,將套用您所選擇的顏色排版設計。

主題樣板

  • 我們準備了適用8.3.0以上版本的LINE應用程式個人原創主題樣板(Adobe Photoshop用)。
  • 一邊參考準則,即可有效率地在Photoshop進行製作。
  • 我們另外準備了個人原創主題範本ZIP檔。請先下載ZIP檔,並將當中的「colorskin_brown.zip」上傳至個人頁面,即可確認圖片及顏色排版。
  • · 可能因個人原創主題更新,使規格有所改變。
  • · 禁止再向第三人散布此檔案,或修改內容後散布等行為。
  • · 此檔案是使用Adobe PhotoshopCC 2017所製作。
  • · 由於使用了工作區功能,Adobe Photoshop CS6以下版本無法使用,敬請見諒。

製作重點

A 主要圖片

製作「啟動畫面圖片(背景、Logo+插圖)」時,請縮小至各系統所要求的大小。

※背景圖片不可去背,請務必製作未去背的圖片。

B 選單按鍵圖片

請準備「好友」、「聊天」、「貼文串」、「通話」、「TODAY」、「其他」及「錢包」共7種選單圖片。
※依服務及國家不同,所顯示的選單也有所不同。

以4種選單按鍵顯示

以5種選單按鍵顯示

通話其他

TODAY錢包

各需要2種不同圖樣,分別為未選擇時(OFF)和選擇時(ON)。
剪裁後的圖片與貼圖圖案之間必須有一定程度(10px左右)的留白,因此請在設計貼圖的同時考量上下左右的位置平衡。

OFF

ON

關於顯示於選單按鍵圖片上的提醒圖標

選單按鍵圖片上將顯示提醒圖標(以數字或「N」顯示)。
提醒圖標的顯示位置將固定於右上角,因此設計時請考量到圖標與按鍵圖案之間的協調性。
提醒您,提醒圖標是由LINE自動控制顯示與否,各位創意人不需要製作圖標圖片。
圖標將會顯示於所有選單按鍵上。

iOS
選單按鍵圖片大小:128 × 150
圖標大小:33 × 33

提醒圖標將會顯示於選單按鍵圖片的右上角,其顯示位置如下:
· 上邊距:49 pixels
· 右邊距:21 pixels

iOS

Android
選單按鍵圖片大小:128 × 112
圖標大小:33 × 33

提醒圖標將會顯示於選單按鍵圖片的右上角,其顯示位置如下:
· 上邊距:22 pixels
· 右邊距:11 pixels

Android

C 選單背景圖片

選單背景圖片可依個人喜好製作。
若未準備圖片,將套用您所選擇的顏色排版設計。

iOS
圖檔的高度(H)為150px。
請將圖片部分的高度設定在100px~150px以下。高度在0px~100px之間時,背景不可去背。101px~150px之間時則可將背景去背。
以下圖為例,圖片的部分為130px,因此去背部分為20px。

※若以去背方式製作圖片背景,去背部份將可能顯示為黑色。請務必於預覽畫面上確認完畢後再進行申請。

圖片部分 130px 去背部分 20px高度 150px

Android
圖檔的高度(H)為112px。
將以寬度(W)640px為版型反覆顯示圖片。請調整圖片使兩端的圖樣得以銜接。
Android背景不可去背。

iOS與Android系統均靠左顯示。重複部份高度 112px

D 密碼畫面圖片

4位密碼欄位可使用同一圖片顯示,或使用4種圖片顯示。
各需要2種不同圖樣,分別為未選擇時(OFF)和選擇時(ON)。

以1種圖片顯示

以4種圖片顯示

E 個人圖片

用於未設定個人圖片的個人和群組之圖片。
雖然個人圖片以圓形顯示,但實際上的檔案是未裁切的方形圖檔。
製作個人圖片時,請區分個人和群組用的圖片圖樣。

個人

群組用

F 聊天室背景圖片

聊天室背景圖片可依個人喜好製作。
若未準備圖片,將套用您所選擇的顏色排版設計。

iOS
max:W 1482px x H 1334px
min:W 60px x H 60px
※縱向使用時的顯示尺寸為W
640px x H 1334px。

Android
max:W 1300px x H 1300px
min:W 60px x H 60px

無論裝置為橫向或縱向顯示,插圖的位置都必須維持在中央下方位置。
於ios系統,插圖將從文字輸入欄位上方開始顯示。
於Android系統,插圖則是將從文字輸入欄位下方開始顯示。設置於下方的插圖,可能會與文字輸入欄位重疊,設置插圖時請考量文字輸入欄位的高度。
※登錄主題時可查看的預覽畫面,可能與實際顯示畫面不同。

圖片大小只要介於最小值與最大值之間,可選擇任意大小製作。 去背或未去背的圖片皆可使用。 若背景以去背方式製作,所製作的插圖將以圖層方式顯示於顏色排版的基本背景上。 大小請控制在1MB以下。

去背背景

聊天室畫面

G 啟動畫面圖片

製作時的預覽畫面以及顯示在LINE STORE時,圖片上方及下方將可能因超出畫面,而出現顯示範圍不一致的情形。另外,依裝置不同也可能導致圖片的顯示範圍不同,製作時請考量上述因素。

背景
將套用於整個畫面。

Logo+插圖
請將Logo放置於指定大小內的畫面上方,將插圖放置於畫面中央。
Logo+插圖圖片請去背。
在畫面上,Logo+插圖將顯示於背景的正中央。

背景、Logo+插圖

Logo+插圖