Whitespace là gì?
Còn gọi: khoảng trắng, Khoảng Trắng (White Space), White space
Whitespace là khoảng không gian trống giữa và quanh các yếu tố trong thiết kế, không nhất thiết màu trắng, dùng để nhóm nội dung, tạo nhịp đọc và làm nổi bật yếu tố quan trọng.
Hiểu kỹ hơn
Khoảng trắng gồm khoảng trắng vi mô (giữa các chữ, các dòng, giữa icon và nhãn) và khoảng trắng vĩ mô (giữa các section, quanh tiêu đề, lề trang). Theo nguyên lý gần nhau trong tâm lý học Gestalt, các yếu tố đặt gần nhau được hiểu là một nhóm, nên khoảng cách trong nhóm phải nhỏ hơn rõ rệt so với khoảng cách giữa các nhóm. Trong giao diện, khoảng trắng nên lấy từ một hệ thống khoảng cách cố định như bội số của 4 hoặc 8 (8, 16, 24, 32, 48), áp vào padding và gap của auto layout trong Figma. Ví dụ: trang chủ của Apple dùng nhiều khoảng trắng quanh ảnh sản phẩm để tạo cảm giác cao cấp và hướng mắt vào sản phẩm. Lỗi thường gặp là coi khoảng trắng là chỗ lãng phí và nhồi thêm nội dung, hoặc dùng khoảng cách đều nhau ở mọi nơi khiến các nhóm không còn tách bạch.
