Khung thiết bị
Viền điện thoại hoặc máy tính bảng được kết xuất xung quanh một ảnh chụp màn hình để mang lại bối cảnh đời thực.
Khung thiết bị là biểu diễn trực quan của thân điện thoại hoặc máy tính bảng — viền, notch hoặc Dynamic Island, các góc bo tròn, các nút bên và bóng đổ — được đặt xung quanh một ảnh chụp màn hình ứng dụng. Khung phục vụ hai mục đích. Thứ nhất, chúng truyền đạt nền tảng và form factor trong nháy mắt: người xem ngay lập tức hiểu họ đang nhìn ảnh chụp màn hình iPhone hay Android, ngay cả trước khi đọc bất kỳ chú thích nào. Thứ hai, chúng làm cho ảnh chụp màn hình thô cảm thấy như giao diện thực, sống động chứ không phải các mảnh UI rời rạc, điều này cải thiện chất lượng cảm nhận và sự tin cậy có thể đo lường được. Các thư viện khung thiết bị hiện đại bao phủ hàng chục thiết bị — iPhone 16 Pro, iPhone 16, iPad Pro 12,9 inch, Pixel 9, Galaxy S24, Surface Duo — và phát hành mỗi khung dưới dạng PNG hoặc SVG độ phân giải cao với một cửa sổ màn hình được xác định chính xác nơi ảnh chụp màn hình được hợp thành. Khi tự động hóa pipeline ảnh chụp màn hình, khung thiết bị thường là một lớp trong mẫu, với ảnh chụp màn hình trực tiếp được kết xuất vào vùng cửa sổ màn hình tại thời điểm xuất. Chọn đúng khung là quan trọng: đóng khung một ảnh chụp màn hình iOS trong thân Android, hoặc dùng một thiết bị đã lỗi thời, gửi tín hiệu cẩu thả đến người xét duyệt và làm giảm chuyển đổi.
Được dùng trong
Xem khái niệm này xuất hiện trong sản phẩm như thế nào:
Khám phá tính năngThuật ngữ liên quan
- Biến thể ảnh chụp màn hìnhMột lượt kết xuất cụ thể của một ảnh chụp màn hình cho một tổ hợp kích thước thiết bị, ngôn ngữ, hướng và chủ đề.
- Tỷ lệ khung hình di độngTỷ lệ chiều rộng so với chiều cao của một màn hình điện thoại hoặc máy tính bảng, quyết định kích thước canvas ảnh chụp màn hình.
- Fastlane frameitMột action dòng lệnh trong toolchain Fastlane bao bọc ảnh chụp màn hình bằng khung thiết bị sử dụng các template tĩnh.