4 khung thiết bị 3D chân thực, tỷ lệ thân máy từ kích thước mm thực tế.

Tại sao là 4 thay vì 20

App Store Connect chỉ yêu cầu hai kích thước ảnh chụp màn hình cho các bản nộp hiện đại: iPhone 6.9" (1320 × 2868) và iPad 13" (2064 × 2752), và Apple tự chia tỷ lệ cho mọi lớp nhỏ hơn. Play muốn một điện thoại và một máy tính bảng. Vì vậy Mokbi cung cấp bốn khung bao phủ trọn vẹn cả hai cửa hàng: iPhone 16 Pro Max, iPad Pro 13", Galaxy S25 Ultra và Galaxy Tab S9 Ultra, thiết bị lớn nhất của mỗi lớp. Hầu hết các công cụ tạo mockup cung cấp hơn 20 khung vì trông ấn tượng hơn trong danh sách tính năng; ít khung hơn, chính xác hơn nghĩa là ít trường hợp lỗi "tỷ lệ thân máy hơi lệch" hơn và không có gì thừa mà bạn không cần.

Tại sao "chân thực" lại quan trọng

Ảnh chụp màn hình App Store không được xem ở kích thước đầy đủ — hầu hết người dùng lướt qua chúng dưới dạng thumbnail 200px. Một khung lệch tỷ lệ dù chỉ một chút sẽ trông như "mẫu stock giả" ngay ở kích thước thumbnail đó. Tỷ lệ thân máy của Mokbi lấy từ kích thước thiết bị thực tế tính bằng milimét (iPhone 16 Pro Max là 163.0 × 77.6 mm → 2.101), sau đó viền được điều chỉnh dày hơn khoảng 5% so với máy thực để thiết bị vẫn nhận ra được ở kích thước thumbnail.

Những gì bạn có thể chọn

iPhone: 16 Pro Max (6.9").
iPad: Pro 13" (M4).
Android: Galaxy S25 Ultra (điện thoại), Galaxy Tab S9 Ultra (máy tính bảng).

Tự động và cố định

Mỗi lớp thiết bị có thể được đặt thành Tự động (theo kích thước xuất bạn đã chọn — chuyển từ iPhone 6.9" sang 6.5" và thiết bị Tự động sẽ định hình lại) hoặc cố định vào một khung cụ thể. Tự động là mặc định; hãy cố định khi một bảng cần một model cụ thể để thiết kế hiển thị đúng (ví dụ: hiển thị tính năng chỉ dành cho iPad bên cạnh các bảng iPhone).

Nghiêng và chiều sâu

Mỗi thiết bị là mô hình 3D chân thực (định dạng GLB) được dựng trực tiếp trong trình duyệt của bạn qua WebGL. Nghiêng theo trục X và Y; ánh sáng, phản chiếu và bóng đổ phản hồi theo thời gian thực. Khác với các hiệu ứng phối cảnh SVG, bạn đang xoay một lưới thực sự — kết quả có cùng độ trung thực như một bản dựng 3D chuyên nghiệp, phục vụ ngay lập tức từ trình duyệt mà không cần bước xuất riêng.

Khi có thêm thiết bị mới

Mokbi bổ sung thiết bị khi Apple hoặc Google ra mắt lớp thiết bị mới thực sự thay đổi kích thước ảnh chụp màn hình (ví dụ: iPad Pro có kích thước mới). Mokbi không thêm thiết bị chỉ để tăng số đếm tính năng — điều đó làm tăng chi phí bảo trì mà không thay đổi những gì bạn có thể nộp lên cửa hàng.

Trình tạo mockup theo từng thiết bị

Mỗi khung có trang tạo riêng — thông số kỹ thuật, kích thước ảnh chụp màn hình chính xác, hướng dẫn từng bước và những lỗi thường gặp với thiết bị đó:

Dùng thử trình chỉnh sửa →