iOS | Android | LINE STORE | |
---|---|---|---|
所需數量 | 1張 | 1張 | 1張 |
大小 | W 200 × H 284 | W 136 × H 202 | W 198 × H 278 |
檔案名稱 | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
製作「啟動畫面圖片(背景、Logo+插圖)」時,請縮小至各系統所要求的大小。
背景圖片不可去背,請務必製作未去背的圖片。
所需數量 | 選單 按鍵 |
類型 | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | |||
36張 | ![]() |
好友 OFF (未選擇時) |
![]() |
i_01.png | W 128 × H 150 | ![]() |
a_01.png | W 128 × H 112 |
好友 ON (選擇時) |
![]() |
i_02.png | ![]() |
a_02.png | ||||
![]() |
主頁 OFF |
![]() |
i_29.png | ![]() |
a_29.png | |||
主頁 ON |
![]() |
i_30.png | ![]() |
a_30.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 | ||||
![]() |
新聞 OFF |
![]() |
i_25.png | ![]() |
a_25.png | |||
新聞 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 | ||||
![]() |
TODAY OFF |
![]() |
i_31.png | 不需要 | ||||
TODAY ON |
![]() |
i_32.png | ||||||
![]() |
VOOM OFF |
![]() |
i_33.png | |||||
VOOM ON |
![]() |
i_34.png |
請準備選單圖片。
※依國家不同,所顯示的選單也有所不同。
主頁
聊天
VOOM
TODAY
錢包
主頁
聊天
VOOM
TODAY
錢包
各需要2種不同圖樣,分別為未選擇時(OFF)和選擇時(ON)。
剪裁後的圖片與貼圖圖案之間必須有一定程度(10px左右)的留白,因此請在設計貼圖的同時考量上下左右的位置平衡。
OFF
ON
選單按鍵圖片上將顯示提醒圖標(以數字或「N」顯示)。
提醒圖標的顯示位置將固定於右上角,因此設計時請考量到圖標與按鍵圖案之間的協調性。
提醒您,提醒圖標是由LINE自動控制顯示與否,各位創意人不需要製作圖標圖片。
圖標將會顯示於所有選單按鍵上。
iOS
W 128px × H 150px
Android
W 128px × H 112px
圖標大小
W 33px × H 33px
提醒圖標將會顯示於選單按鍵圖片的右上方,其位置如下:
・上邊距:49px
・右邊距:21px
所需數量 | iOS | Android | ||||
---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | |
2張 | ![]() |
i_11.png | W 1472 x H 150 | ![]() |
a_11.png | W 640 x H 112 |
您可自行製作選單背景圖片,若未準備圖片,則會套用已指定的顏色排版或背景色。
選單背景圖片會靠左對齊。
iOS
請將圖片大小的高度設為101〜150px之間,背景圖片的高度0~100px無法去背(101~150px的部分則可去背)。在以下圖片中,圖案部分高130px,去背部分高20px。
由於背景圖片將會重複顯示,請調整圖片使兩端的圖樣可自然銜接。
※為圖片去背時,去背的部份有可能顯示為黑色。請務必於預覽畫面上確認完畢後再進行申請。
圖片部分 130px 去背部分 20px重複部份高度150px
Android
圖片大小為W 640px × H 112px。由於背景圖片將會重複顯示,請調整圖片使兩端的圖樣可自然銜接。
部分Android裝置無法移除背景(去背)。
重複部份高度 112px
【重要通知】
在低於LINE 9.6.0的版本中,Android的圖片如上方所示,背景圖片無法去背。
由於系統設定的緣故,LINE 9.6.0以上版本的選單背景圖片將套用iOS的圖片,且背景圖片將去背。
然而,販售所需的相關圖片檔案規格仍與以往相同。
※由於系統設定的緣故,在部分Android裝置上,圖片兩端可能會出現邊線,或無法完整顯示。
※主題的預覽畫面可能與實際顯示畫面不同
所需數量 | 密碼畫面圖片 | 類型 | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | |||
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 |
4位密碼欄位可使用同一圖片顯示,或使用4種圖片顯示。
各需要2種不同圖樣,分別為未選擇時(OFF)和選擇時(ON)。
以1種圖片顯示
以4種圖片顯示
名稱 | 所需數量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | ||
個人圖片 (個人) |
2張 | ![]() |
i_20.png | W 240 × H 240 | ![]() |
a_20.png | W 247 × H 247 |
個人圖片 (群組) |
2張 | ![]() |
i_21.png | ![]() |
a_21.png |
用於未設定個人圖片的個人和群組之圖片。
個人圖片將自動顯示為經裁切過的圓形。但在LINE應用程式中點選該圖片時,會顯示為未經裁切的方形圖片。因此,製作個人圖片時,請仔細處理至其邊框部分。
製作個人圖片時,請區分個人和群組用的圖片圖樣。
個人圖片(個人)
個人圖片(群組)
名稱 | 所需數量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | ||
聊天室背景圖片 | 2張 | ![]() |
i_22.png | W 1482 × H 1334 | ![]() |
a_22.png | W 1300 × H 1300 |
您可自行製作聊天室背景圖片,若未準備圖片,則會套用已指定的顏色排版或背景色。
iOS
max:W 1482px x H 1334px
min:W 60px x H 60px
※縱向使用時的顯示尺寸為W
640px x H 1334px。
Android
最大尺寸:W 1300px × H 1300px
最小尺寸:W 60px × H 60px
無論裝置為橫向或縱向顯示,插圖的位置都必須維持在中央下方位置。
於ios系統,插圖將從文字輸入欄位上方開始顯示。
於Android系統,插圖則是將從文字輸入欄位下方開始顯示。設置於下方的插圖,可能會與文字輸入欄位重疊,設置插圖時請考量文字輸入欄位的高度。
※登錄主題時可查看的預覽畫面,可能與實際顯示畫面不同。
圖片大小只要介於最小值與最大值之間,可選擇任意大小製作。
去背或未去背的圖片皆可使用。
若背景以去背方式製作,所製作的插圖將以圖層方式顯示於顏色排版的基本背景上。
大小請控制在1MB以下。
去背背景
聊天室畫面
登錄聊天室背景圖片時請注意,在部分大尺寸螢幕的裝置上,圖片可能會缺少上半部並露出顏色排版。為避免圖片看似缺損,建議您採用以下其中一種方法。
・配合聊天室背景圖片來指定背景色
・配合顏色排版的顏色來製作聊天室背景圖片
・將聊天室背景圖片去背並重疊至背景色或顏色排版之上
圖片看似不完整 | 指定背景色 | 配合顏色排版 | 製作去背的背景圖片 |
---|---|---|---|
![]() 顏色排版 聊天室背景圖片 |
![]() |
![]() |
![]() |
圖片缺少上半部並露出顏色排版的背景色 |
配合聊天室背景圖片來指定背景色 |
配合顏色排版的顏色來製作聊天室背景圖片 |
將聊天室背景圖片去背並重疊至背景色或顏色排版之上 |
名稱 | 所需數量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | ||
啟動畫面圖片 (背景) |
1張 | - | - | - | ![]() |
a_23.png | W 1300 × H 1300 |
啟動畫面圖片 (Logo+插圖) |
1張 | - | - | - | ![]() |
a_24.png | W 480 x H 720 |
製作時的預覽畫面以及顯示在LINE STORE時,圖片上方及下方將可能因超出畫面,而出現顯示範圍不一致的情形。另外,依裝置不同也可能導致圖片的顯示範圍不同,製作時請考量上述因素。
背景
將套用於整個畫面。
Logo+插圖
請將Logo放置於指定大小內的畫面上方,將插圖放置於畫面中央。
Logo+插圖圖片請去背。
在畫面上,Logo+插圖將顯示於背景的正中央。
背景、Logo+插圖
Logo+插圖
登錄啟動畫面圖片時請留意,在部分大尺寸螢幕的裝置上,圖片的上半或下半部將會不足而露出顏色排版的背景色。為避免圖片看似缺損,建議您採取以下其中一種方法。
・配合啟動畫面背景圖片來指定背景色
・配合顏色排版的顏色來製作啟動畫面背景圖片
圖片看似不完整 | 指定背景色 | 配合顏色排版 |
---|---|---|
![]() 顏色排版 啟動畫面背景圖片 |
![]() |
![]() |
圖片的上半或下半部不足而露出顏色排版的背景色 |
配合啟動畫面背景圖片來指定背景色 |
配合顏色排版的顏色來製作啟動畫面背景圖片 |