Typography

Frame 2147229924.png

Bộ Chữ Thương Hiệu

Với mục đích tạo sự gần gũi và dễ tiếp cận, Raleway được thiết kế theo phong cách humanist neo grotesque. Điều này có nghĩa là phông chữ này có những đường nét mang tính "con người" hơn so với các phông sans-serif thông thường, tạo cảm giác thân thiện và dễ đọc cho mọi đối tượng.

Việc sử dụng Raleway không chỉ đảm bảo tính nhất quán cho mọi ấn phẩm của xEra mà còn phản ánh sự tinh tế và tầm nhìn hiện đại của thương hiệu.

Frame 2043684642.png
Frame 2043684643.png
Frame 2043684644.png

Khoảng Cách Dòng (Leading)

Trong lĩnh vực thiết kế chữ, Leading là khoảng cách thẳng đứng giữa các dòng văn bản, được đo từ đường cơ sở (baseline) này đến đường cơ sở khác. Leading hợp lý giúp các dòng chữ có đủ không gian, không quá chật chội gây khó đọc, cũng không quá xa khiến người đọc dễ bị đứt mạch. Leading giúp tạo ra hệ thống phân cấp, cải thiện tính dễ đọc và sự hài hòa thị giác, từ đó mang lại trải nghiệm đọc hấp dẫn hơn.

 

Cho tiêu đề

Khi sử dụng cho tiêu đề, phông chữ Raleway cần có leading hẹp để làm nổi bật vẻ ngoài mạnh mẽ, tiêu đề thường lớn, việc giảm khoảng cách dọc giữa các dòng sẽ giúp giữ bố cục chữ không bị lỏng. Để đạt được sự rõ ràng và hài hòa về mặt thẩm mỹ, chúng tôi khuyến nghị đặt leading cho Raleway ở mức khoảng 120–140% kích thước phông chữ.

Type leading_heading.png

Tránh Leading Quá Rộng

Leading quá rộng sẽ làm giảm sự gắn kết của văn bản, khiến các dòng chữ rời rạc và thiếu liên kết với nhau.

Hướng Đến Leading Hẹp Hơn

Leading hẹp hơn sẽ giúp các dòng chữ liên kết chặt chẽ, tạo thành một khối thống nhất.

Cho phần nội dung

 

Khi sử dụng cho phần nội dung chính, phông chữ Raleway cần leading rộng rãi để đảm bảo người đọc cảm thấy thoải mái, đặc biệt là trong các bố cục dày đặc thông tin. Dáng chữ sạch và thoáng của phông này sẽ phát huy tốt nhất với khoảng cách dọc được tăng lên một chút, giúp mỗi dòng chữ có không gian "thở". Để có trải nghiệm đọc tốt nhất, chúng tôi khuyến nghị đặt leading ở mức khoảng 130–140% kích thước phông chữ.

Text in Vietnamese discussing brand compass and leading settings, presenting options for different leading values in typography.

Tránh Leading Quá Rộng Hoặc Quá Hẹp

Leading quá rộng sẽ làm gián đoạn sự liền mạch về mặt thị giác, gây ra trải nghiệm đọc rời rạc.

Leading quá hẹp sẽ khiến các dòng chữ bị co cụm, gây khó khăn cho việc đọc lướt và làm giảm khả năng dễ đọc của văn bản.

Sử Dụng Leading Vừa Đủ

Leading phù hợp sẽ cải thiện khả năng đọc, tăng cường trải nghiệm người dùng và phản ánh sự rõ ràng, chuyên nghiệp trong cách truyền thông thương hiệu của xEra.

Phân cấp kiểu chữ

Trong thiết kế chữ, hệ thống phân cấp kiểu chữ (Typographic Hierarchy) là việc sắp xếp các yếu tố văn bản một cách có chủ đích nhằm hướng dẫn mắt người đọc và truyền tải mức độ quan trọng của thông tin.

Bằng cách thay đổi kích thước, độ đậm, màu sắc, khoảng cách và kiểu chữ, hệ thống phân cấp này tạo ra một cấu trúc thị giác rõ ràng, giúp người đọc dễ dàng lướt nhanh và nắm bắt thông tin.

Hãy sử dụng các độ đậm và kích thước khác nhau của phông chữ Raleway để tạo ra một hệ thống phân cấp mạnh mẽ và hiệu quả.

Type hierarchy.png

Ví Dụ Về Cách Sử Dụng Chữ

Brochure showcasing Xera's transportation solutions, featuring vibrant design and service highlights in Vietnamese text.
Alt text: Overview of transportation solutions with bus image and service offerings for events and travel.
Text in Vietnamese explaining why customers choose Xera, with a modern design featuring blue and green geometric shapes.
Text in Vietnamese promoting travel, featuring various images related to transportation and readiness for departure.
"Text graphic featuring 'Vận Hành Trên Sự Chân Thành' on a dark and light blue background."
Xera branding on a delivery van with a blue background, featuring Vietnamese text promoting road support.
Avatar

Cōsmo