ขนาด iPhone
เตรียมอย่างน้อย 1 ชุดต่อครอบครัวอุปกรณ์ และใช้ canvas ที่ใหญ่ที่สุดเท่าที่มี.
| อุปกรณ์ | ความละเอียด | อัตราส่วน |
|---|---|---|
| 6.7-inch Pro | 1290 × 2796 | 19.5:9 |
| 6.5-inch | 1242 × 2688 | 19.5:9 |
| 6.1-inch | 1170 × 2532 | 19.5:9 |
| 5.5-inch | 1242 × 2208 | 16:9 |
| 5.8-inch | 1125 × 2436 | 19.5:9 |
ขนาด iPad
| อุปกรณ์ | ความละเอียด | แนว |
|---|---|---|
| 12.9-inch Pro | 2048 × 2732 | Portrait |
| 11-inch Pro | 1668 × 2388 | Portrait |
| 10.5-inch | 1668 × 2224 | Portrait |
| 9.7-inch | 1536 × 2048 | Portrait |
โน้ตการใช้งาน
- ส่งออก PNG @2x เพื่อให้ข้อความคมชัดบน ProMotion
- เผื่อ safe area ด้านบน 44px / ด้านล่าง 34px
- จำกัดคอนทราสต์ของกราเดียนต์ไม่เกิน 30% เพื่อลด banding
- ถ้ารองรับ multi-window ให้มี canvas แนวนอนอย่างน้อย 1 ชุด
เช็กลิสต์ 30 วินาที
- ม็อกอัปตรงกับ UI ที่ส่ง
- หัวข้ออ่านได้ที่ซูม 100%
- กรอบอุปกรณ์ไม่ถูกตัด
- ภาษาตรงกับ metadata
- พื้นหลังไล่สีผ่านเกณฑ์ WCAG AA
FAQ
ยังต้องมีรูป 5.5 นิ้วไหม?
ต้องมี เพราะเครื่องรุ่นเก่าและบางภูมิภาคยังใช้
หมุนรูปแนวตั้งเป็นแนวนอนได้ไหม?
ไม่ควร เพราะ Apple จะเพิ่มขอบดำ ควรออกแบบแนวนอนใหม่
จะได้ไฟล์ CSV อย่างไร?
ส่งออกจากตารางด้านบน หรือดาวน์โหลดหลังจาก build แบบ static