Khách hàng nhìn bản thiết kế rồi nói: “Chỗ này trống quá, cho thêm cái gì vào đi em.” Người mới vào nghề thường chiều theo, nhét thêm một hình, một dòng khẩu hiệu, và trang giấy từ chỗ thở được thành ngộp thở. Vài tuần sau chính khách hàng lại hỏi vì sao ấn phẩm của đối thủ trông “sang” hơn.
Phần lớn cảm giác “sang” ấy đến từ khoảng trắng được chia có chủ đích. Khoảng trắng không phải chỗ chưa kịp lấp; nó là vật liệu thiết kế như chữ và hình, và nó có quy tắc đo được.
Khoảng trắng làm ba việc, không phải một
Nói “để trống cho thoáng” là mới chạm tới việc thứ nhất. Thực tế khoảng trắng gánh ba vai trò:
- Nhóm thông tin. Hai phần tử đứng gần nhau được mắt đọc là một nhóm. Khoảng cách giữa tiêu đề và đoạn văn của nó phải nhỏ hơn khoảng cách giữa đoạn văn đó với tiêu đề kế tiếp. Đảo ngược tỉ lệ này là lỗi phổ biến nhất trên các trang web làm vội: tiêu đề “lơ lửng” đều giữa hai đoạn, người đọc không biết nó thuộc về đoạn nào.
- Tạo điểm nhấn. Một phần tử có nhiều khoảng trống bao quanh sẽ nặng hơn về thị giác. Đây là cách làm nổi bật rẻ nhất: không cần tăng cỡ, không cần thêm màu.
- Điều nhịp đọc. Lề rộng, khoảng cách dòng thoáng làm người đọc chậm lại và tin rằng nội dung được chăm chút. Lề hẹp, chữ sát nhau tạo cảm giác khẩn, giá rẻ, khuyến mãi. Cả hai đều có chỗ dùng; sai là khi dùng nhầm chỗ.
Khoảng trắng vi mô và khoảng trắng vĩ mô
Người trong nghề tách hai loại. Khoảng trắng vi mô là khoảng cách giữa chữ, giữa dòng, giữa biểu tượng và nhãn của nó, đệm trong một nút bấm. Khoảng trắng vĩ mô là lề trang, khoảng giữa các khối lớn, vùng trống quanh hình chính.
Hai loại hỏng theo hai cách khác nhau. Vi mô hỏng thì chữ khó đọc, nút bấm trông rẻ. Vĩ mô hỏng thì cả trang không có trọng tâm, mắt đảo liên tục mà không biết dừng ở đâu. Khi sửa một bản thiết kế, hãy kiểm vĩ mô trước: sửa lề và khoảng giữa khối xong, nhiều lỗi vi mô tự bớt khó chịu.
Đừng chia khoảng cách bằng cảm tính: dùng hệ số
Bản thiết kế có khoảng cách 13px, 17px, 22px, 9px rải rác trông lộn xộn dù người xem không nói được vì sao. Cách khắc phục là chọn một đơn vị gốc rồi chỉ dùng bội số của nó.
Trong thiết kế giao diện, đơn vị 8 (điểm hoặc pixel) được dùng rộng rãi vì chia hết cho nhiều độ phân giải màn hình. Thang khoảng cách thường là: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96. Trong ấn phẩm in, nhiều người lấy khoảng cách dòng của chữ thân bài làm đơn vị gốc: thân bài 10pt, khoảng cách dòng 14pt, thì mọi khoảng trắng dọc là 7pt, 14pt, 28pt, 42pt.
| Loại khoảng cách | Giao diện (đơn vị 8) | Ấn phẩm (dòng 14pt) |
|---|---|---|
| Biểu tượng với nhãn | 4–8 | 3,5pt |
| Tiêu đề với đoạn của nó | 8–12 | 7pt |
| Giữa hai đoạn văn | 16 | 14pt (một dòng) |
| Giữa hai mục lớn | 48–64 | 28–42pt |
| Lề trang | 16–24 (điện thoại), 64+ (màn lớn) | 15–25mm tuỳ khổ |
Con số cụ thể không quan trọng bằng việc có hệ. Khi mọi khoảng cách là bội của một đơn vị, bố cục tự có nhịp và việc chỉnh sửa về sau nhanh hơn nhiều.
Luật gần – xa: tỉ lệ tối thiểu để mắt nhận ra nhóm
Muốn hai nhóm được đọc là tách biệt, khoảng cách giữa hai nhóm nên lớn hơn khoảng cách bên trong nhóm ít nhất gấp đôi. Dưới mức đó, mắt thấy mọi thứ “đều đều” và phải đọc chữ mới hiểu cấu trúc.
Một ví dụ quen thuộc: danh thiếp có tên, chức danh, số điện thoại, email, địa chỉ. Người mới thường xếp năm dòng cách đều nhau. Người có nghề chia hai cụm: tên + chức danh (cụm “ai”), điện thoại + email + địa chỉ (cụm “liên hệ”). Khoảng trong cụm 2mm, khoảng giữa hai cụm 5–6mm. Cùng nội dung, cùng phông, danh thiếp thứ hai đọc nhanh gấp đôi.
Lề trang: phần khách hàng hay đòi cắt nhất
Lề là khoảng trắng dễ bị hy sinh nhất vì “phí giấy”. Nhưng lề có chức năng vật lý: ngón tay cầm sách che mất phần mép, máy xén có sai số khoảng 1mm, và gáy sách nuốt một phần trang bên trong.
Trong sách in truyền thống, lề không bằng nhau: lề gáy nhỏ nhất, lề trên lớn hơn, lề ngoài lớn hơn nữa, lề dưới lớn nhất. Nguyên lý này có từ các bản chép tay thời Trung cổ và vẫn đúng vì hai trang mở ra được nhìn như một khối, khối chữ cần “đứng” hơi cao trên trang chứ không nằm chính giữa. Với ấn phẩm nhiều trang dày hơn 100 trang, cần cộng thêm 3–5mm vào lề gáy để bù phần bị gáy nuốt.
Khi nào khoảng trắng là sai
Khoảng trắng không phải lúc nào cũng tốt. Ba trường hợp nó phản tác dụng:
- Khoảng trắng bị kẹt. Vùng trống nhỏ, hình thù lạ, nằm giữa các phần tử mà không thông ra lề. Mắt đọc nó như một lỗ thủng. Cách sửa: dồn khoảng trắng về một phía cho nó thông ra mép hoặc nối với vùng trống lớn.
- Khoảng trắng đều khắp. Mọi khoảng cách bằng nhau thì không có nhóm, không có điểm nhấn. Trang trông “thoáng” nhưng vô hồn.
- Khoảng trắng sai loại nội dung. Bảng giá, tờ lịch trình, trang tra cứu cần mật độ cao để so sánh nhanh. Giãn chúng ra như trang tạp chí thời trang là bắt người đọc cuộn hoặc lật nhiều hơn.
Cách kiểm khoảng trắng bằng mắt, không cần phần mềm
- Nheo mắt. Nheo cho chữ nhòe đi, chỉ còn các khối xám. Bạn đếm được bao nhiêu khối? Số khối phải khớp với số nhóm nội dung bạn định tạo.
- Tô vùng trống. In bản thiết kế ra, dùng bút tô màu mọi vùng trống. Vùng trống lớn nên liền mạch; nếu ra một đống mảnh vụn là bố cục đang phân tán.
- Thu nhỏ còn 25%. Ở cỡ này, ấn phẩm tốt vẫn thấy rõ một điểm vào và hai ba nhóm. Ấn phẩm kém trông như một mảng xám đều.
Bài tập: sửa một trang bị ngộp trong 30 phút
Lấy một tờ rơi hoặc một trang web bất kỳ mà bạn thấy rối. Làm lại theo trình tự:
- Liệt kê nội dung thành các nhóm theo nghĩa (thường 3–5 nhóm). Viết ra giấy.
- Chọn đơn vị gốc, ví dụ 8. Mọi khoảng cách chỉ được dùng 8, 16, 24, 48.
- Đặt khoảng trong nhóm là 8–16, khoảng giữa nhóm là 48. Không ngoại lệ.
- Tăng lề ngoài lên ít nhất gấp đôi lề cũ.
- Nếu hết chỗ, cắt nội dung chứ đừng cắt khoảng trắng. Ghi lại những gì bạn cắt và lý do.
- Đặt bản cũ và bản mới cạnh nhau, nheo mắt so sánh.
Bước 5 là bước quan trọng nhất và khó nhất. Khoảng trắng buộc người thiết kế phải chọn điều gì đáng nói, và kỹ năng đó chính là thứ phân biệt người sắp chữ với người thiết kế.
Việc tiếp theo nên làm: mở một dự án đang dở, liệt kê mọi giá trị khoảng cách đang dùng, rồi gom chúng về một thang 6–8 bậc. Chỉ riêng việc này thường làm bản thiết kế gọn gàng hơn thấy rõ mà chưa cần đổi một chữ nào.
Câu hỏi thường gặp
Khoảng trắng có phải là màu trắng không?
Không. Khoảng trắng là vùng không có phần tử, có thể mang bất kỳ màu nền nào. Một poster nền đen vẫn có khoảng trắng, chỉ là nó màu đen.
Khách hàng chê trống quá thì nên làm gì?
Giải thích bằng ví dụ so sánh hai bản cạnh nhau, một bản đầy và một bản có khoảng thở. Nếu khách vẫn muốn thêm nội dung, hãy thêm vào một nhóm có sẵn thay vì rải khắp trang, để giữ cấu trúc.
Hệ lưới 8 điểm có bắt buộc không?
Không bắt buộc, nhưng có một đơn vị gốc bất kỳ là điều nên làm. Số 8 phổ biến trong giao diện vì dễ chia và khớp với nhiều độ phân giải; ấn phẩm in thường lấy khoảng cách dòng thân bài làm gốc.
Lề trang in nên để bao nhiêu?
Tuỳ khổ và loại ấn phẩm, tờ rơi A4 thường 12–20mm, sách từ 15mm trở lên. Tối thiểu phải cách đường xén 3–5mm để chữ không bị xén mất do sai số máy.
Khoảng trắng có làm tốn giấy và tiền in không?
Có thể tăng số trang, nhưng một ấn phẩm dễ đọc thường hiệu quả hơn một ấn phẩm nhồi nhét. Nếu phải tiết kiệm, cắt bớt nội dung phụ trước khi cắt khoảng trắng.
