กรอบอุปกรณ์ 3D สมจริง 4 แบบ สัดส่วนตัวเครื่องจากขนาด mm จริง

ทำไมต้อง 4 แบบไม่ใช่ 20

App Store Connect กำหนดเพียงสองขนาดภาพหน้าจอสำหรับการส่งงานในปัจจุบัน: iPhone 6.9" (1320 × 2868) และ iPad 13" (2064 × 2752) และ Apple ย่อขนาดอัตโนมัติสำหรับรุ่นที่เล็กกว่าทุกรุ่น Play ต้องการโทรศัพท์และแท็บเล็ตอย่างละเครื่อง เราจึงเลือกส่งกรอบทั้ง 4 แบบที่ครอบคลุมทั้งสอง Store อย่างครบถ้วน: iPhone 16 Pro Max, iPad Pro 13", Galaxy S25 Ultra และ Galaxy Tab S9 Ultra ซึ่งเป็นรุ่นใหญ่ที่สุดของแต่ละ class เครื่องมือส่วนใหญ่มีกรอบ 20+ แบบเพราะดูน่าประทับใจในรายการฟีเจอร์ กรอบที่น้อยกว่าและแม่นยำกว่าหมายถึงกรณีขอบแบบ "สัดส่วนตัวเครื่องเพี้ยนไปนิดหน่อย" ที่น้อยลงและไม่มีอะไรที่คุณไม่ต้องการ

ทำไม "สมจริง" จึงสำคัญ

ภาพหน้าจอใน App Store ไม่ได้ถูกดูในขนาดเต็มผู้ใช้ส่วนใหญ่เลื่อนผ่านในขนาดเธมบ์เนล 200px กรอบที่สัดส่วนเพี้ยนแม้เพียงเล็กน้อยจะดูเป็น "เทมเพลตสต็อก" ในเธมบ์เนลสัดส่วนตัวเครื่องของ Mokbi มาจากขนาดอุปกรณ์จริงในหน่วยมิลลิเมตร (iPhone 16 Pro Max คือ 163.0 × 77.6 mm → 2.101) จากนั้นปรับขอบให้หนาขึ้นประมาณ 5% กว่าโมเดลจริงเพื่อให้อ่านออกว่าเป็นอุปกรณ์ในขนาดเธมบ์เนล

กรอบที่เลือกได้

iPhone: 16 Pro Max (6.9").
iPad: Pro 13" (M4).
Android: Galaxy S25 Ultra (โทรศัพท์), Galaxy Tab S9 Ultra (แท็บเล็ต).

อัตโนมัติและตรึงค่า

แต่ละ device layer สามารถตั้งเป็น อัตโนมัติ ได้ (ตามขนาดส่งออกที่คุณเลือก สลับจาก iPhone 6.9" เป็น 6.5" แล้วอุปกรณ์แบบอัตโนมัติจะปรับรูปทรงตาม) หรือ ตรึง ไว้ที่กรอบใดกรอบหนึ่งก็ได้ ค่าเริ่มต้นคืออัตโนมัติ ใช้การตรึงเมื่อพาเนลต้องการโมเดลเฉพาะเพื่อให้ดีไซน์อ่านออกได้ถูกต้อง (เช่น แสดงฟีเจอร์ที่มีเฉพาะใน iPad คู่กับพาเนล iPhone)

การเอียงและความลึก

ทุกอุปกรณ์เป็นโมเดล 3D สมจริงระดับภาพถ่าย (รูปแบบ GLB) เรนเดอร์แบบ live ในเบราว์เซอร์ผ่าน WebGL เอียงบนแกน X และ Y ได้แสงการสะท้อนและเงาตอบสนองแบบ real-time ต่างจากเทคนิค SVG perspective คุณกำลังหมุน mesh จริงๆผลลัพธ์มีคุณภาพเทียบเท่ากับการเรนเดอร์ 3D มืออาชีพโดยไม่ต้องผ่านขั้นตอนส่งออกแยกต่างหาก

เมื่อมีอุปกรณ์เพิ่มเติม

Mokbi เพิ่มอุปกรณ์เมื่อ Apple หรือ Google ออกรุ่นใหม่ที่เปลี่ยนขนาดภาพหน้าจออย่างแท้จริงและไม่เพิ่มอุปกรณ์เพื่อขยายรายการฟีเจอร์เพราะนั่นเพิ่มต้นทุนการดูแลรักษาโดยไม่ได้เปลี่ยนสิ่งที่คุณส่งไปยัง Store ได้

ตัวสร้างม็อกอัพแต่ละอุปกรณ์

แต่ละกรอบมีหน้า generator ของตัวเองพร้อมสเปกขนาดภาพหน้าจอที่แน่นอนวิธีการทีละขั้นตอนและข้อผิดพลาดที่พบบ่อยสำหรับอุปกรณ์นั้น:

ลองใช้เครื่องมือแก้ไข →