Poster đẹp nhưng chữ khó đọc, logo mất nét khi thu nhỏ, headline và body text "đánh nhau" trên cùng một trang — đó là hậu quả khi bỏ qua typography. Thiết kế chữ (Typography) dạy chọn, sắp xếp và tinh chỉnh typeface sao cho thông điệp rõ, cảm xúc đúng và kỹ thuật in/digital không lỗi.
Môn kết hợp lý thuyết và thực hành chuyên sâu — nền tảng cho mọi visual designer; học sinh THPT sẽ hoàn thành bộ poster typography, hệ hierarchy áp dụng và có thể thử custom letterform, đủ portfolio ngành Thiết kế đồ họa, Truyền thông hoặc Mỹ thuật.
01Thiết kế chữ (Typography) là gì?
Typography là môn học về chữ như hình ảnh có nghĩa — không chỉ "chọn font đẹp" mà hiểu phân loại typeface (serif, sans-serif, slab, display, monospaced), giải phẫu letterform (x-height, ascender, descender, baseline, counter, stem) và cách spacing (kerning, tracking, leading) ảnh hưởng đến đọc hiểu và cảm xúc. Designer thiết lập hierarchy: display vs headline vs body vs caption; pairing font contrast nhưng không xung đột; căn grid và alignment tạo nhịp điệu layout.
Ở Việt Nam, typography còn có thách thức riêng: font hỗ trợ dấu tiếng Việt đầy đủ, dấu không bị cắt hoặc lệch kerning, line-height 1,4–1,6 cho body text tiếng Việt dài. Môn cũng giới thiệu lịch sử Helvetica, Garamond, Futura và basic custom lettering — vẽ chữ logo hoặc headline mang dấu cá nhân trong giới hạn readability.
Poster typography — hierarchy rõ giữa display, headline và body; kiểm tra dấu tiếng Việt trên font đã chọn
Readability — body text đọc lâu không mỏi; x-height và line-height phù hợp ngôn ngữ và medium in/digital.
Hierarchy — mắt biết đọc theo thứ tự: title → subtitle → body → caption; contrast size/weight/space, không chỉ màu.
Consistency — type scale và pairing nhất quán xuyên poster, packaging, web; ít font tốt hơn nhiều font.
02Học những gì?
Chương trình đi từ lý thuyết letterform đến ứng dụng trên brief thực tế:
- Phân loại & anatomy — serif vs sans vs slab vs display vs mono; hiểu x-height, ascender, counter ảnh hưởng cảm giác và legibility.
- Spacing & rhythm — kerning cặp chữ (đặc biệt chữ in hoa và tiếng Việt có dấu), tracking đoạn, leading paragraph; optical vs metric.
- Hierarchy & type scale — display, H1–H3, body, caption; modular scale (1,25 hoặc 1,333); grid 4/8px cho alignment digital.
- Pairing & font Việt — contrast serif + sans; kiểm tra bộ ký tự Latin Extended và dấu; tránh font "fake" thiếu dấu ư, ơ, ă.
- Lịch sử & custom lettering — bối cảnh Helvetica, Garamond, Futura; sketch letterform logo; giới hạn khi lettering thay body font dài.
Bài kerning — so sánh trước/sau chỉnh cặp chữ in hoa và từ có dấu tiếng Việt
Type scale trên grid — display, headline, body căn cột; pairing hai font phân vai rõ
03Tại sao môn này quan trọng?
Mọi touchpoint brand — logo wordmark, packaging, website, sách báo, biển hiệu, motion title — đều là typography. Designer giỏi illustration nhưng type lộn xộn vẫn bị coi là thiếu chuyên nghiệp. Typography dạy tư duy hệ thống: type scale tái sử dụng, guideline font cho team, và quyết định có căn cứ thay vì "font hot trên Behance".
Với học sinh Việt Nam, thành thạo typography có dấu là lợi thế khi làm client local và agency regional — nhiều font ngoại nhập đẹp nhưng thiếu dấu, buộc designer biết thay thế hoặc mua license bộ đầy đủ.
Brand designer — wordmark, tagline, hierarchy trên mọi ứng dụng identity; mọi branding đều cần typography.
Editorial designer — sách, báo, magazine: grid nhiều cột, body text dài, headline display.
Packaging & web/UI designer — label nhỏ, UI component text, responsive scale trên mobile.
Motion designer — typography animation, kinetic type; timing đọc theo frame.
Font foundry/type designer & signage — thiết kế font gốc hoặc hệ thống biển báo ngoài trời cần legibility xa.
Ứng dụng editorial — body text tiếng Việt nhiều đoạn kiểm tra leading, hyphenation và dấu không bị chồng
04Đánh giá qua bộ poster typography
Đồ án cuối kỳ gồm bộ poster typography (1–3 poster chủ đề do giáo viên giao hoặc tự chọn quote/topic) thể hiện hierarchy, pairing và spacing có chủ đích; type system document — scale display/H1/H2/body/caption với font name, size, leading; có thể có custom letterform (lettering headline hoặc monogram) và portfolio presentation.
Nộp file AI/PDF in-ready, specimen sheet kerning/tracking và slide giải thích lựa chọn font. Tiêu chí chấm:
- Hierarchy & concept — thông điệp đọc đúng thứ tự; concept poster gắn lựa chọn type
- Font choice & pairing — contrast hợp lý; font hỗ trợ tiếng Việt nếu nội dung có dấu
- Spacing & technical — kerning headline; leading body 1,4–1,6; alignment grid nhất quán
- Custom lettering (nếu có) — letterform nhất quán; không hy sinh readability
- Presentation & spec — type scale document rõ; test in hoặc mock-up size thật (A2/A3)
Buổi bảo vệ typography — poster in treo tường, specimen kerning và slide giải thích pairing
05Những lưu ý khi làm typography
Font không hỗ trợ dấu tiếng Việt đầy đủ
Chọn font display đẹp trên Pinterest nhưng thiếu ư, ơ, hoặc dấu bị cắt/clash — poster in ra lỗi ngay từ tiêu đề. Một số font free chỉ có Latin cơ bản.
Gõ câu test đầy đủ dấu: "Luỹ tre làng xưa vẫn còn đó." trước khi chốt font. Ưu tiên foundry có Vietnamese subset hoặc Google Font đã verify; nếu thiếu dấu, đổi font — đừng tự kéo dấu tay trên display lớn.
Quá nhiều font trên một layout
Ba font display + hai sans + script trang trí — layout trông như catalog font chứ không phải thiết kế. Mắt không biết focal point; brand không nhớ được.
Giới hạn 2–3 font (thường 2: display + body). Dùng weight và size tạo hierarchy thay vì thêm font mới. Reserve script/display đặc biệt cho một dòng duy nhất nếu cần.
Kerning chữ in hoa và cặp AV, Ta bị bỏ quên
Headline in hoa to trên poster có khoảng trống optical giữa A–V, T–a khiến chữ "rời rạc" hoặc dính — giáo viên và hội đồng nhìn thấy ngay ở 2 m. Font metric kerning không đủ cho display size lớn.
Zoom 200–400% chỉnh kerning thủ công từng cặp headline; kiểm tra cả dấu tiếng Việt trên chữ hoa. In thử A4 đoạn headline trước final; dùng "optical alignment" cho logo wordmark.
Line-height body quá chật hoặc quá rộng
Đoạn tiếng Việt dài với leading 1,0 — dấu chữ trên chữ dưới; leading 2,0 — mất nhịp, khó đọc liền mạch. Copy-paste font size từ template nước ngoài không chỉnh cho độ dài dòng tiếng Việt.
Body text giữ line-height 1,4–1,6; measure (độ rộng cột) 45–75 ký tự dòng nếu có thể. Test đọc thật 2 phút — mắt có mỏi không. Caption có thể chặt hơn body một chút nhưng không dưới 1,3.
Pairing xung đột — quá giống hoặc quá loạn
Hai sans-serif gần giống nhau tạo cảm giác "lỗi font"; pairing display cực đoan với body không cùng tone khiến layout rối. Contrast không có lý do concept.
Pairing cần contrast có kiểm soát: serif + sans, geometric + humanist; giữ x-height tương đương nếu dùng cùng size zone. Viết một câu giải thích pairing trong slide — giáo viên đánh giá tư duy, không chỉ mắt.
Chỉ thiết kế trên màn hình — không test size in thật
Body 9 pt trông ổn trên Retina nhưng in A2 poster nhỏ không đọc được; display quá mỏng hairline biến mất trên giấy uncoated.
In proof hoặc mock-up đúng kích thước treo tường; đứng xa 2–3 m test headline poster. Với digital, export @2x và xem trên phone thật. Ghi spec size cuối trong type document.
06Các bước thiết kế typography
Đọc copy poster/brief: đâu là title, subtitle, body, legal. Xác định thông điệp một câu và cảm xúc (formal, playful, urgent). List số lượng cấp hierarchy cần có trước khi mở font menu.
Thử 5–10 pairing trên specimen nhỏ; loại font thiếu dấu Việt. Chốt display + body (và optional accent). Kiểm tra license thương mại nếu đồ án public.
Định nghĩa display, H1, H2, body, caption — size, weight, leading, tracking. Áp modular scale; ghi vào type system sheet. Dùng scale nhất quán mọi poster trong bộ.
Đặt cột, margin, baseline grid nếu cần. Căn trái phải giữa có chủ đích; tránh rag body xấu. Đặt headline và body theo hierarchy đã scale — chưa kerning chi tiết.
Chỉnh kerning headline và logo; tracking đoạn all-caps; leading từng khối body. Custom lettering nếu brief yêu cầu — giữ consistent stroke và contrast.
In proof hoặc PDF mock-up kích thước final; đọc toàn bộ copy tiếng Việt tìm lỗi dấu. Export portfolio: poster, specimen, type document. Trình bày giải thích mỗi quyết định type.
