Layout - Baseline Grid

: Category: tạp chí; Hits: 582

Đây là 1 trong những thứ tôi "ngộ" ra mức độ quan trọng của nó sau khi đã biết dàn trang từ rất lâu

... đó là mặt trái của người tự học

Để tránh xộc sệt, trong 1 layout cần Baseline grid thống nhất trong tất cả các trang, làm các hàng nền để dàn chữ lên đó. Body text không nằm trên baseline grid thì các cột sẽ bị lệch nhau tạo nên một layout thiếu tính kết nối chặc chẽ.

Baseline Grid là gì?

Baseline là các hàng kẻ như trong 1 trang tập viết chữ

Dù font có nhiều kích thước, nhưng vẫn giữ các hàng text trên đường baseline

Baseline có vai trò gì trong dàn trang?

Baseline Grid giữ các thread text không bị lệch hàng khi sắp xếp chúng trên cùng 1 layout

Baseline Grid và vấn đề khó chịu

Lợi ích baseline grid đã nói ở trên, nhưng tính năng đó cũng gây ra những cơn ác mộng. Tất cả Body text nằm trên baseline grid là đúng rồi, nhưng khoảng cách trước và sau subhead, hoặc khoảng cách giữa các paragraph thì lại không ổn lắm. Nếu là gán chúng là 1 dòng baseline thì mất proximity nhưng cho 2 dòng lại quá dư cho 1 layout đẹp.

Giái pháp là:

Body text luôn nằm trên baseline grid
khoảng cách giữa 2 paragraph = 2 line
Những paragraph text cần linh hoạt như subhead, quote, caption,.. cho ra ngoài baseline grid.

đây là giải pháp của Barb Binder

Vấn đề ở khoảng các Subhead