Phông chữ biến thiên: Bước đột phá trong thiết kế đồ họa
Trong những năm gần đây, công nghệ font đã có một bước tiến vượt bậc với sự ra đời của Phông chữ biến thiên (còn được gọi chính thức là OpenType Font Variations). Định dạng mới này loại bỏ ranh giới cứng nhắc giữa các độ dày và kiểu dáng vốn tồn tại từ thời kỳ đầu của ngành sắp chữ. Nói không ngoa, đây là một cuộc cách mạng trong lĩnh vực font chữ.
Phông chữ biến thiên trao quyền cho người dùng tùy chỉnh chính xác độ dày, độ nghiêng, độ rộng (và nhiều thông số khác) của font chữ, thay vì phụ thuộc vào các kiểu dáng do nhà thiết kế font định sẵn. Theo truyền thống, mỗi độ dày và kiểu dáng được đặt trong các file font riêng biệt, nhưng Phông chữ biến thiên gộp tất cả các biến thể này thành một. Nhờ đó, dung lượng file tổng thể giảm đáng kể so với việc tải nhiều font riêng lẻ – một yếu tố then chốt trong thiết kế typography web.
Cách dễ nhất để hình dung Phông chữ biến thiên là tưởng tượng một thanh trượt (gọi là trục), với độ dày nhẹ nhất (thường gọi là Thin hoặc ExtraLight) ở một đầu, độ dày thông thường ở giữa và độ dày nặng nhất (thường gọi là ExtraBold hoặc Black) ở đầu còn lại. Thông thường, chúng ta phải chọn độ dày từ các điểm cụ thể trên thanh trượt do nhà thiết kế định sẵn. Giờ đây, chúng ta có thể chọn bất kỳ điểm nào trên thanh trượt. Thay vì quyết định giữa font bold với giá trị 700 (có thể chưa đủ đậm) hoặc font extra bold với giá trị 800 (có thể quá đậm), giờ đây chúng ta có thể chọn điểm giữa, chẳng hạn như 742 – hoàn hảo!
Tuy nhiên, sức mạnh thực sự của Phông chữ biến thiên nằm ở khả năng tùy chỉnh bất kỳ trục nào cho bất kỳ biến thể nào do nhà thiết kế font lựa chọn, và kết hợp chúng lại. Độ nghiêng? Có. Độ rộng? Có. Kích thước quang học? Có. Ngay cả nhiệt độ cũng có thể! Và tất cả những điều trên có thể được sử dụng phối hợp với nhau.
Lưu ý rằng các tên kiểu dáng quen thuộc – light, regular, bold, v.v. cho độ dày hoặc condensed, normal, wide, v.v. cho độ rộng – vẫn xuất hiện trong menu font khi cài đặt các bộ font biến thiên. Chúng được gọi là “named instances”. Vì vậy, sử dụng Phông chữ biến thiên không có nghĩa là loại bỏ các nhãn và kiểu dáng tiện lợi mà chúng ta đã quen thuộc.
Cách tốt nhất để hiểu về Phông chữ biến thiên là bắt đầu trải nghiệm trực tiếp:
- Chuyển đến https://etceteratype.co/epilogue và chơi với trục độ dày của Epilogue để xem nó ảnh hưởng đến khoảng cách tổng thể của chữ như thế nào.
- So sánh với Grandstander ở https://www.mytradewest.com/GrandStand_Group_2_p/gsg2.htm, được thiết kế để chiếm cùng một lượng không gian ngang bất kể thay đổi trên trục độ dày. Điều này cho thấy cách các tác động trong một trục biến thể được xác định bởi nhà thiết kế typeface.
- Đến https://etceteratype.co/ và chơi với trục độ dày và độ rộng trên Anybody, để xem chúng có thể được kết hợp như thế nào và ảnh hưởng lẫn nhau ra sao.
- Trải nghiệm trục kích thước quang học của Imbue ở https://github.com/Etcetera-Type-Co/Imbue để xem độ tương phản, khoảng cách và các chi tiết khác thay đổi như thế nào để tối ưu hóa thiết kế cho các kích thước khác nhau.
- Chơi với trục nghiêng của EB Garamond ở https://fonts.google.com/specimen/EB+Garamond để xem thiết kế “bật” giữa các kiểu dáng thường và nghiêng như thế nào, không có giá trị trung gian.
- Thử nghiệm trục “Casual” của Recursive ở https://www.recursive.design/ để xem đường viền trở nên cong và vui tươi hơn như thế nào. Lưu ý rằng đây là một ví dụ về trục tùy chỉnh.
Ngoài ra, bạn có thể truy cập các trang web sau để trải nghiệm trực tiếp Phông chữ biến thiên trong trình duyệt:
Đón xem chuỗi các bài giảng cơ bản về FONT chữ. Font chữ với chương trình của TUT.Z đang đào tạo các bạn trẻ tại lớp “Thế hệ Z toàn tài” miễn phí.
Đăng ký tham gia các khoá học trở thành nghề từ 13 tuổi với TUT EDU. Liên hệ để biết thêm chi tiết.
Bài viết tổng hợp của TUT Brand.
