Phân cấp chữ là cách sắp cỡ, độ đậm, màu và khoảng cách để người đọc biết ngay đọc gì trước, gì sau, mà không cần ai chỉ. Một tờ rơi có phân cấp tốt cho phép khách lướt ba giây vẫn nắm được tên chương trình, lợi ích chính và cách liên hệ. Một trang thiếu phân cấp bắt người đọc tự dò, và phần lớn sẽ không dò.
Bài này tập trung vào phần chữ của phân cấp: cách chọn thang cỡ chữ có tỉ lệ thay vì đặt cỡ theo cảm tính, cách phối độ đậm và khoảng cách giữa các khối, và chỗ AI giúp được, chủ yếu là tính bảng cỡ và rà văn bản để xác định đâu thật sự là tiêu đề. Phân cấp thị giác nói chung, gồm ảnh, màu và vị trí, thuộc nhóm bài nền tảng thiết kế.
Bắt đầu từ nội dung, không bắt đầu từ cỡ chữ
Phân cấp chữ chỉ đúng khi người thiết kế hiểu nội dung có mấy cấp ý. Nhiều tờ rơi hỏng vì khách gửi một khối chữ dài và người làm phóng to dòng đầu tiên lên làm tiêu đề, trong khi dòng đầu chỉ là lời chào. Việc đầu tiên là đọc toàn bộ văn bản và đánh dấu: đâu là thông điệp chính, đâu là ý hỗ trợ, đâu là chi tiết, đâu là thông tin thủ tục như địa chỉ, giờ mở cửa.
Đây là chỗ AI giúp tốt. Bạn dán văn bản của khách, đã che số điện thoại, địa chỉ và tên người, rồi dùng câu lệnh mẫu: "Phân loại các câu sau thành bốn cấp: thông điệp chính, ý hỗ trợ, chi tiết, thông tin liên hệ thủ tục. Với mỗi cấp, giải thích vì sao. Nếu có câu thừa hoặc lặp ý, đánh dấu riêng". Kết quả là một bản phác cấu trúc để bạn so với cách hiểu của mình, và đôi khi là lý do chính đáng để đề nghị khách cắt bớt chữ.
Thường bạn sẽ thấy nội dung một ấn phẩm nhỏ chỉ có ba đến bốn cấp. Nếu bản thiết kế có bảy cỡ chữ khác nhau, nghĩa là đang có nhiều cấp hơn cấp ý thật, và người đọc sẽ bối rối. Số cỡ chữ nên bám theo số cấp ý, cộng thêm một hai cỡ cho chú thích và chữ pháp lý nhỏ.
Khi đã có cấu trúc, hãy ghi lại thành danh sách ngắn trong tệp dự án. Danh sách này là thứ bạn trình khách khi họ hỏi vì sao dòng này nhỏ, dòng kia lớn, và là căn cứ để giữ đồng nhất khi làm cả bộ ấn phẩm.
Thang cỡ chữ theo tỉ lệ: chọn hệ số thế nào
Thay vì đặt cỡ 13, 17, 22, 31 theo cảm giác, nhiều người thiết kế dùng một cỡ gốc nhân lần lượt với một hệ số cố định. Các cỡ sinh ra có quan hệ với nhau nên trang trông có trật tự. Bảng dưới so các hệ số hay dùng, ví dụ giả định với cỡ gốc 16 điểm ảnh cho đoạn văn trên màn hình.
| Hệ số | Các cỡ phía trên cỡ gốc (làm tròn) | Cảm giác | Hợp với |
|---|---|---|---|
| 1,2 | 19 · 23 · 28 · 33 | Êm, chênh nhẹ | Giao diện ứng dụng nhiều cấp, tài liệu dày |
| 1,25 | 20 · 25 · 31 · 39 | Cân bằng | Trang web nội dung, báo cáo |
| 1,333 | 21 · 28 · 38 · 51 | Rõ cấp | Tạp chí, trang giới thiệu, bài đăng có tiêu đề dài |
| 1,5 | 24 · 36 · 54 · 81 | Mạnh, kịch tính | Áp phích, trang đích, ảnh bìa ít chữ |
| 1,618 | 26 · 42 · 68 · 110 | Rất mạnh | Ấn phẩm chỉ có một tiêu đề lớn và vài dòng phụ |
Đừng coi hệ số là luật. Sau khi sinh thang cỡ, bạn vẫn làm tròn hoặc chỉnh từng cỡ cho hợp font, vì cùng cỡ số nhưng font có chiều cao chữ thường lớn sẽ trông to hơn. Điều quan trọng là có một thang làm khung, để mọi quyết định chỉnh tay đều so với khung đó.
Nhờ AI tính bảng này rất nhanh: câu lệnh mẫu "Tính thang cỡ chữ với cỡ gốc 16 và hệ số 1,25, lấy hai cỡ dưới và năm cỡ trên, làm tròn đến số nguyên, kèm khoảng cách dòng gợi ý cho từng cỡ". Kiểm lại một hai phép nhân bằng tay trước khi dùng.
Phân cấp chữ trên ba loại ấn phẩm hay gặp
Cùng một nguyên tắc nhưng mỗi loại ấn phẩm có cách đọc riêng, nên số cấp, độ chênh cỡ và chỗ đặt thông điệp chính khác nhau. Ba ví dụ giả định dưới đây cho thấy cách điều chỉnh.
- Bài đăng vuông cho cửa hàng hoa ở Vĩnh Long: người xem lướt trên dòng tin, mỗi bài chỉ có khoảng một giây. Hai cấp là đủ: một câu thông điệp thật lớn, một dòng phụ nhỏ hơn hẳn. Mọi chi tiết như giờ mở cửa, cách đặt hàng chuyển xuống phần chú thích bài đăng chứ không nằm trên ảnh.
- Thực đơn quán bún ở Huế: người đọc đứng trước quầy, có thời gian hơn nhưng cần tìm nhanh. Cấp một là tên nhóm món, cấp hai là tên món, cấp ba là mô tả ngắn, giá đặt cùng cấp với tên món để mắt quét theo hàng ngang. Ở đây độ đậm và khoảng cách giữa nhóm món quan trọng hơn chênh lệch cỡ.
- Trang đích đăng ký khoá học trên điện thoại: người đọc cuộn dọc. Mỗi màn hình nên có một tiêu đề cấp hai rõ, đoạn văn ngắn và một nút bấm. Thang cỡ dùng hệ số vừa phải vì có nhiều cấp, còn khoảng cách trước mỗi tiêu đề cấp hai phải đủ lớn để người cuộn nhận ra mình đã sang phần mới.
- Điểm chung: trước khi chọn cỡ, hãy hỏi người xem đang ở tư thế nào, có bao nhiêu giây, và đọc theo hướng nào. Câu trả lời quyết định số cấp nhiều hơn mọi quy tắc tỉ lệ.
Độ đậm, màu và chữ hoa: các công cụ phân cấp ngoài cỡ chữ
Độ đậm thay được một bậc cỡ. Tiêu đề phụ cùng cỡ với đoạn văn nhưng đậm hơn hai bậc vẫn tách cấp rõ. Cách này tiết kiệm diện tích, rất hợp với giao diện điện thoại và bảng thông tin dày.
Màu chữ tạo cấp phụ. Chú thích, thông tin thủ tục có thể dùng xám đậm thay vì đen, để lùi về sau. Đừng nhạt quá: chữ cấp thấp vẫn phải đọc được, nhất là trên nền ảnh. Phần tương phản đọc được có bài riêng trong cùng danh mục.
Chữ hoa giãn cách cho nhãn nhỏ. Một dòng nhãn ngắn viết hoa, cỡ nhỏ, giãn chữ một chút đặt trên tiêu đề là cách phân cấp quen thuộc ở tạp chí. Với tiếng Việt, chỉ dùng cho nhãn hai ba chữ, vì chữ hoa có dấu chồng làm dòng dài khó đọc.
Đừng dùng tất cả cùng lúc. Tiêu đề vừa to hơn, vừa đậm hơn, vừa đổi màu, vừa viết hoa, vừa gạch chân là năm tín hiệu cho một việc. Chọn hai tín hiệu là đủ; phần còn lại để dành cho cấp khác.
Nghiêng để nhấn trong câu, không để phân cấp. Chữ nghiêng hợp với tên sách, thuật ngữ, một từ cần nhấn giữa đoạn. Dùng chữ nghiêng làm cả tiêu đề phụ thường yếu, nhất là khi font không có bản nghiêng thật mà phần mềm tự xô chữ.
Khoảng cách giữa các khối: phần phân cấp hay bị quên
Người đọc nhận ra khối nào đi với khối nào nhờ khoảng cách trước khi nhận ra nhờ cỡ chữ. Nguyên tắc gần nhau thì thuộc về nhau áp dụng trực tiếp: tiêu đề phải gần đoạn văn bên dưới nó hơn là gần đoạn văn bên trên. Lỗi rất phổ biến là đặt khoảng cách trên và dưới tiêu đề bằng nhau, khiến tiêu đề lơ lửng như không thuộc về đâu.
Cách làm thực tế là cũng dựng một thang khoảng cách, giống thang cỡ chữ. Ví dụ giả định lấy đơn vị 8 điểm ảnh: khoảng cách trong khối là 8, giữa đoạn là 16, trước tiêu đề phụ là 32, trước tiêu đề lớn là 48. Mọi khoảng cách trong thiết kế đều chọn từ thang này. Kết quả là trang có nhịp đều, và khi chuyển sang ấn phẩm khác vẫn giữ được cảm giác cùng hệ.
Với ấn phẩm in, đơn vị đổi sang milimét hoặc điểm, nhưng nguyên tắc giữ nguyên. Khi khách yêu cầu nhét thêm chữ, thứ đầu tiên bị hy sinh thường là khoảng cách, và đó là lúc phân cấp sụp. Hãy giải thích với khách rằng cắt bớt chữ hoặc giảm một cấp ý đỡ hại hơn là ép khoảng cách.
Trên giao diện điện thoại, khoảng cách còn có vai trò thao tác: các mục bấm được phải cách nhau đủ để ngón tay không chạm nhầm. Đây là chỗ thang khoảng cách của phần chữ và phần giao diện cần dùng chung một đơn vị, để lập trình viên dựng lại đúng.
Kiểm phân cấp trước khi trình khách
Bốn phép kiểm dưới đây mất chưa tới mười phút, nhưng bắt được phần lớn lỗi phân cấp mà người làm lâu với bản thiết kế không còn nhìn ra.
- Nheo mắt hoặc làm mờ bản thiết kế: chỉ còn các mảng. Bạn có đếm được đúng số cấp ý đã định không? Mảng nào nổi nhất có phải thông điệp chính không?
- Đọc ba giây: nhờ một người chưa xem bản thiết kế nhìn ba giây rồi nói lại những gì họ nhớ. Nếu họ nhớ chi tiết phụ mà quên thông điệp chính, cấp đang đảo.
- Thu nhỏ về cỡ thật: bài đăng xem ở cỡ trên dòng tin của điện thoại, tờ rơi in thử cỡ thật. Cấp nhìn rõ trên màn hình lớn có thể biến mất khi thu nhỏ.
- Nhờ AI đọc mô tả cấu trúc: liệt kê các khối chữ theo thứ tự cùng cỡ, độ đậm, màu và hỏi "theo mô tả này, người đọc sẽ đọc khối nào trước, khối nào có thể bị bỏ qua". Nếu câu trả lời khác ý định của bạn, xem lại khối đó.
- Đối chiếu với danh sách cấp ý đã ghi ở bước đầu và với thang cỡ, thang khoảng cách. Mọi cỡ, mọi khoảng cách lệch thang phải có lý do.
Ghi kết quả bốn phép kiểm vào ghi chú trình bày. Khi khách đề nghị "cho logo to hơn" hay "thêm dòng này cho nổi", bạn có căn cứ để bàn về thứ tự đọc thay vì tranh luận về sở thích.
Câu hỏi thường gặp
Một ấn phẩm nên có bao nhiêu cỡ chữ?
Thường ba đến năm cỡ là đủ cho ấn phẩm nhỏ như tờ rơi, bài đăng, thực đơn. Số cỡ nên bám theo số cấp ý thật của nội dung, cộng một cỡ cho chú thích. Quá nhiều cỡ khiến người đọc không nhận ra đâu là cấp chính.
Thang cỡ chữ theo tỉ lệ có bắt buộc không?
Không bắt buộc, nhưng giúp các cỡ có quan hệ với nhau và dễ giữ đồng nhất khi làm nhiều ấn phẩm. Người thiết kế vẫn chỉnh tay từng cỡ cho hợp font, miễn mỗi chỉnh sửa có lý do và không làm vỡ trật tự chung.
Nên chọn hệ số nào cho bài đăng mạng xã hội?
Bài đăng thường ít chữ và được xem lướt trên điện thoại nên hợp với hệ số mạnh, khoảng 1,333 đến 1,5, để tiêu đề tách hẳn khỏi phần phụ. Bài đăng dạng nhiều trang trượt có nhiều chữ hơn thì có thể dùng hệ số nhẹ hơn.
Chỉ dùng độ đậm mà không đổi cỡ có phân cấp được không?
Được, nhất là trên giao diện điện thoại hay bảng thông tin dày. Chênh lệch độ đậm phải đủ rõ, thường từ thường lên đậm hoặc rất đậm. Chênh một bậc nhỏ như thường lên hơi đậm thì trên màn hình nhỏ khó nhận ra.
AI giúp được gì trong việc dựng phân cấp chữ?
AI giúp phân loại văn bản của khách thành các cấp ý, phát hiện câu thừa, tính thang cỡ chữ và thang khoảng cách, và phản biện thứ tự đọc khi bạn mô tả bản thiết kế. Nhớ che thông tin cá nhân, giá bán chưa công bố trước khi dán văn bản vào.
Khách muốn nhét thêm chữ vào ấn phẩm đã chật thì làm sao?
Giải thích rằng ép khoảng cách sẽ làm mất thứ tự đọc. Đề xuất cắt bớt chữ, gộp ý, chuyển chi tiết sang mặt sau hoặc bài đăng tiếp theo. Có thể nhờ AI rút gọn đoạn chữ của khách rồi gửi bản rút gọn để khách duyệt nội dung.