Những thuật ngữ về typography mà bất kì designers nào cũng cần biết

Nếu bạn muốn trở thành một designer chuyên nghiệp, bạn cần được hướng dẫn về typography. Nhưng khi bạn bắt đầu khám phá thế giới của kiểu chữ, một số thuật ngữ không quen thuộc mà bạn phải đối đầu có thể gây "sốc văn hóa". Chúng ta hãy bắt đầu nhẹ nhàng với hướng dẫn của chúng tôi về những thuật ngữ phổ biến nhất, với những ý kiến từ một số nhà thiết kế chuyên nghiệp để hướng dẫn bạn.

1. Constrast (Đối lập)

xFzW3aV.jpg

Đây là một cảm giác chủ quan nói chung rằng các phông chữ khác nhau kết hợp cùng nhau tốt, mang lại ấn tượng về sự đa dạng mà không mất đi sự hài hòa trong toàn bộ tác phẩm. Trong một phông chữ đặc biệt, độ tương phản cũng đề cập đến sự đa dạng của độ dày, mỏng tạo nên các con chữ.

"Helvetica có độ tương phản thấp và Bodoni có độ tương phản cao, hai phông chữ tốt để tìm hiểu", Darren Scott nói. "Tobias Frere-Jones tại Font Bureau cũng làm các phông chữ đẹp có nhiều sự tương phản đối cực".

2. Serif và Sans serif

Serifs là những chi tiết bán cấu trúc ở cuối của một số nét chữ và ký hiệu; kiểu chữ mà không có những chi tiết này được gọi là sans serif.

Trong các phông chữ in, các phông chữ sans serif thường được sử dụng cho các tiêu đề trong văn bản - còn các phông chữ serif được biết đến để hướng dẫn tốt hơn người đọc thông qua các khối văn bản - mặc dù quy tắc đó đã bị phá vỡ.

3. Tracking

Tracking là khoảng trống giữa các chữ cái trong một chữ cái hoặc một từ hoàn chỉnh. Đó là một thuật ngữ máy tính được gọi là "khoảng cách chữ cái". "Không nên nhầm lẫn với kerning, đó là khoảng trống giữa hai chữ cái trong một từ," Scott giải thích.

4. Kerning

quIFMcL.jpg

Kerning mô tả hành động điều chỉnh không gian giữa các ký tự (kể cả các từ nằm giữa các từ) để tạo ra sự ghép đôi hài hòa. Ví dụ, khi một chữ hoa 'A' khớp với chữ hoa 'V', các đường nét chéo của chúng thường được kết hợp để phần trên cùng bên trái của chữ 'V' nằm trên phía dưới bên phải của chữ 'A'.

Kerning và tracking đôi khi được sử dụng thay cho nhau bởi những người không thực sự hiểu được kiểu chữ. Tracking khác vì nó liên quan đến khoảng cách của TẤT CẢ các ký tự và được áp dụng đồng đều.

5. Leading

Leading mô tả khoảng cách dọc giữa mỗi dòng.

6. White space (khoảng trắng)

Nhà thiết kế đồ hoạ Peter Crnokak mô tả điều này như là "khoảng lặng" - phần không gian trống được sử dụng trong bố trí page layout cho phép văn bản và các nội dung khác có chỗ để "hít thở". Đó là một công cụ quan trọng để xem xét trong thiết kế kiểu chữ cũng như thiết kế đồ họa và bố trí.

Giám đốc sáng tạo và đánh máy Darren Scott nói: "Tôi là một người tin tưởng vào kiến trúc sư Ludwig Mies Van Der Rohe với câu tuyên bố " ít vẫn hơn là nhiều ". "Nói ít, nói thật hay, thiết kế tốt không phải là có rất nhiều về việc biết phải đặt gì trên trang, mà là biết phải bỏ ra ngoài cái gì."

7. Dingbat

WLJwznd.jpg

Sau khi được biết đến như hoa của máy in, dingbats là các yếu tố trang trí có thể khác nhau từ đạn đơn giản đến tinh vi và hệ thực vật thường được hình thành trong bộ sưu tập có chủ đề. Phổ biến nhất là Zapf Dingbats, nhưng có nhiều lựa chọn khác. Cọp thường được gọi là 'phông chữ biểu tượng'.

8. Justified

Trong một đoạn văn bản justified, nội dung được sắp xếp sao cho không có khoảng trắng ở cuối dòng: mỗi dòng bắt đầu và kết thúc từ phải sang phải.

9. Grid baseline (Lưới đường cơ sở)

Đường cơ sở là dòng mà hầu hết các chữ cái "ngồi" và dưới phần dưới chữ mở rộng (như vòng lặp dưới của một 'g'). Lưới đường cơ sở là một công cụ cho các nhà thiết kế đồ họa và các nhà thiết kế web giúp họ sắp xếp tất cả các văn bản sao cho nó trôi chảy. Lưới đường cơ sở đảm bảo văn bản của bạn có phần đầu chính xác và là yếu tố quan trọng trong bất kỳ cách bố trí nào sử dụng cột.

Elliott Jay Stocks, giám đốc sáng tạo của Adobe Typekit, cho biết: "Tôi thậm chí không cố gắng liên kết với lưới cơ bản trong thiết kế trang web của mình cho đến khi tôi làm việc cho một dự án in quy mô lớn và nhận ra đó là một công cụ tuyệt vời. "Nó có nguồn gốc hoàn toàn từ kiểu chữ và do đó giữ kiểu chữ như là phần trung tâm của thiết kế bố trí.

10. @font-face

fS8xQg1.jpg

@ font-face là quy tắc CSS3 cho phép nhà thiết kế web không còn phải sử dụng một trong những phông chữ "web-safe" truyền thống.
 
Back
Bên trên