Dưới đây là một bài viết bởi Nick Sherman* và cũng là một trong những bài giảng của TUT.Z. Tính năng font biến thể và ứng dụng hiện đại. Đón tìm đọc tạp chí TUT.Z #3 nói về kiến thức sử dụng FONT chữ.
Font biến thể hiện đại đã được hỗ trợ trên tất cả các trình duyệt web chính từ khi công nghệ này được giới thiệu vào năm 2016. Trong khoảng thời gian đó, nhiều nội dung đã được viết về font biến thể là gì và cách thiết lập chúng trên trang web của bạn. Nhưng thực sự, font biến thể mang lại những lợi ích gì trong các dự án thiết kế thực tế? Không thiếu những đoạn phim minh họa cho thấy chúng mới linh hoạt chuyển đổi giữa các biến thể về trọng lượng, chiều rộng, v.v. Nhưng ảnh hưởng của tính linh hoạt đó đối với công việc thiết kế hàng ngày là gì?
Bài viết này trình bày một số kỹ thuật sử dụng font biến thể từ góc độ chữ học thực tế. Một số kỹ thuật được khám phá chi tiết hơn trong các bài viết sâu rộng riêng của chúng tôi. Danh sách này không là toàn diện và một số kỹ thuật phụ thuộc vào các tính năng không tồn tại trong tất cả font biến thể, nhưng hy vọng rằng nó sẽ hữu ích để hiểu rõ về những lợi ích của font biến thể đối với nhiều kỹ thuật chữ học.
Hình thái cơ bản
Trước khi thảo luận về những ảnh hưởng về chữ học của font biến thể, hãy dành một chút thời gian để xem xét những lợi ích công nghệ mà chúng mang lại so với các font web truyền thống “tĩnh”.
Tăng Hiệu Suất:
Lợi ích quan trọng nhất của font biến thể từ góc độ kỹ thuật có thể làm tăng hiệu suất làm việc nhiều cách, giúp tăng tốc độ tải và hiển thị trang web bằng cách giảm yêu cầu về kích thước tệp tin, yêu cầu từ máy chủ, v.v. so với một bộ font tĩnh tương đương.
Quản Lý Tệp Tin Đơn Giản Hóa:
Việc triển khai font biến thể như là một cải tiến tiến bộ vẫn được khuyến nghị, nhưng việc có nhiều biến thể phong cách trong một tệp font duy nhất, với một quy tắc @font-face duy nhất, giúp thực hiện thử nghiệm với các biến thể thiết kế nhanh chóng và đơn giản hơn so với việc sử dụng font tĩnh. Bạn muốn xem tiêu đề trông như thế nào nếu chúng hơi chật hẹp? Bạn có thể kiểm tra nhanh chóng bằng cách thay đổi một con số duy nhất, thay vì phải thiết lập tham chiếu cho các tệp font hoàn toàn khác nhau.
Điều Chỉnh Tự Động:
Tương tự, có những biến thể font mà bạn có thể cần chỉ định rõ ràng với các font tĩnh khác nhau, nhưng đối với biến thể font , chúng có thể được áp dụng tự động mà không cần các tệp font bổ sung, các tuyên bố @font-face hay thay đổi font-variation-settings. Ví dụ, trục kích thước quang học có thể được đặt để tự động phù hợp với các kích thước sử dụng tính toán, và (ở một số trình duyệt) các thuộc tính khác như trọng lượng có thể được đặt để tự động phù hợp với ưu tiên hệ thống của người dùng.
Font Biến Thể Hệ Thống Như Lựa Chọn:
Một trong những lợi ích ít được đánh giá của việc sử dụng font biến thể được sản xuất theo các thông số chính thức cho các trục đã đăng ký là rằng một số nền tảng cung cấp font biến thể có thể hoạt động khá tốt như là các font lựa chọn dự phòng, mang lại kết quả tốt hơn trong các tình huống mà font của bên thứ ba không được hỗ trợ. Điều này đặc biệt hữu ích khi sử dụng font web trong thiết kế email, nhưng cũng giảm thiểu những thay đổi phong cách do việc hiển thị văn bản chưa được thiết kế
Tinh tế
Ngoài những lợi ích kỹ thuật, font biến thể còn mang đến cho các nhà thiết kế khả năng điều chỉnh tinh tế các sáng tạo chữ học theo cách trước đây là không thực tế hoặc không khả thi. Điều này đặc biệt hữu ích trong thiết kế web và các phương tiện đa phương tiện động khác.
Điều chỉnh trong không gian hạn chế:
Trong thế giới của thiết kế đáp ứng, các yếu tố cấp block có thể căng ra và co lại để vừa vặn tốt hơn với các container của chúng. Với font biến thể, bây giờ việc cho phép kiểu chữ biến hình theo không gian có sẵn trở nên dễ dàng hơn nhiều.
Tạo hiệu ứng động:
Bởi vì font biến thể cung cấp các chuyển đổi mượt mà giữa các biến thể phong cách, chúng có thể được sử dụng cho các hiệu ứng đơn giản nhằm làm mịn các tương tác của người dùng, như làm đậm liên kết khi người dùng di chuột qua.
Bù đắp cho các điều kiện đọc khác nhau:
Với sự xuất hiện của chế độ tối và sự ưa thích của người dùng về các bảng màu thay thế, cộng với cảm biến cho điều kiện ánh sáng xung quanh, sáng tạo chữ học có thể được cải thiện bằng cách bù đắp cho sự khác biệt trong cách máy tính của chúng ta (và đôi khi là đôi mắt của chúng ta) xử lý văn bản trong các môi trường đọc khác nhau. Font biến thể mang lại sự linh hoạt nhiều hơn để điều chỉnh tinh tế những điều chỉnh này.
Biểu Đạt
Trong khi cơ hội để bù đắp chữ học tinh tế với font biến thể là mạnh mẽ, các kỹ thuật thiết kế đầy ấn tượng cho phép biểu đạt sáng tạo hơn.
Hiệu ứng đa phức tạp:
Mô tả: Một số font được sản xuất với các biến thể “multiplexed” hoạt động tốt cho những gợi ý giao diện tinh tế (ví dụ: hiệu ứng hover) nhưng cũng có thể được sử dụng cho các hiệu ứng đặc biệt sáng tạo hơn, như văn bản chồng lên nhau hoặc làm chuyển động các ký tự cá thể.
Độ dốc và mẫu phong cách:
Tính linh hoạt của font biến thể cho phép tạo ra các hiệu ứng nơi các thuộc tính khác nhau như trọng lượng hoặc chiều rộng có thể thay đổi theo các bước tùy ý trên một số yếu tố. Các từ có thể bắt đầu bằng các ký tự hẹp và kết thúc với các ký tự rộng, hoặc các dòng có thể trở nên ngày càng nặng.
Font màu biến thể:
Sự xuất hiện của công nghệ font màu đã tiến triển theo cùng bước với công nghệ font biến thể, và các kỹ thuật này có thể được kết hợp để tạo ra font màu. Font tại sự giao điểm của cả hai công nghệ này thì hiếm, nhưng không ngạc nhiên là chúng có thể rất đùa cợt và thú vị.
Không gian thiết kế không bình thường:
Trong khi hầu hết font biến thể được thiết kế trong một không gian thiết kế khá điển hình – tuân thủ các trục đã đăng ký như trọng lượng, chiều rộng và kích thước quang học – nhiều thứ khác có thể được thực hiện với công nghệ này. Các tùy chọn điều chỉnh cho các yếu tố như độ mềm, tính chất đặc biệt, tính ngẫu nhiên, hoặc bất kỳ biến thể thiết kế kỳ lạ nào khác cho phép chữ học hành xử sự như chưa từng có.
Phản ứng đối với nhiều đầu vào:
Font biến thể có thể được tạo ra để phản ứng với những yếu tố rõ ràng như đã nêu trên. Nhưng lý thuyết, bất kỳ đầu vào nào cũng có thể được sử dụng để ảnh hưởng đến cài đặt font biến thể: vị trí chuột của người dùng, cuộn trang, cảm biến nghiêng di động, núm vặn vật lý, đầu vào âm thanh, cảm biến ánh sáng xung quanh, cảm biến áp lực, dữ liệu về thời gian, thời tiết, vị trí địa lý, chứng khoán, hoặc hầu hết mọi thứ – giới hạn chỉ là trời.
