iOS | Android | LINE STORE | |
---|---|---|---|
Jumlah yang Diperlukan | 1 bh | 1 bh | 1 bh |
Ukuran | W 200 × H 284 | W 136 × H 202 | W 198 × H 278 |
Nama Berkas | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
Silakan buat dengan mengecilkan gambar splash (latar, logo+ilustrasi) ke ukuran masing-masing.
Bagian latar tidak dapat dijadikan transparan. Silakan buat dalam bentuk non-transparan.
Jumlah yang Diperlukan | Tombol Menu |
Tipe | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | |||
36 buah | ![]() |
Teman Mati (sebelum dipilih) |
![]() |
i_01.png | W 128 × H 150 | ![]() |
a_01.png | W 128 × H 112 |
Teman Nyala (setelah dipilih) |
![]() |
i_02.png | ![]() |
a_02.png | ||||
![]() |
Beranda Mati |
![]() |
i_29.png | ![]() |
a_29.png | |||
Beranda Nyala |
![]() |
i_30.png | ![]() |
a_30.png | ||||
![]() |
Obrolan Mati |
![]() |
i_03.png | ![]() |
a_03.png | |||
Obrolan Nyala |
![]() |
i_04.png | ![]() |
a_04.png | ||||
![]() |
Timeline Mati |
![]() |
i_05.png | ![]() |
a_05.png | |||
Timeline Nyala |
![]() |
i_06.png | ![]() |
a_06.png | ||||
![]() |
Panggilan Mati |
![]() |
i_07.png | ![]() |
a_07.png | |||
Panggilan Nyala |
![]() |
i_08.png | ![]() |
a_08.png | ||||
![]() |
News Mati |
![]() |
i_25.png | ![]() |
a_25.png | |||
News Nyala |
![]() |
i_26.png | ![]() |
a_26.png | ||||
![]() |
Lainnya Mati |
![]() |
i_09.png | ![]() |
a_09.png | |||
Lainnya Nyala |
![]() |
i_10.png | ![]() |
a_10.png | ||||
![]() |
Wallet Mati |
![]() |
i_27.png | ![]() |
a_27.png | |||
Wallet Nyala |
![]() |
i_28.png | ![]() |
a_28.png | ||||
![]() |
TODAY Mati |
![]() |
i_31.png | Tidak perlu | ||||
TODAY Nyala |
![]() |
1_32.png | ||||||
![]() |
Voom Mati |
![]() |
i_33.png | |||||
Voom Nyala |
![]() |
i_34.png |
Siapkan gambar untuk menu berikut:
*Tampilan menu dapat berbeda, tergantung dari negara yang terdaftar di akun.
Beranda
Obrolan
Voom
TODAY
Wallet
Beranda
Obrolan
Voom
TODAY
Wallet
Perlu 2 pola yaitu sebelum dipilih (Mati) dan sesudah dipilih (Nyala)
Harus ada margin sekitar 10px antara gambar yang dipangkas dan konten di sekelilingnya. Harap pertimbangkan keseimbangan stiker saat membuat desain Anda.
Mati
Nyala
Badge ikon pemberitahuan dengan angka atau tanda "N" akan ditampilkan pada gambar tombol menu Anda.
Harap diingat pada saat mendesain gambar tombol, bahwa lokasi badge tidak dapat diubah.
Catatan: Tampilan badge ikon secara otomatis dikontrol oleh aplikasi LINE dan tidak membutuhkan gambar tambahan apapun dari kreator.
Badge akan muncul pada gambar tombol menu di setiap tab.
iOS
W 128 × H 150
Android
W 128 × H 112
Ukuran Ikon
33 × 33
Ikon akan ditampilkan pada sudut kanan atas dari gambar tombol menu Anda dengan margin sebagai berikut.
-Atas: 49 piksel
-Kanan: 21 piksel
Jumlah yang Diperlukan | iOS | Android | ||||
---|---|---|---|---|---|---|
Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | |
2 bh | ![]() |
i_11.png | W 1472 x H 150 | ![]() |
a_11.png | W 640 x H 112 |
Anda dapat memilih untuk membuat atau tidak gambar latar menu. Jika Anda memilih untuk tidak membuat gambar, warna latar atau warna gambar latar yang telah dipilih akan diterapkan.
Gambar untuk latar menu ditampilkan rata kiri.
iOS
Atur ukuran gambar antara 101 s.d. 150 piksel. Gambar latar dengan ukuran kurang dari 100 piksel tidak dapat diubah menjadi transparan. Gambar di bawah ini memiliki ukuran tinggi 130 piksel, dengan latar transparan yang diperpanjang hingga 20 piksel ke atas.
Siapkan gambar dengan benar agar pengulangan gambar tampak rapi.
*Jika Anda membuat latar transparan, bagian transparan mungkin ditampilkan dengan warna hitam. Selalu cek tema Anda di layar pratinjau sebelum Anda mengirimnya.
Bagian Ilustrasi 130 Bagian Transparan 20Bagian PengulanganTinggi 150 piksel
Android
Ukuran gambar adalah 640 x 112 piksel. Siapkan gambar dengan benar agar pengulangan gambar tampak rapi.
Tampilan latar transparan tidak didukung di beberapa perangkat Android.
Bagian PengulanganTinggi 112
PENTING
Contoh tampilan pada Android di atas adalah untuk LINE versi di bawah 9.6.0, dan latar transparan tidak dapat ditampilkan dengan baik.
Gambar tab untuk LINE 9.6.0 ke atas akan menggunakan gambar latar transparan yang digunakan pada iOS.
Kreator tidak perlu menyediakan gambar baru untuk perubahan ini.
- Sehubungan dengan keterbatasan sistem, maka border disekitar gambar mungkin akan terlihat di beberapa perangkat Android. Gambar juga mungkin akan tampak terpotong di perangkat Android tersebut.
- Tampilan tema pada layar pratinjau mungkin berbeda dengan tampilan aktual di perangkat.
Jumlah yang Diperlukan | Gambar Digit Kode Sandi | Tipe | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | |||
16 bh | 1 | Mati | ![]() |
i_12.png | W 120 × H 120 | ![]() |
a_12.png | W116 × H 116 |
Nyala | ![]() |
i_13.png | ![]() |
a_13.png | ||||
2 | Mati | ![]() |
i_14.png | ![]() |
a_14.png | |||
Nyala | ![]() |
i_15.png | ![]() |
a_15.png | ||||
3 | Mati | ![]() |
i_16.png | ![]() |
a_16.png | |||
Nyala | ![]() |
i_17.png | ![]() |
a_17.png | ||||
4 | Mati | ![]() |
i_18.png | ![]() |
a_18.png | |||
Nyala | ![]() |
i_19.png | ![]() |
a_19.png |
Ada cara untuk menampilkan 4 digit dengan 1 macam gambar atau dengan 4 macam gambar.
Perlu 2 pola yaitu sebelum dipilih (Mati) dan sesudah dipilih (Nyala)
Tampilan dengan 1 macam gambar
Tampilan dengan 4 macam gambar
Nama | Jumlah yang Diperlukan | iOS | Android | ||||
---|---|---|---|---|---|---|---|
Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | ||
Gambar Profil (Individu) |
2 bh | ![]() |
i_20.png | W 240 × H 240 | ![]() |
a_20.png | W 247 × H 247 |
Gambar Profil (Grup) |
2 bh | ![]() |
i_21.png | ![]() |
a_21.png |
Gambar yang belum didaftarkan untuk individu dan grup.
Gambar profil ditampilkan bulat, namun jika gambar profil diketuk, gambar akan ditampilkan dalam bentuk segiempat. Oleh karena itu, pastikan bagian sisi luar gambar profil juga tampak rapi.
Silakan buat desain gambar yang berbeda untuk individu dan grup.
Gambar Profil (Individu)
Gambar Profil (Grup)
Nama | Jumlah yang Diperlukan | iOS | Android | ||||
---|---|---|---|---|---|---|---|
Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | ||
Gambar Latar Ruang Obrolan | 2 bh | ![]() |
i_22.png | W 1482 × H 1334 | ![]() |
a_22.png | W 1300 × H 1300 |
Pilih untuk membuat atau tidak gambar latar ruang obrolan. Jika Anda memilih untuk tidak membuat gambar, warna latar atau warna gambar latar yang telah dipilih akan diterapkan.
iOS
maks: W1482 x H1334
min: W60 x H60
*Ukuran tampilan saat rotasi vertikal adalah W640 x H1334.
Android
Ukuran maksimum: W 1300 x H 1300 piksel
Ukuran minimum: W 60 x 60 piksel
Ilustrasi akan diletakkan di bagian tengah-rata bawah terlepas dari arah rotasi horisontal/vertikal pada perangkat.
Untuk iOS, ilustrasi akan ditampilkan dari atas kolom input karakter.
Untuk Android, ilustrasi akan ditampilkan dari bawah kolom input karakter. Ilustrasi yang diletakkan di bagian bawah akan ditampilkan bersamaan dengan kolom input karakter. Oleh karena itu, letakkan ilustrasi dengan mempertimbangkan tinggi kolom input karakter.
*Layar pratinjau untuk pengecekan saat mendaftarkan tema mungkin berbeda dengan tampilan aktualnya.
Ukuran dapat Anda atur sendiri selama masih dalam batas minimum-maksimum.
Gambar boleh transparan dan non-transparan.
Jika Anda membuat latar transparan, ilustrasi yang telah dibuat akan ditampilkan dengan layer pada latar dasar dengan warna latar yang telah dipilih.
Berkas tidak boleh lebih besar dari 1MB.
TransparanLatar
Layar Ruang Obrolan
Jika Anda menggunakan gambar latar untuk ruang obrolan, gambar tersebut mungkin tidak akan pas di beberapa layar perangkat. Sisa ruang yang tidak terisi oleh gambar latar akan diisi oleh warna latar secara otomatis. berikut cara yang dapat dilakukan untuk mencegah ketidaksesuaian antara gambar latar dan warna latar.
• Sesuaikan warna gambar latar ruang obrolan dengan warna latar
• Buat gambar latar ruang obrolan dengan warna yang sesuai dengan dengan warna latar
•Buat gambar latar transparan sehingga gambar latar akan menyatu dengan warna latar atau warna gambar latar yang dipilih.
Gambar Tidak Pas dengan Layar | Atur Warna Gambar Latar | Sesuaikan dengan Warna Latar | Buat Gambar Latar Transparan |
---|---|---|---|
![]() Warna Latar Gambar Latar Ruang Obrolan |
![]() |
![]() |
![]() |
Bagian atas gambar tidak pas dengan layar, dan warna latar terlihat |
Sesuaikan warna gambar latar ruang obrolan dengan warna latar. |
Buat gambar latar ruang obrolan untuk disesuaikan warna latar ruang obrolan dengan warna latar. |
Buat gambar latar transparan agar dapat menyatu dengan warna latar dan warna gambar latar. |
Nama | Jumlah yang Diperlukan | iOS | Android | ||||
---|---|---|---|---|---|---|---|
Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | ||
Gambar Splash (Latar) |
1 bh | - | - | - | ![]() |
a_23.png | W 1300 × H 1300 |
Gambar Splash (Logo+Ilustrasi) |
1 bh | - | - | - | ![]() |
a_24.png | W 480 x H 720 |
Gambar mungkin akan ditampilkan dengan bagian atas dan bawah yang terpotong sebagian di layar pratinjau dan LINE STORE karena area tampilan gambar yang berbeda. Mohon perhatikan hal ini juga mungkin terjadi di perangkat lainnya dengan area tampilan gambar yang berbeda.
Latar
diterapkan di keseluruhan layar.
Logo+Ilustrasi
Logo diletakkan di bagian atas dan ilustrasi di bagian tengah di dalam ukuran yang telah ditetapkan.
Logo+Ilustrasi harus dibuat transparan.
Logo+Ilustrasi akan ditampilkan di bagian tengah latar pada layar.
Latar dan Logo+Ilustrasi
Logo+Ilustrasi
Jika Anda menggunakan gambar splash, gambar tersebut mungkin tidak akan pas di beberapa layar perangkat. Sisa ruang yang tidak terisi oleh gambar latar akan diisi oleh warna latar secara otomatis. berikut cara yang dapat dilakukan untuk mencegah ketidaksesuaian antara gambar splash dan warna latar.
• Sesuaikan warna gambar latar splash dengan warna latar
• Buat gambar latar splash dengan warna yang sesuai dengan warna latar.
Gambar Tidak Pas dengan Layar | Atur Warna Gambar Latar | Sesuaikan dengan Warna Latar |
---|---|---|
![]() Warna Latar Gambar Latar Splash |
![]() |
![]() |
Bagian atas dan bawah gambar tidak pas dengan layar, dan warna latar terlihat |
Sesuaikan warna gambar latar ruang obrolan dengan warna layar splash |
Buat gambar latar untuk disesuaikan warna latar ruang obrolan dengan warna latar. |