Hai bạn sinh viên cùng làm một cuốn kỷ yếu 40 trang. Bạn thứ nhất căn từng trang bằng mắt, mỗi trang đẹp riêng nhưng lật liên tục thấy cuốn sách “nhảy”. Bạn thứ hai dành hai giờ đầu để dựng lưới, sau đó dàn mỗi trang trong mười phút và cả cuốn liền mạch như một khối.
Lưới bố cục (grid) là thứ tạo ra sự khác biệt đó. Người mới hay sợ lưới “bó tay”. Thực tế lưới giải phóng người thiết kế khỏi hàng trăm quyết định nhỏ về căn chỉnh để tập trung vào nội dung.
Các thành phần của một lưới
- Lề (margin): khoảng từ mép giấy tới vùng nội dung.
- Cột (column): các dải dọc chứa nội dung.
- Rãnh (gutter): khoảng cách giữa hai cột.
- Hàng và module: khi chia thêm theo chiều ngang, giao của cột và hàng tạo thành các ô gọi là module.
- Lưới dòng cơ sở (baseline grid): các đường ngang cách đều bằng khoảng cách dòng của chữ thân bài, để chữ ở các cột nằm cùng hàng với nhau.
Truyền thống lưới hiện đại gắn với trường phái thiết kế Thụy Sĩ giữa thế kỷ 20; cuốn sách về hệ lưới của Josef Müller-Brockmann vẫn là tài liệu kinh điển mà các trường thiết kế dùng tới nay.
Chọn số cột: vì sao 12 lại phổ biến
Số cột quyết định bạn có thể chia trang theo bao nhiêu cách. 12 cột chia được thành 1, 2, 3, 4 và 6 phần bằng nhau — linh hoạt hơn bất kỳ con số nào nhỏ hơn. Đó là lý do nhiều khung giao diện web cũng dùng 12 cột.
| Số cột | Chia được | Hợp với |
|---|---|---|
| 2 | 1, 2 | Sách văn bản thuần, tiểu thuyết |
| 3 | 1, 3 | Bản tin đơn giản |
| 5 | 1 + 4, 2 + 3 | Sách có cột chú thích bên lề |
| 6 | 1, 2, 3, 6 | Tạp chí, tờ gấp |
| 12 | 1, 2, 3, 4, 6, 12 | Ấn phẩm nhiều loại nội dung, giao diện web |
Lưu ý: chữ thân bài không nên chạy trên mỗi một cột của lưới 12. Một khối chữ thường chiếm 4–6 cột; 12 cột là để có nhiều điểm neo cho ảnh, chú thích, trích dẫn.
Tính một lưới 12 cột cho A4 dọc, từng bước
Khổ A4 rộng 210mm, cao 297mm. Giả sử ấn phẩm là tạp chí đóng gáy, chữ thân bài 10pt, khoảng cách dòng 14pt.
- Lề: chọn lề gáy 18mm, lề ngoài 15mm, lề trên 18mm, lề dưới 22mm. Vùng nội dung rộng 210 − 18 − 15 = 177mm.
- Rãnh: 4mm (xấp xỉ một khoảng cách dòng, đủ để hai cột chữ không dính nhau khi đọc). 12 cột có 11 rãnh = 44mm.
- Độ rộng cột: (177 − 44) ÷ 12 = 11,08mm.
- Kiểm độ dài dòng: khối chữ chiếm 6 cột = 6 × 11,08 + 5 × 4 = 86,5mm. Ở cỡ 10pt, dòng này chứa khoảng 60–65 ký tự — nằm trong khoảng dễ đọc. Nếu khối chiếm 12 cột (177mm) thì mỗi dòng hơn 120 ký tự, quá dài, cần chia hai cột chữ.
- Lưới dòng: 14pt ≈ 4,94mm. Chiều cao vùng nội dung 297 − 18 − 22 = 257mm, chứa được khoảng 52 dòng. Điều chỉnh lề dưới vài phần mười milimét để chiều cao chia chẵn số dòng.
Phép tính mất mười lăm phút. Từ đây mọi ảnh, mọi khối chữ đều biết mình bắt đầu và kết thúc ở đâu.
Lưới dòng cơ sở: chi tiết phân biệt dân chuyên
Khi hai cột chữ nằm cạnh nhau, dòng thứ mười của cột trái phải nằm ngang đúng dòng thứ mười của cột phải. Nếu không, trang trông hơi “lệch” mà người xem không nói được vì sao, đặc biệt khi in trên giấy mỏng — chữ mặt sau in hằn qua giữa các dòng mặt trước.
Để giữ được, mọi khoảng cách dọc (trước tiêu đề, sau ảnh, quanh trích dẫn) phải là bội số của khoảng cách dòng. Tiêu đề phụ cỡ lớn hơn có thể chiếm hai dòng lưới. Đây là việc khó nhất khi dùng lưới, và phần mềm dàn trang có chức năng khoá chữ vào lưới dòng để giúp.
Lưới cột, lưới module, lưới phân cấp
- Lưới cột: chỉ chia dọc. Đủ cho phần lớn tạp chí và sách.
- Lưới module: chia cả dọc và ngang. Hợp với ấn phẩm nhiều ảnh cỡ đồng đều: catalogue, bảng thông tin, trang báo nhiều tin ngắn.
- Lưới phân cấp: không đều, dựng theo nội dung cụ thể. Hay gặp trên trang web và poster, nơi mỗi vùng có vai trò riêng.
Khi nào nên phá lưới
Lưới không phải luật; nó là nhịp nền để những chỗ phá nhịp có ý nghĩa. Một ảnh tràn lề, một tiêu đề vượt qua rãnh, một trích dẫn chìa ra ngoài lề — chúng nổi bật chính vì mọi thứ khác đều ngay hàng.
Quy tắc thực hành: phá lưới một lần mỗi trang đôi là đủ tạo điểm nhấn. Phá khắp nơi thì không còn lưới để phá. Và khi phá, hãy phá mạnh (tràn hẳn ra mép giấy) chứ đừng lệch 2mm — lệch ít trông như lỗi.
Bài tập: dựng lưới và dàn ba trang
- Tính lưới 12 cột cho khổ bạn hay dùng (A4, A5 hoặc khổ vuông 210×210mm) theo năm bước trên. Ghi mọi con số ra giấy.
- Dàn ba trang khác nhau trên cùng lưới: một trang chữ nhiều, một trang ảnh lớn, một trang nhiều ảnh nhỏ.
- In ba trang, đặt cạnh nhau. Chúng phải trông khác nhau nhưng rõ ràng thuộc cùng một ấn phẩm.
- Chọn đúng một trang để phá lưới một lần. So sánh.
Bước tiếp theo nên làm: mở một tạp chí in mà bạn thích, đặt thước lên và đo lề, rãnh, số cột. Việc “đọc ngược” lưới của người khác là cách học nhanh nhất để thấy các con số trên được dùng thế nào ngoài đời.
Câu hỏi thường gặp
Lưới bố cục là gì?
Là hệ thống đường dọc và ngang vô hình chia trang thành cột, rãnh, lề và hàng, giúp căn chỉnh mọi phần tử một cách nhất quán. Nó được dùng cả trong ấn phẩm in lẫn giao diện số.
Nên dùng bao nhiêu cột cho khổ A4?
Tạp chí và ấn phẩm nhiều loại nội dung thường dùng 6 hoặc 12 cột. Ấn phẩm chỉ có văn bản có thể dùng 2 cột là đủ.
Rãnh giữa hai cột nên rộng bao nhiêu?
Thường xấp xỉ một khoảng cách dòng của chữ thân bài, ví dụ 4–5mm với chữ 10pt. Rãnh quá hẹp làm mắt đọc nhảy sang cột bên cạnh.
Lưới dòng cơ sở có cần thiết không?
Rất nên có với ấn phẩm nhiều cột chữ. Nó giúp các dòng ở cột cạnh nhau thẳng hàng và tránh chữ mặt sau in hằn giữa các dòng mặt trước.
Dùng lưới có làm thiết kế cứng nhắc không?
Không nếu dùng đúng. Lưới tạo nhịp nền, và những chỗ phá lưới có chủ đích sẽ nổi bật hơn. Chỉ nên phá lưới ít và phá dứt khoát.
