Type scale là tập hợp font sizes được chọn kỹ lưỡng để represent các text elements khác nhau nhằm thiết lập composition cân bằng, harmonious trong products. Bằng cách consistently dùng cùng font sizes từ type scale của mình, chúng ta tự động instill uniformity trong design và tránh product trông lung tung về hierarchy và prioritization.
Type scale còn gọi là "typographic scale".
Restriction enforces consistency (Hạn chế thiêng liêng consistency)
Về nguyên tắc, type scales hoạt động giống spacing scales và color palettes. Càng hạn chế design options, càng dễ enforce consistency về mặt product trông và cảm giác như thế nào. Consistency là phần crucial xây dựng trust với audience.
Type scale là cách hạn chế sự tự do của bạn sebagai typographer hoặc designer, đổi lấy cung cấp audience consistent user experience.
Càng ít new information (tất cả visuals là information cần processing) audience phải digest khi exposed đến product, càng ít confusing và fatiguing. Điều cuối cùng bạn muốn khi người truy cập website hoặc xem product là làm họ confused, hay tired.
Cách chọn type scale cho project
Dù bạn viết blog posts hay design wine labels, bạn sẽ work với một vài text elements khác nhau, cả font sizes, và đôi khi typefaces (font-families) khác nhau.
Để đơn giản, giả sử bạn work với một typeface. Câu hỏi chính bạn cần trả lời: project cần bao nhiêu font sizes để represent tối ưu các text elements khác nhau.
Sau đây là những loại text elements phổ biến nhất:
- Title & Headings
- Paragraphs và lists (body text)
- Captions
- Subtitles
- Blockquotes/pull quotes
Nếu bạn là writer, bạn có thể dùng tất cả thường xuyên.
Bạn thường pick một font size cho mỗi loại text element trên — headings là exception. Professional designer thường dùng 1 đến 6 headings tùy nature của project.
Cho hầu hết website-type projects, bạn sẽ thấy mình dùng tối thiểu năm font sizes khác nhau cho scale.
Chọn scale của bạn
Vậy làm sao build scale? Làm sao tìm font sizes đúng represent mỗi text element, và làm sao chắc chắn mỗi text element work tốt với counterparts? Có hai cách build type scale:
- Dùng existing type scale template
- Eyeballing + trial and error
- Kết hợp 1 và 2
Để dùng option 2 (eyeballing + trial and error), bạn cần là typographer có kinh nghiệm.
Nếu bạn không comfortable tự nghĩ font sizes, bạn có thể tận dụng existing type scales đã làm sẵn, ví dụ từ Material Design:
Đây là solid type scale, và cho beginners, luôn tốt hơn apply template từ professional designers, hơn là guess đường ra kết quả. Chỉ cẩn thận khi dùng type scales của designers khác, nhận ra different typefaces cần different type scales.
Không có one size fits all trong typography, vì vậy nếu bạn quyết định dùng existing scale, như type scale Material Design cung cấp, đừng dùng blindly. Material Design dùng typeface Roboto, và cho đó, type scale của họ work great.
Nếu bạn dùng font family khác Roboto cho project, bạn vẫn có thể dùng Material Design template làm starting point, nhưng tùy structure của typeface, bạn có thể phải tweak vài thứ để make it work just right.
Dùng type scale generator
Bạn cũng có thể dùng type scale generator ví dụ từ type-scale.com. Website vinh quang này cho bạn chọn giữa các mathematical scales (dựa trên real musical scales) và tự động generate CSS stylesheet cho bạn.
Bạn có thể test hàng trăm font-families (qua Google Fonts) và 8 type scale templates khác nhau. Thậm chí tạo custom scale (không cho beginners).
Cuộn xuống website đọc instructions cách dùng generator.
Mặc dù không guarantee, bạn gần như luôn ra harmonious result hơn bằng cách apply proven type scales từ type-scale.com, thay vì winging it.
Đó là lý do tôi suggest combine suggestions 1 và 2 từ list trước: pick existing template làm starting point, như Material Design hoặc scales từ type-scale.com, rồi tweak đến needs của bạn qua trial and error.
Cách duy nhất become better typographer là experimentation, nhưng không hại dùng collective knowledge guide bạn đúng đường.