Một trang giới thiệu công ty có đoạn văn chạy hết bề ngang màn hình máy tính 27 inch: mỗi dòng hơn 160 ký tự. Người đọc đọc hết dòng đầu, quay về đầu dòng thứ hai… và lạc sang dòng thứ ba. Họ đọc lại, lại lạc, và bỏ trang. Phông chữ tốt, cỡ chữ hợp lý, màu tương phản đủ — chỉ có độ dài dòng là sai.
Ba thông số — độ dài dòng, khoảng cách dòng, khoảng cách chữ — quyết định phần lớn cảm giác dễ đọc của một khối văn bản. Chúng không độc lập: đổi một thông số thường phải chỉnh hai thông số còn lại.
Độ dài dòng: 45 tới 75 ký tự
Khoảng độ dài dòng được nhắc tới nhiều nhất trong các sách sắp chữ kinh điển là 45–75 ký tự (tính cả dấu cách), với khoảng 60–66 được coi là lý tưởng cho văn bản đọc dài.
- Dòng quá dài: mắt mệt khi đi hết dòng, và khó tìm đúng đầu dòng tiếp theo khi quay về.
- Dòng quá ngắn: mắt phải đổi dòng liên tục, nhịp đọc bị đứt; với văn bản căn đều hai bên, khoảng trắng giữa chữ bị giãn loang lổ.
Tiếng Việt có nhiều từ ngắn (đa số âm tiết 2–5 chữ cái) và nhiều dấu cách, nên cùng một bề rộng thường chứa được nhiều “từ” hơn tiếng Anh. Khoảng 55–70 ký tự là vùng dễ chịu cho thân bài tiếng Việt.
Cách đo nhanh: chọn một dòng ở giữa đoạn, đếm ký tự bằng công cụ đếm hoặc đơn giản đếm số chữ (tiếng Việt thường 12–16 chữ mỗi dòng ở mức dễ chịu). Trên web, giới hạn bề ngang khối chữ bằng đơn vị theo bề rộng ký tự sẽ tự động giữ độ dài dòng khi đổi cỡ chữ.
Khoảng cách dòng phụ thuộc độ dài dòng
Đây là điều nhiều người không biết: dòng càng dài, khoảng cách dòng càng cần lớn. Khoảng trắng giữa các dòng đóng vai trò như đường ray dẫn mắt quay về đầu dòng tiếp theo. Dòng dài thì đường quay về dài, cần ray rộng hơn để mắt không trượt.
| Độ dài dòng | Khoảng cách dòng gợi ý (thân bài tiếng Việt) |
|---|---|
| Dưới 45 ký tự (cột báo, thẻ, chú thích) | 1,3–1,4 |
| 45–65 ký tự | 1,45–1,6 |
| 65–80 ký tự | 1,6–1,75 |
| Trên 80 ký tự | Nên chia cột hoặc thu hẹp khối chữ |
Các yếu tố khác cũng đẩy khoảng cách dòng lên: phông có chiều cao chữ thường lớn (thân chữ to, cần thêm khoảng thở), chữ trên nền tối (chữ sáng trên nền tối trông “nở” ra), và tiếng Việt với dấu chồng trên chữ hoa.
Ngược lại, tiêu đề cỡ lớn cần khoảng cách dòng nhỏ hơn theo tỉ lệ, vì ở cỡ lớn khoảng trắng tuyệt đối đã rất rộng. Tiêu đề hai dòng để khoảng cách 1,5 trông như hai tiêu đề rời nhau.
Khoảng cách chữ: đừng chạm vào thân bài
Có hai khái niệm dễ nhầm:
- Tracking (khoảng cách chữ tổng thể): giãn hoặc nén đều mọi khoảng giữa các ký tự trong một đoạn chữ.
- Kerning (chỉnh cặp): chỉnh khoảng cách giữa một cặp ký tự cụ thể, như “AV”, “To”, “LT”, nơi khoảng mặc định trông quá thưa.
Phông tốt đã có sẵn khoảng cách chữ và bảng chỉnh cặp được tinh chỉnh cho cỡ thân bài. Thân bài gần như không bao giờ cần chỉnh tracking. Giãn thân bài làm chữ rời rạc, mắt không nhận ra hình dạng từ; nén thân bài làm chữ dính nhau.
Những chỗ nên chỉnh:
- Chữ hoa toàn bộ: phông được thiết kế để chữ hoa đứng cạnh chữ thường; khi toàn chữ hoa, chúng trông chật. Giãn khoảng 5–10% (hoặc 0,05–0,1em) giúp dễ đọc hơn nhiều.
- Chữ rất nhỏ (chú thích, nhãn 10–11px): giãn nhẹ giúp chữ không dính.
- Tiêu đề rất lớn: thường trông thưa ở cỡ hiển thị, có thể nén nhẹ vài phần trăm.
- Logo và tiêu đề ngắn: chỉnh cặp bằng tay từng cặp chữ, bằng mắt.
Đừng bao giờ kéo giãn chữ
Khi một dòng tiêu đề thiếu vài milimét để lấp đầy khung, nhiều người kéo giãn chữ theo chiều ngang hoặc dọc. Chữ bị kéo giãn có nét dọc và nét ngang không còn đúng tỉ lệ người thiết kế phông đã tính: nét dọc dày lên còn nét ngang giữ nguyên (hoặc ngược lại), vòng tròn thành bầu dục. Người trong nghề nhận ra ngay.
Nếu cần chữ hẹp hơn, dùng bản hẹp (condensed) của họ chữ, được thiết kế riêng. Nếu không có, chỉnh cỡ hoặc viết lại tiêu đề.
Căn trái hay căn đều hai bên
Căn đều hai bên (justify) tạo khối chữ gọn gàng, nhưng phần mềm phải giãn khoảng trắng giữa chữ để lấp đầy dòng. Tiếng Việt không ngắt âm tiết bằng gạch nối như tiếng Anh, nên phần mềm chỉ có thể giãn khoảng giữa các chữ, dễ tạo ra “sông trắng” — những vệt trắng chạy dọc qua nhiều dòng.
Quy tắc thực hành: dòng dưới khoảng 50 ký tự thì căn trái. Dòng dài hơn có thể căn đều nếu kiểm kỹ sông trắng. Trên web, căn trái gần như luôn an toàn hơn.
Bài tập: sửa một khối văn bản khó đọc
- Lấy một đoạn văn tiếng Việt khoảng 300 chữ, đặt trong khung rộng hết màn hình máy tính, cỡ 16px, khoảng cách dòng 1,2. Đọc thử.
- Thu bề ngang khối chữ về khoảng 65 ký tự mỗi dòng. Đọc lại.
- Tăng khoảng cách dòng lên 1,55. Đọc lại.
- Thử kéo khoảng cách dòng về 1,3 nhưng giữ độ dài 65 ký tự, rồi thử 1,55 với độ dài 100 ký tự. Ghi lại phiên bản nào dễ đọc nhất.
- Viết một tiêu đề toàn chữ hoa, thử giãn 0%, 5%, 10%, 20%.
Làm xong, bạn sẽ có con số riêng cho phông mình hay dùng. Lưu nó vào hệ thiết kế: cỡ, khoảng cách dòng, bề rộng tối đa của khối chữ — ba thông số đi cùng nhau, không tách rời.
Câu hỏi thường gặp
Một dòng văn bản nên dài bao nhiêu ký tự?
Khoảng 45–75 ký tự, với 55–70 là vùng dễ chịu cho thân bài tiếng Việt. Dòng quá dài khiến mắt lạc dòng, quá ngắn làm nhịp đọc đứt quãng.
Khoảng cách dòng bao nhiêu là chuẩn?
Không có một số chuẩn cho mọi trường hợp; thân bài tiếng Việt thường 1,45–1,6. Dòng càng dài càng cần khoảng cách dòng lớn hơn, tiêu đề lớn thì cần nhỏ hơn.
Tracking và kerning khác nhau thế nào?
Tracking là giãn hoặc nén đều khoảng cách giữa mọi ký tự trong đoạn chữ. Kerning là chỉnh khoảng cách giữa một cặp ký tự cụ thể.
Có nên giãn khoảng cách chữ cho thân bài không?
Gần như không. Phông tốt đã tính sẵn khoảng cách cho cỡ thân bài; chỉ nên giãn cho chữ hoa toàn bộ và chữ rất nhỏ.
Có nên căn đều hai bên văn bản tiếng Việt không?
Chỉ nên khi dòng đủ dài và đã kiểm sông trắng. Với dòng ngắn và trên web, căn trái thường an toàn và dễ đọc hơn.
