iOS | Android | LINE STORE | |
---|---|---|---|
จำนวน | 1 รูป | 1 รูป | 1 รูป |
ขนาด | กว้าง 200 x สูง 284 | กว้าง 136 x สูง 202 | กว้าง 198 x สูง 278 |
ชื่อไฟล์ | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
โปรดย่อ "รูปสแปลช (ฉากหลัง โลโก้ + ภาพประกอบ)" ให้มีขนาดตามที่กำหนด
โปรดใช้รูปฉากหลังแบบทึบ เนื่องจากไม่สามารถใช้รูปโปร่งใสได้
จำนวน | ปุ่ม เมนู |
ประเภท | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
รูป | ชื่อไฟล์ | ขนาด | รูป | ชื่อไฟล์ | ขนาด | |||
36 รูป | ![]() |
เพื่อน ปิด (ยังไม่เลือก) |
![]() |
i_01.png | กว้าง 128 x สูง 150 | ![]() |
a_01.png | กว้าง 128 x สูง 112 |
เพื่อน เปิด (เลือกแล้ว) |
![]() |
i_02.png | ![]() |
a_02.png | ||||
![]() |
หน้าหลัก ปิด |
![]() |
i_29.png | ![]() |
a_29.png | |||
หน้าหลัก เปิด |
![]() |
i_30.png | ![]() |
a_30.png | ||||
![]() |
แชท ปิด |
![]() |
i_03.png | ![]() |
a_03.png | |||
แชท เปิด |
![]() |
i_04.png | ![]() |
a_04.png | ||||
![]() |
ไทม์ไลน์ ปิด |
![]() |
i_05.png | ![]() |
a_05.png | |||
ไทม์ไลน์ เปิด |
![]() |
i_06.png | ![]() |
a_06.png | ||||
![]() |
โทร ปิด |
![]() |
i_07.png | ![]() |
a_07.png | |||
โทร เปิด |
![]() |
i_08.png | ![]() |
a_08.png | ||||
![]() |
News ปิด |
![]() |
i_25.png | ![]() |
a_25.png | |||
News เปิด |
![]() |
i_26.png | ![]() |
a_26.png | ||||
![]() |
อื่นๆ ปิด |
![]() |
i_09.png | ![]() |
a_09.png | |||
อื่นๆ เปิด |
![]() |
i_10.png | ![]() |
a_10.png | ||||
![]() |
Wallet ปิด |
![]() |
i_27.png | ![]() |
a_27.png | |||
Wallet เปิด |
![]() |
i_28.png | ![]() |
a_28.png | ||||
![]() |
TODAY ปิด |
![]() |
i_31.png | ไม่ใช้ | ||||
TODAY เปิด |
![]() |
i_32.png | ||||||
![]() |
VOOM ปิด |
![]() |
i_33.png | |||||
VOOM เปิด |
![]() |
i_34.png |
โปรดสร้างรูปเมนูเตรียมไว้
* เมนูที่แสดงต่อผู้ใช้จะต่างกันโดยขึ้นกับประเทศที่ใช้บริการ
หน้าหลัก
แชท
VOOM
TODAY
Wallet
หน้าหลัก
แชท
VOOM
TODAY
Wallet
ต้องใช้ 2 แบบ คือ ตอนที่ไม่ได้เลือก (ปิด) และตอนที่เลือก (เปิด)
ขอให้ออกแบบโดยคำนึงถึงความสมดุลของรูป เพราะควรมีพื้นที่ว่างที่เหมาะสมระหว่างตัวรูปที่ตัดขอบแล้วกับเนื้อหาในรูป (ประมาณ 10 พิกเซล)
ปิด
เปิด
จะมีป้ายกำกับ (ไอคอนที่เป็นตัวเลขหรือตัวอักษร N) แสดงบนรูปปุ่มเมนู
ตำแหน่งที่แสดงป้ายจะเป็นตำแหน่งที่กำหนดตายตัว จึงควรออกแบบรูปปุ่มโดยคำนึงถึงตำแหน่งป้ายกำกับด้วย
* ป้ายกำกับจะแสดงโดยอัตโนมัติภายใต้การควบคุมของ LINE ครีเอเตอร์จึงไม่จำเป็นต้องสร้างรูปป้ายกำกับ
* ป้ายกำกับจะแสดงบนรูปปุ่มเมนูทั้งหมด
iOS
กว้าง 128 x สูง 150
Android
กว้าง 128 x สูง 112
ขนาดป้ายกำกับ
33×33 พิกเซล
ป้ายกำกับจะแสดงที่มุมขวาบนของปุ่มเมนูในตำแหน่งดังนี้
- 49 พิกเซลจากขอบบน
- 21 พิกเซลจากขอบขวา
จำนวน | iOS | Android | ||||
---|---|---|---|---|---|---|
รูป | ชื่อไฟล์ | ขนาด | รูป | ชื่อไฟล์ | ขนาด | |
2 รูป | ![]() |
i_11.png | กว้าง 1472 x สูง 150 | ![]() |
a_11.png | กว้าง 640 x สูง 112 |
ครีเอเตอร์จะทำหรือไม่ทำรูปฉากหลังหน้าจอเมนูก็ได้ ในกรณีที่ไม่มีรูปดังกล่าว ระบบจะใช้สีสกินหรือสีฉากหลังที่กำหนดไว้แทน
รูปฉากหลังเมนูจะถูกวางชิดขอบซ้าย
iOS
โปรดสร้างรูปฉากหลักที่มีความสูง 101-150 พิกเซล, รูปที่สูง 0-100 พิกเซลจะไม่สามารถแสดงแบบโปร่งใสได้, ในตัวอย่างด้านล่าง ส่วนที่เป็นภาพแสดงมีความสูง 130 พิกเซล จึงทำให้มีส่วนโปร่งใส 20 พิกเซล
โปรดสร้างรูปให้มีลวดลายที่สามารถนำมาวางต่อกันได้อย่างต่อเนื่อง
* ถ้ารูปฉากหลังเป็นแบบโปร่งใส ระบบอาจแสดงส่วนโปร่งใสเป็นสีดำ โปรดตรวจสอบที่หน้าแสดงตัวอย่างธีมก่อนส่งทุกครั้ง
ส่วนที่เป็นรูป 130 พิกเซล ส่วนโปร่งแสง 20 พิกเซลส่วนแสดงซ้ำสูง 150
Android
รูปต้องมีขนาดกว้าง 640 × สูง 112 พิกเซลและมีลวดลายที่สามารถนำมาวางต่อกันได้อย่างต่อเนื่อง
อุปกรณ์ Android บางรุ่นอาจไม่รองรับรูปฉากหลังแบบโปร่งใส
ส่วนแสดงซ้ำสูง 112 พิกเซล
หมายเหตุ
รูปสำหรับเวอร์ชัน Android ที่แสดงด้านบนคือรูปที่ใช้สำหรับ LINE เวอร์ชันต่ำกว่า 9.6.0 ซึ่งรูปฉากหลังไม่ใช่รูปโปร่งใส
แต่ใน LINE 9.6.0 เป็นต้นไป รูปฉากหลักของเวอร์ชัน iOS จะถูกนำมาใช้เป็นรูปฉากหลังเมนูของเวอร์ชัน Android ด้วยเหตุผลทางระบบ จึงทำให้รูปฉากหลังของเวอร์ชัน Android จะเปลี่ยนเป็นแบบโปร่งใสด้วยเช่นกัน
โดยที่ครีเอเตอร์ไม่จำเป็นต้องเตรียมรูปใหม่แต่อย่างใด
* บนอุปกรณ์ Android บางรุ่นอาจมองเห็นเส้นที่ช่วงต่อของขอบรูปหรือแสดงรูปได้ไม่ครบถ้วนด้วยเหตุผลทางระบบ
* การแสดงรูปตัวอย่างของธีมอาจแตกต่างกับรูปที่แสดงจริงบนอุปกรณ์
จำนวน | รูปรหัสผ่าน | ประเภท | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
รูป | ชื่อไฟล์ | ขนาด | รูป | ชื่อไฟล์ | ขนาด | |||
16 รูป | 1 | ปิด | ![]() |
i_12.png | กว้าง 120 x สูง 120 | ![]() |
a_12.png | กว้าง 116 x สูง 116 |
เปิด | ![]() |
i_13.png | ![]() |
a_13.png | ||||
2 | ปิด | ![]() |
i_14.png | ![]() |
a_14.png | |||
เปิด | ![]() |
i_15.png | ![]() |
a_15.png | ||||
3 | ปิด | ![]() |
i_16.png | ![]() |
a_16.png | |||
เปิด | ![]() |
i_17.png | ![]() |
a_17.png | ||||
4 | ปิด | ![]() |
i_18.png | ![]() |
a_18.png | |||
เปิด | ![]() |
i_19.png | ![]() |
a_19.png |
คุณสามารถใช้รูปเหมือนสำหรับรหัสผ่านทั้ง 4 หลัก หรือจะใช้รูป 4 แบบสำหรับทั้ง 4 หลักก็ได้
ต้องใช้ 2 แบบ คือ ตอนที่ไม่ได้เลือก (ปิด) และตอนที่เลือก (เปิด)
แสดงด้วยรูป 1 แบบ
แสดงด้วยรูป 4 แบบ
ชื่อ | จำนวน | iOS | Android | ||||
---|---|---|---|---|---|---|---|
รูป | ชื่อไฟล์ | ขนาด | รูป | ชื่อไฟล์ | ขนาด | ||
รูปโปรไฟล์ (บุคคล) |
2 รูป | ![]() |
i_20.png | กว้าง 240 x สูง 240 | ![]() |
a_20.png | กว้าง 247 x สูง 247 |
รูปโปรไฟล์ (กลุ่ม) |
2 รูป | ![]() |
i_21.png | ![]() |
a_21.png |
รูปสำหรับบุคคลหรือกลุ่มที่ไม่ได้ลงทะเบียนรูปโปรไฟล์เอาไว้
ระบบจะครอบตัดรูปโปรไฟล์เป็นวงกลมโดยอัตโนมัติ แต่เมื่อผู้ใช้แตะรูปโปรไฟล์ที่แสดงในแอป LINE รูปจะแสดงเป็นรูปสี่เหลี่ยมเต็มรูป จึงขอให้สร้างรูปโปรไฟล์ที่แสดงได้เต็มกรอบรูปสี่เหลี่ยม
ขอให้ลงทะเบียนรูปที่มีลายแสดงให้เห็นว่าเป็นบุคคลหรือกลุ่ม
รูปโปรไฟล์ (บุคคล)
รูปโปรไฟล์ (กลุ่ม)
ชื่อ | จำนวน | iOS | Android | ||||
---|---|---|---|---|---|---|---|
รูป | ชื่อไฟล์ | ขนาด | รูป | ชื่อไฟล์ | ขนาด | ||
รูปฉากหลังห้องแชท | 2 รูป | ![]() |
i_22.png | กว้าง 1482 x สูง 1334 | ![]() |
a_22.png | กว้าง 1300 x สูง 1300 |
ครีเอเตอร์จะทำหรือไม่ทำรูปฉากหลังห้องแชทก็ได้ ในกรณีที่ไม่มีรูปดังกล่าว ระบบจะใช้สีสกินหรือสีฉากหลังที่กำหนดไว้แทน
iOS
ค่าสูงสุด: กว้าง 1482 พิกเซล x สูง 1334 พิกเซล
ค่าต่ำสุด: กว้าง 60 พิกเซล x สูง 60 พิกเซล
* ขนาดสำหรับการแสดงในแนวตั้งคือ กว้าง 640 พิกเซล x สูง 1334 พิกเซล
Android
ขนาดใหญ่ที่สุด: กว้าง 1300 พิกเซล x สูง 1300 พิกเซล
ขนาดเล็กที่สุด: กว้าง 60 พิกเซล x สูง 60 พิกเซล
กำหนดตำแหน่งรูปให้อยู่ตรงกลางชิดขอบล่างไม่ว่าอุปกรณ์จะอยู่แนวนอนหรือแนวตั้ง
ระบบปฏิบัติการ iOS จะแสดงรูปที่ด้านบนของช่องใส่ข้อความ
ระบบปฏิบัติการ Android จะแสดงรูปที่ด้านล่างของช่องใส่ข้อความ รูปที่อยู่ด้านล่างจะแสดงซ้อนกับช่องใส่ข้อความ จึงควรออกแบบรูปโดยคำนึงถึงความสูงของช่องใส่ข้อความ
* หน้าจอตัวอย่างที่ดูได้ระหว่างการลงทะเบียนธีม อาจแตกต่างไปจากหน้าจอที่แสดงจริง
ปรับขนาดรูปได้ตามต้องการ ตั้งแต่ขนาดเล็กที่สุดจนถึงใหญ่ที่สุดตามที่กำหนดไว้
จะใช้รูปแบบโปร่งใสหรือแบบทึบก็ได้
ถ้ารูปฉากหลังเป็นแบบโปร่งใส ระบบแสดงรูปเป็นเลเยอร์ซ้อนบนฉากหลังในสีสกินที่เลือกไว้ ต้องมีขนาดไม่เกิน 1 MB
โปร่งใสฉากหลัง
รูปฉากหลังห้องแชท
ในกรณีที่อัพโหลดรูปฉากหลังห้องแชท เมื่อแสดงบนอุปกรณ์ที่หน้าจอมีขนาดใหญ่ จะทำให้เหลือพื้นที่ว่างที่ด้านบนของหน้าจอและระบบจะแสดงสีสกินแทน เราขอแนะนำให้ครีเอเตอร์ทำตามวิธีต่อไปนี้เพื่อป้องกันไม่ให้เหลือพื้นที่ว่างบนหน้าจอ
• กำหนดสีฉากหลังที่เข้ากับรูปฉากหลังห้องแชท
• ทำรูปฉากหลังห้องแชทโดยใช้สีที่เข้ากับสีสกิน
• ทำรูปฉากหลังห้องแชทที่โปรงใสแล้วนำไปวางซ้อนบนสีฉากหลังหรือสีสกิน
รูปแสดงไม่เต็มหน้าจอ | กำหนดสีฉากหลัง | ทำรูปที่เข้ากับสีสกิน | ทำรูปฉากหลังแบบโปร่งใส |
---|---|---|---|
![]() สีสกิน รูปฉากหลังห้องแชท |
![]() |
![]() |
![]() |
มีพื้นที่เหลือด้านบนจึงแสดงสีฉากหลังของสีสกินแทน |
กำหนดสีฉากหลังที่เข้ากับรูปฉากหลังห้องแชท |
ทำรูปฉากหลังห้องแชทที่มีสีโทนเดียวกับสีสกิน |
ทำรูปฉากหลังห้องแชทที่โปร่งแสงแล้วนำไปซ้อนกับสีฉากหลังหรือสีสกิน |
ชื่อ | จำนวน | iOS | Android | ||||
---|---|---|---|---|---|---|---|
รูป | ชื่อไฟล์ | ขนาด | รูป | ชื่อไฟล์ | ขนาด | ||
รูปสแปลช (ฉากหลัง) |
1 รูป | - | - | - | ![]() |
a_23.png | กว้าง 1300 x สูง 1300 |
รูปสแปลช (โลโก้+ภาพประกอบ) |
1 รูป | - | - | - | ![]() |
a_24.png | กว้าง 480 x สูง 720 |
ในหน้าแสดงรูปตัวอย่างระหว่างการสร้างและ LINE STORE อาจมีพื้นที่แสดงรูปต่างกัน โดยรูปด้านบนและด้านล่างบางส่วนอาจขาดไป และพื้นที่แสดงรูปบนอุปกรณ์ใช้งานแต่ละประเภทอาจต่างกัน
ฉากหลัง
ใช้กับทั้งหน้าจอ
โลโก้+ภาพประกอบ
เตรียมรูปสแปลชตามขนาดที่กำหนด จัดตำแหน่งให้โลโก้อยู่ด้านบน ภาพประกอบอยู่ตรงกลาง
โปรดสร้าง โลโก้+ภาพประกอบ เป็นแบบโปร่งใส
โลโก้+ภาพประกอบ จะแสดงบนหน้าจอ โดยอยู่ตรงกลางของรูปฉากหลัง
รูปฉากหลัง โลโก้+ภาพประกอบ
โลโก้+ภาพประกอบ
ในกรณีที่อัพโหลดรูปสแปลช เมื่อแสดงบนอุปกรณ์ที่หน้าจอมีขนาดใหญ่ จะทำให้เหลือพื้นที่ว่างที่ด้านบนของหน้าจอและระบบจะแสดงสีฉากหลังของสีสกินแทน เราขอแนะนำให้ครีเอเตอร์ทำตามวิธีต่อไปนี้เพื่อป้องกันไม่ให้เหลือพื้นที่ว่างบนหน้าจอ
• กำหนดสีฉากหลังที่เข้ากับรูปฉากหลังหน้าจอสแปลช
• ทำรูปฉากหลังหน้าจอสแปลชโดยใช้สีที่เหมาะสมกับสีสกิน
รูปแสดงไม่เต็มหน้าจอ | กำหนดสีฉากหลัง | ทำรูปที่เข้ากับสีสกิน |
---|---|---|
![]() สีสกิน รูปฉากหลังหน้าจอสแปลช |
![]() |
![]() |
มีพื้นที่เหลือด้านบนและล่างจึงแสดงสีฉากหลังของสีสกินแทน |
กำหนดสีฉากหลังที่เข้ากับรูปฉากหลังหน้าจอสแปลช |
ทำรูปฉากหลังหน้าจอสแปลชที่มีสีโทนเดียวกับสีสกิน |