Carousel đa bảng.
Tại sao dùng đa bảng
App Store hiển thị tối đa 10 ảnh chụp màn hình trong một carousel có thể vuốt. Các ứng dụng Top 100 hầu như luôn thiết kế chúng như một câu chuyện liên tục, không phải 10 hình ảnh rời rạc. Đa bảng được xây dựng xung quanh điều này — chọn 3–5 bảng, thiết kế toàn bộ carousel như một khối, xuất như một đơn vị.
Thêm và sắp xếp lại bảng
- Thêm bảng: nhấp "+" giữa các bảng hiện có hoặc ở cuối hàng.
- Nhân đôi bảng: nhấp nút nhân đôi trên thanh công cụ hover của bảng.
- Sắp xếp lại: kéo bảng sang trái/phải trong danh sách bảng ở cuối trình chỉnh sửa.
- Xóa: nút X trên thanh công cụ hover của bảng. Bạn không thể xóa bảng cuối cùng — một bảng là mức tối thiểu.
Nền dùng chung
Theo mặc định, mọi bảng dùng nền toàn cục (đặt qua điều khiển Nền trong thanh bên). Với gradient, gradient đó được cắt theo từng bảng khi render, nên gradient đa bảng hiển thị như một gradient liên tục trên toàn bộ carousel App Store.
Ghi đè từng bảng: chọn một bảng, chuyển nền sang "Từng bảng" trong thanh bên, và bạn có thể đặt nền riêng cho bảng đó.
Lớp xuyên suốt
Bất kỳ lớp nào (văn bản, thiết bị, hình ảnh, SVG) đều có thể trở thành lớp hàng chạy qua tất cả các bảng. Chọn lớp → thuộc tính → bật "Trải qua tất cả các bảng". Tọa độ x của lớp chuyển sang không gian tọa độ hàng toàn cục. Các trường hợp sử dụng phổ biến:
- Tiêu đề ngang dài chạy dọc phần trên của mọi bảng
- Một thiết bị dài duy nhất trải qua carousel
- Thanh trang trí dạng sóng kết nối các bảng
Các điểm điều khiển của lớp xuyên suốt có thể mở rộng ra ngoài ranh giới bảng riêng lẻ — chúng vẫn hiển thị qua HandlesOverlay chuyên dụng nằm ngoài vùng cắt của từng bảng.
Thiết bị từng bảng
Hầu hết carousel dùng cùng khung thiết bị trên tất cả các bảng (ví dụ iPhone 16 Pro Max), nhưng bạn có thể kết hợp thoải mái — ví dụ: một bảng hiển thị iPad, các bảng còn lại hiển thị iPhone. Dùng device-pin thay vì Auto cho bảng iPad.
Thiết kế toàn bộ carousel
Những điều hiệu quả với đa bảng:
- Xen kẽ hướng nghiêng thiết bị — luân phiên -10° / +10° / -10° trên các bảng liên tiếp để tạo nhịp điệu thị giác
- Cố định vị trí chú thích nhất quán (ví dụ: tất cả chú thích ở phần tư trên) để carousel đọc có thể đoán trước được
- Một "bảng đỉnh" — thường là bảng thứ hai hoặc thứ ba — có hình ảnh mạnh nhất; các bảng khác hỗ trợ nó
- Kết thúc bằng bảng dạng CTA — bảng cuối trước khi App Store làm mờ carousel
Câu hỏi thường gặp
Tối đa bao nhiêu bảng?
App Store chấp nhận tối đa 10 ảnh chụp màn hình mỗi lớp thiết bị mỗi ngôn ngữ. Screenshotify không giới hạn phía trình chỉnh sửa, nhưng hơn 7 bảng sẽ trở nên mệt mỏi về mặt thị giác.
Tôi có thể có kích thước bảng khác nhau trong một dự án không?
Không — tất cả bảng trong một dự án dùng chung một kích thước (chiều rộng × chiều cao bảng). Thay đổi kích thước bảng toàn cục qua menu thả xuống định dạng xuất.
Nếu cùng một chú thích phải xuất hiện trên mọi bảng thì sao?
Hãy biến nó thành lớp văn bản xuyên suốt. Một lớp, mọi bảng đều render nó. Chỉnh sửa một lần, tất cả bảng cập nhật.