Khoảng trắng (white space, còn gọi là negative space) là phần diện tích không có chữ hay hình trên ấn phẩm: lề, khoảng giữa các khối, khoảng giữa các dòng và cả vùng trống bên trong một hình. Nó không nhất thiết phải màu trắng; một nền đỏ trơn cũng là khoảng trắng nếu không có gì đặt lên. Khoảng trắng giúp mắt nghỉ, tách nhóm thông tin và làm thứ quan trọng nổi lên mà không cần phóng to hay tô màu.
Trong nghề, khoảng trắng là chỗ designer và khách hay giằng co nhất: khách thấy trống là thấy phí, muốn thêm một dòng, một hình, một biểu tượng. Ảnh do AI tạo cũng có xu hướng lấp đầy khung bằng chi tiết. Bài này giải thích khoảng trắng hoạt động ra sao, các loại khoảng trắng, cách đo cho nhất quán, và cách trình bày với khách để họ đồng ý giữ lại.
Khoảng trắng làm gì cho người xem
Thử hình dung hai tờ thực đơn có cùng nội dung. Tờ thứ nhất in kín từ mép này sang mép kia, mỗi món cách nhau nửa dòng. Tờ thứ hai bớt mô tả, nhóm món rõ ràng, giữa các nhóm có một khoảng trống bằng hai dòng. Người cầm tờ thứ hai tìm được món nhanh hơn, dù tờ đó ít thông tin hơn. Khoảng trắng ở đây làm nhiệm vụ của dấu chấm câu: báo cho mắt biết một ý đã hết và ý mới bắt đầu.
Khoảng trắng cũng làm thay đổi cảm nhận về giá trị. Các nhãn hàng cao cấp thường dùng nhiều khoảng trống, vì sự thoáng gợi cảm giác bình tĩnh, tự tin, không cần nói nhiều. Ngược lại, ấn phẩm khuyến mãi của siêu thị thường kín đặc vì mục tiêu là nói thật nhiều giá trong một trang. Không cách nào đúng hay sai tuyệt đối; điều quan trọng là khoảng trắng phải khớp với tính cách thương hiệu và mục đích của ấn phẩm.
Cuối cùng, khoảng trắng là công cụ phân cấp rẻ nhất. Một dòng chữ nhỏ đứng một mình giữa vùng trống rộng vẫn được nhìn thấy rõ, đôi khi rõ hơn một dòng chữ to bị kẹp giữa nhiều thứ khác.
Các loại khoảng trắng và chỗ chúng xuất hiện
Người mới thường chỉ nghĩ tới khoảng trắng lớn quanh trang. Thực ra có nhiều lớp, và lỗi hay nằm ở lớp nhỏ.
| Loại | Ở đâu | Khi thiếu thì sao |
|---|---|---|
| Khoảng trắng lớn (macro) | Lề trang, khoảng giữa các khối lớn như ảnh và đoạn chữ, vùng trống quanh tiêu đề | Trang nặng, không biết nhìn đâu trước |
| Khoảng trắng nhỏ (micro) | Khoảng giữa các dòng, giữa các chữ cái, giữa biểu tượng và nhãn của nó | Chữ dính, khó đọc, nhất là trên điện thoại |
| Khoảng trắng chủ động | Vùng trống được để lại có ý đồ để dẫn mắt hoặc tạo điểm nhấn | Điểm nhấn bị loãng, thành phần chính không đứng riêng |
| Khoảng trắng thụ động | Khoảng trống sinh ra tự nhiên do bố cục, ví dụ cuối đoạn ngắn | Ít ảnh hưởng nếu có, nhưng không nên phụ thuộc vào nó |
| Khoảng trắng trong hình | Phần nền bên trong và xung quanh một biểu tượng, chữ, hình cắt | Biểu tượng nhỏ trở nên nhoè, khó nhận ra |
Khoảng cách giữa các dòng chữ và giữa các ký tự là phần của danh mục chữ và màu trên trang, nên ở đây chỉ nhắc ở mức nguyên lý: khoảng trắng nhỏ quyết định chữ có dễ đọc hay không, còn khoảng trắng lớn quyết định trang có dễ hiểu hay không.
Cách đo khoảng trắng cho nhất quán
Chọn một đơn vị gốc. Lấy một giá trị làm gốc, ví dụ giả định 8 điểm ảnh, rồi mọi khoảng cách đều là bội số của nó: 8, 16, 24, 32, 48, 64. Khi chỉ có vài giá trị được dùng, ấn phẩm tự nhiên trông có trật tự, và bạn không phải đắn đo từng chỗ.
Khoảng cách phản ánh quan hệ. Hai thứ liên quan nhau đặt gần, hai nhóm khác nhau đặt xa. Khoảng giữa tiêu đề và đoạn văn của nó phải nhỏ hơn khoảng giữa đoạn văn đó và tiêu đề kế tiếp. Lỗi phổ biến nhất là tiêu đề đứng cách đều phía trên và phía dưới, khiến người đọc không biết nó thuộc về đoạn nào.
Lề ngoài lớn hơn khoảng trong. Khoảng cách từ nội dung tới mép khung thường nên lớn hơn khoảng giữa các khối bên trong. Nếu ngược lại, nội dung trông như sắp rơi ra ngoài.
Ghi lại vào mẫu. Khi đã chọn xong thang khoảng cách, ghi vào mẫu, vào hướng dẫn thương hiệu, hoặc ít nhất vào một tệp ghi chú cho dự án. Người khác nối tiếp công việc, kể cả khi dùng công cụ AI tạo biến thể, sẽ theo được.
Ví dụ giả định: làm thoáng bảng giá của một tiệm giặt là
Một tiệm giặt là ở Biên Hoà, tỉnh Đồng Nai, nhờ bạn làm lại tấm bảng giá dán ở quầy và đăng lên trang của tiệm. Đây là ví dụ giả định. Bản cũ có mười tám dòng dịch vụ, mỗi dòng một màu, chen thêm ba biểu tượng áo sơ mi, chăn mền, giày, và dòng chữ "giao nhận tận nơi" chạy chéo góc. Khách đứng ở quầy phải dò mất một lúc mới thấy giá giặt chăn.
Bước đầu tiên không phải thêm khoảng trống mà là gom nhóm: giặt quần áo theo cân, giặt đồ lớn như chăn rèm, giặt giày và túi, dịch vụ thêm như giao nhận hay giặt gấp. Bốn nhóm, mỗi nhóm một tiêu đề nhỏ. Bước thứ hai là đặt thang khoảng cách: giữa các dòng trong nhóm dùng một bậc, giữa các nhóm dùng ba bậc, lề ngoài dùng bốn bậc. Bước thứ ba là bỏ màu riêng cho từng dòng, chỉ giữ một màu nhấn cho tên nhóm.
Kết quả là tấm bảng có cùng mười tám dòng nhưng trông như có ít thông tin hơn, vì mắt chỉ cần đọc bốn tiêu đề để biết phải dò vào nhóm nào. Không có dòng nào bị cắt; khoảng trắng chỉ được lấy lại từ những thứ trang trí không mang thông tin. Đó là cách hiểu đúng về khoảng trắng trong ấn phẩm nhiều chữ: sắp xếp lại để trống có nghĩa, không phải xoá bớt nội dung khách cần.
Vì sao ảnh AI hay thiếu khoảng trắng và cách xử lý
Các mô hình tạo ảnh được huấn luyện trên số lượng rất lớn ảnh đẹp, nhiều chi tiết, nên khi bạn yêu cầu một cảnh, chúng thường lấp đầy khung bằng ánh sáng, đồ vật, hoa văn. Ảnh trông giàu có khi đứng một mình, nhưng đặt chữ lên thì không còn chỗ. Đây là một trong những lý do phổ biến khiến ảnh AI đẹp mà khó dùng trong ấn phẩm.
Cách xử lý đầu tiên là nói rõ trong câu lệnh rằng bạn cần vùng trống, và vùng trống đó nằm ở đâu: "nửa trên khung là bầu trời trơn", "bên trái là bức tường sáng màu không trang trí". Câu lệnh mô tả vùng trống cụ thể thường hiệu quả hơn câu lệnh chung chung kiểu "tối giản". Nếu công cụ có chức năng mở rộng khung, bạn có thể tạo ảnh chủ thể trước rồi mở rộng thêm nền trơn sang một bên.
Cách thứ hai là xử lý sau: làm mờ, làm tối hoặc phủ một lớp màu đồng nhất lên phần ảnh dành cho chữ, hoặc cắt lại khung để chủ thể dồn về một phía. Cách thứ ba, thường bị quên, là không đặt chữ lên ảnh nữa: chia khung thành vùng ảnh và vùng màu trơn riêng biệt. Bố cục chia đôi này cũ nhưng hiệu quả, và giúp ảnh AI nhiều chi tiết vẫn dùng được.
Nói với khách muốn lấp đầy khoảng trống
Khách hỏi "chỗ này trống quá, thêm gì vào đi" là chuyện hằng ngày. Giải thích bằng lý thuyết hiếm khi hiệu quả. Một trình tự thực tế hơn:
- Hỏi lại khách muốn thêm gì và vì sao. Đôi khi khách có lý do chính đáng, ví dụ cần thêm điều kiện áp dụng ưu đãi theo yêu cầu của bên đối tác.
- Làm nhanh một bản có thêm thứ khách muốn, đặt cạnh bản gốc.
- Cho khách xem cả hai bản ở đúng kích thước người xem sẽ thấy, thường là trên điện thoại, mỗi bản ba giây.
- Hỏi khách nhớ được gì từ mỗi bản. Thông thường bản thoáng giữ được thông tin chính rõ hơn.
- Nếu thông tin thêm là bắt buộc, đề xuất chỗ khác cho nó: phần mô tả bài đăng, mặt sau tờ rơi, trang thông tin cửa hàng.
- Nếu khách vẫn muốn thêm, làm theo khách nhưng giữ nguyên lề và khoảng cách gốc, thu nhỏ phần thêm vào tầng ba.
Bạn cũng có thể nhờ một trợ lý AI đọc được hình mô tả hai bản như một người lạ: bản nào thông tin chính dễ thấy hơn, bản nào có thành phần tranh nhau. Đó là một góc nhìn thứ ba khách dễ chấp nhận hơn ý kiến của người thiết kế. Trước khi đưa bản thiết kế lên, thay tên quán, giá và thông tin liên hệ thật bằng chữ giả.
Những hiểu lầm về khoảng trắng
Khoảng trắng hay bị hiểu sai theo cả hai chiều: hoặc sợ nó, hoặc lạm dụng nó.
- "Khoảng trắng là lãng phí diện tích." Diện tích chỉ phí khi không giúp người xem hiểu. Một khoảng trống làm thông tin chính nổi lên là diện tích đang làm việc.
- "Tối giản nghĩa là càng ít càng tốt." Bỏ bớt thông tin người xem cần chỉ để trông thoáng là làm hỏng chức năng. Thoáng phải đi cùng đủ.
- "Khoảng trắng phải màu trắng." Nền màu, nền ảnh mờ, nền vân giấy đều có thể đóng vai khoảng trắng nếu nó yên và không chứa thông tin.
- "Cứ chừa lề rộng là đủ." Lề rộng mà khoảng cách bên trong lộn xộn vẫn cho cảm giác rối. Khoảng trắng nhỏ quan trọng không kém.
- "Ấn phẩm bình dân không cần khoảng trắng." Tờ thông báo của trường học, bảng giá tiệm sửa xe cũng đọc nhanh hơn khi có khoảng cách hợp lý. Khoảng trắng không phải đặc quyền của thương hiệu sang.
Điểm cân bằng nằm ở câu hỏi: người xem có hiểu được nhanh và có cảm thấy đúng tính cách thương hiệu không. Nếu cả hai câu đều có, lượng khoảng trắng đang ổn.
Câu hỏi thường gặp
Khoảng trắng và negative space có phải là một?
Trong thiết kế đồ hoạ, hai từ thường dùng thay nhau để chỉ phần không có nội dung. Một số người dùng negative space theo nghĩa hẹp hơn, là phần nền tạo thành hình, ví dụ khoảng trống giữa hai chữ cái tạo ra hình mũi tên. Khi nói chuyện với khách, gọi chung là khoảng trống hay khoảng thở cho dễ hiểu.
Bài đăng có nhiều thông tin bắt buộc thì làm sao giữ khoảng trắng?
Ưu tiên chia thông tin ra nhiều chỗ: phần hình chỉ giữ tầng một và tầng hai, phần mô tả bài đăng chứa chi tiết. Nếu bắt buộc phải nằm trên hình, gom thông tin phụ thành một khối nhỏ ở cuối, giữ lề và khoảng cách giữa các khối chính không đổi.
Có quy tắc phần trăm diện tích để trống không?
Không có tỉ lệ chuẩn được thống nhất. Tỉ lệ phụ thuộc kiểu ấn phẩm và tính cách thương hiệu. Thay vì nhắm phần trăm, hãy kiểm bằng mắt: nheo mắt nhìn xem thông tin chính có đứng riêng không, và thử trên điện thoại xem chữ nhỏ có bị dính nhau không.
AI có thể tự thêm khoảng trắng vào ảnh không?
Nhiều công cụ hiện có chức năng mở rộng khung, tạo thêm phần nền theo phong cách ảnh gốc, giúp bạn có chỗ đặt chữ. Kết quả thường cần chỉnh lại vì phần mở rộng đôi khi sinh thêm chi tiết không mong muốn. Tính năng thay đổi theo phiên bản, nên kiểm trong công cụ bạn đang dùng.
Thiết kế nhiều khoảng trắng có bị khách chê là sơ sài không?
Có thể, nhất là khi khách quen với ấn phẩm kín đặc. Vì vậy khoảng trắng phải đi kèm sự chăm chút ở chỗ có nội dung: chữ căn chuẩn, ảnh xử lý kỹ, màu đúng. Khi phần nội dung được làm kỹ, khoảng trống trông có chủ ý chứ không trông như làm dở.
Làm sao giữ khoảng trắng khi khách tự sửa mẫu?
Khoá các lớp nền và khung trong mẫu, chỉ để mở những ô chữ khách được sửa, và đặt giới hạn số ký tự cho từng ô nếu công cụ cho phép. Kèm theo mẫu một trang hướng dẫn ngắn có hình minh hoạ bản đúng và bản sai để khách tự đối chiếu.