Kiến thức typography cơ bản cho thấy khoảng cách dòng ảnh hưởng đến khả năng đọc rất lớn. Có lần chúng tôi nhận một file brochure khách tự thiết kế, nhờ góp ý trước khi in. Font khách chọn khá đẹp, màu sắc cũng ổn. Nhưng đọc thử vài dòng, mắt chúng tôi mỏi rõ rệt.
Vấn đề không nằm ở font. Khách để khoảng cách dòng quá sát, dòng trên gần như chạm dòng dưới. Chỉnh lại rộng hơn một chút, cả trang đọc nhẹ nhõm hẳn. Đây là lỗi chúng tôi gặp khá thường xuyên khi làm việc với khách chưa quen thiết kế.
Khoảng Cách Dòng Là Yếu Tố Typography Quan Trọng Nhưng Thường Bị Bỏ Qua
Khi nhắc tới typography, hầu hết mọi người nghĩ ngay đến việc chọn font: font nào đẹp, font nào hợp thương hiệu.
Khoảng cách giữa các dòng, hay còn gọi là line-height, thường bị bỏ quên phía sau.
Chúng tôi nhận thấy điều này trong thực tế. Khoảng cách dòng ảnh hưởng tới trải nghiệm đọc không kém gì việc chọn font. Một font đẹp nhưng line-height sai vẫn khiến người đọc khó chịu. Ngược lại, font bình thường với khoảng cách hợp lý lại dễ đọc hơn nhiều.
Khoảng cách không phù hợp làm văn bản khó theo dõi và gây mỏi mắt. Không ít ấn phẩm bị bỏ dở giữa chừng dù nội dung tốt, chỉ vì người đọc phải gắng sức dò từng dòng, nhất là với đoạn văn dài.
Vì Sao Chi Tiết Nhỏ Này Hay Bị Bỏ Qua
Phần lớn phần mềm thiết kế và trình soạn thảo đều có sẵn khoảng cách dòng mặc định, và nhiều người để nguyên như vậy.
Vấn đề là mặc định không phải lúc nào cũng phù hợp. Nó phụ thuộc vào font và kích thước chữ đang dùng, vì mỗi font có tỷ lệ chiều cao chữ khác nhau. Do đó, khoảng cách lý tưởng cũng thay đổi theo từng font.
Vì Sao Khoảng Cách Dòng Ảnh Hưởng Đến Khả Năng Đọc
Khi khoảng cách quá hẹp, các dòng chữ dính vào nhau. Mắt người đọc quen dò theo chiều ngang, nên khi dòng trên và dòng dưới sát quá, các nét chữ như hòa lẫn. Người đọc dễ nhảy dòng, đọc nhầm, hoặc phải đọc lại nhiều lần mới hiểu đúng ý.
Ngược lại, khoảng cách quá rộng lại khiến văn bản rời rạc, mất sự liên kết giữa các dòng. Đây là lỗi ít người nghĩ tới, vì cảm giác “thoáng” thường được coi là tốt. Nhưng khi dòng cách xa nhau quá mức, mắt phải di chuyển nhiều hơn mỗi lần xuống dòng, đoạn văn mất cảm giác liền mạch, và mạch ý khó theo dõi xuyên suốt.
Chúng tôi từng thử với một tài liệu hướng dẫn dài tám trang. Bản đầu dùng khoảng cách mặc định của phần mềm, khá hẹp, và người thử đọc phản hồi là mỏi mắt sau vài trang. Bản chỉnh lại tăng line-height lên khoảng 1,5 lần cỡ chữ, phản hồi tích cực hẳn. Lần này không ai than mỏi mắt, dù đọc liền cả tám trang.
Nguyên Tắc Chọn Khoảng Cách Dòng Hợp Lý Trong Kiến Thức Typography Cơ Bản
Nguyên tắc cơ bản là giữ tỷ lệ khoảng cách dòng phù hợp với cỡ chữ. Quy tắc phổ biến trong ngành là line-height nên nằm khoảng 1,4 đến 1,6 lần cỡ chữ. Ví dụ, chữ 16px thì khoảng cách dòng lý tưởng rơi vào khoảng 22 đến 26px. Đây là điểm xuất phát, không phải công thức cứng cho mọi trường hợp.
Mục đích sử dụng cũng quyết định nhiều. Tài liệu dài cần khoảng cách thoáng hơn, còn tiêu đề lớn thường dùng khoảng cách sát hơn một chút để chữ trông chắc chắn và không bị rời rạc.
Một yếu tố ít tài liệu nhắc tới là độ rộng cột văn bản. Cột càng rộng, mắt càng cần khoảng cách dòng lớn để dễ dò đúng dòng khi chuyển về đầu hàng. Với cột hẹp như trên điện thoại, khoảng cách hơi chật vẫn có thể dễ đọc.
Đừng Chỉnh Theo Cảm Tính, Hãy Thử Thực Tế
Sai lầm chúng tôi hay gặp ở người mới làm thiết kế là chỉnh line-height theo cảm tính mà không thử trước.
Cách tốt hơn là in thử hoặc xem trên đúng thiết bị người dùng cuối sẽ dùng. Một khoảng cách trông ổn trên màn hình lớn có thể lại chật khi xem trên điện thoại.
Việc chọn khoảng cách dòng cũng nên đi cùng với việc chọn đúng font ngay từ đầu. Nếu bạn đang tìm font cho dự án thương hiệu, cách chọn font chữ thiết kế logo phù hợp với doanh nghiệp sẽ cho bạn góc nhìn cụ thể hơn khi bắt tay vào việc.
Khi làm việc trên Photoshop và cần thêm font cho dự án, bạn có thể tham khảo hướng dẫn tải font chữ cho Photoshop về máy. Có thêm lựa chọn sẽ dễ thử nghiệm khoảng cách dòng phù hợp với từng kiểu chữ hơn.
Nếu bạn quan tâm riêng đến mảng typography Việt hóa, bài tổng hợp font MTD Việt hóa dành cho typography khá hữu ích để thử phối font và khoảng cách dòng cho ra bố cục ưng ý. Ngoài ra, nếu cần chỉnh font và dòng trong Word cho tài liệu, bạn có thể xem hướng dẫn chọn, cài đặt và chèn font chữ ký trong Word để làm quen với thao tác.
Về nguồn tham khảo, bạn có thể đối chiếu các bộ font bản quyền rõ ràng trên Google Fonts, nơi có nhiều font miễn phí kèm thông tin giấy phép minh bạch, rất tiện để thử nghiệm line-height trước khi áp dụng vào dự án chính thức.
Kết Luận
Hiểu rõ nguyên tắc khoảng cách dòng giúp văn bản dễ đọc và chuyên nghiệp hơn trong mọi ấn phẩm. Như chiếc brochure chúng tôi kể ở đầu bài, đôi khi chỉ cần chỉnh một con số nhỏ là cả trang đọc đã khác hẳn. Đừng bỏ qua chi tiết này chỉ vì nó ít được nhắc tới hơn việc chọn font chữ.