此為顯示於LINE STORE及LINE主題小舖的主要圖片。
背景圖片不可去背,請務必製作未去背的圖片。
所需的主要圖片:共3張
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 |
請準備選單圖片。
※依國家不同,所顯示的選單也有所不同。
主頁 聊天 VOOM TODAY 錢包
主頁 聊天 VOOM TODAY 錢包
各需要2種不同圖樣,分別為未選擇時(OFF)和選擇時(ON)。
剪裁後的圖片與貼圖圖案之間必須有一定程度(10px左右)的留白,因此請在設計貼圖的同時考量上下左右的位置平衡。
OFF
ON
選單按鍵圖片上將顯示提醒圖標(以數字或「N」顯示)。
提醒圖標的顯示位置將固定於右上角,因此設計時請考量到圖標與按鍵圖案之間的協調性。
提醒您,提醒圖標是由LINE自動控制顯示與否,各位創意人不需要製作圖標圖片。
圖標將會顯示於所有選單按鍵上。
圖標大小
W 33px × H 33px
提醒圖標將會顯示於選單按鍵圖片的右上方,其位置如下:
・上邊距:49px
・右邊距:21px
所需數量 | 選單按鍵圖片 | 大小 | |||||||
---|---|---|---|---|---|---|---|---|---|
類型 | 主頁 | 聊天 | VOOM | 通話 | TODAY | TODAY | 錢包 | ||
14張 | OFF | i_29.png | i_03.png | i_33.png | i_07.png | i_25.png | i_31.png | i_27.png | W 128px × H 150px |
ON | i_30.png | i_04.png | i_34.png | i_08.png | i_26.png | i_32.png | i_28.png |
您可自行製作選單背景圖片,若未準備圖片,則會套用已指定的顏色排版或背景色。
選單背景圖片會靠左對齊。
請將圖片的高度設定在100px〜150px之間。高度在0px~100px之間的背景圖片無法去背(101px~150px之間的圖片則可去背)。
以下圖為例,圖片部分為130px,因此去背部分為20px。
由於背景圖片將會重複顯示,請調整圖片使兩端的圖樣可自然銜接。
※為圖片去背時,去背的部份有可能顯示為黑色。請務必於預覽畫面上確認完畢後再進行申請。
圖片部分 130px 去背部分 20px重複部份高度150px
所需數量 | 選單背景圖片 | 檔案名稱 | 大小 |
---|---|---|---|
1張(非必要) | i_11.png | W 1472 x H 150 |
此為設定密碼位數時的圖片。
各需要2種不同圖樣,分別為未選擇時(OFF)和選擇時(ON)。
4位密碼欄位可使用同一圖片顯示,或使用4種圖片顯示。
以1種圖片顯示
以4種圖片顯示
所需數量 | 密碼畫面圖片 | 類型 | 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 |
此為未設定個人圖片的個人用及群組用圖片。
個人圖片將自動顯示為經裁切過的圓形。但在LINE應用程式中點選該圖片時,會顯示為未經裁切的方形圖片。因此,製作個人圖片時,請仔細處理至其邊框部分。
個人圖片(個人)
個人圖片(群組)
名稱 | 所需數量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | ||
個人圖片 (個人) |
2張 | i_20.png | W 240 × H 240 | a_20.png | W 247 × H 247 | ||
個人圖片 (群組) |
2張 | i_21.png | a_21.png |
訊息輸入欄
背景去背
聊天室畫面
您可自行製作聊天室背景圖片,若未準備圖片,則會套用已指定的顏色排版或背景色。
無論裝置為橫向或縱向顯示,圖片將靠中間下方對齊顯示。
只要將圖片大小維持在最小值~最大值之間,即可選擇任意大小製作。另外,也可使用去背或未去背的圖片。
※若使用去背的圖片,圖片將以圖層方式顯示於顏色排版的背景上。
圖片容量須為1MB以下。
iOS
最大尺寸:W 1482px × H 1334px
最小尺寸:W 60px × H 60px
位置:訊息輸入欄上方
※裝置為縱向顯示時,圖片大小為W 640px × H 1334px。
Android
最大尺寸:W 1300px × H 1300px
最小尺寸:W 60px × H 60px
位置:訊息輸入欄下方
※由於圖片下方將與訊息輸入欄重疊,製作圖片時建議先考量訊息輸入欄的高度再進行製作。
名稱 | 所需數量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
圖片 | 檔案名稱 | 大小 | 圖片 | 檔案名稱 | 大小 | ||
聊天室背景圖片 | 2張(非必要) | i_22.png | W 1482 × H 1334 | a_22.png | W 1300 × H 1300 |
登錄聊天室背景圖片時請注意,在部分大尺寸螢幕的裝置上,圖片可能會缺少上半部並露出顏色排版。為避免圖片看似缺損,建議您採用以下其中一種方法。
・配合聊天室背景圖片來指定背景色
・配合顏色排版的顏色來製作聊天室背景圖片
・將聊天室背景圖片去背並重疊至背景色或顏色排版之上
圖片看似不完整 | 指定背景色 | 配合顏色排版 | 製作去背的背景圖片 |
---|---|---|---|
顏色排版 聊天室背景圖片 |
|||
圖片缺少上半部並露出顏色排版的背景色 |
配合聊天室背景圖片來指定背景色 |
配合顏色排版的顏色來製作聊天室背景圖片 |
將聊天室背景圖片去背並重疊至背景色或顏色排版之上 |