Bỏ qua đến nội dung
Quay lại từ điển
Thuật ngữ từ điển

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.

Eric Isensee
Eric IsenseeFounder · Last updated 5 tháng 5, 2026

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ăng