Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (2024)

Gửi anh ấy Taei

·

Theo

Xuất bản năm

Thiết kế + Phác thảo

·

đọc 8 phút

·

Ngày 27 tháng 7 năm 2018

--

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (3)

Mặc dù bạn có thể biết sự khác biệt giữa phông chữ serif và sans-serif, kiểu chữ thực sự thú vị hơn thế nhiều. Bạn có biết rằng các chữ cái có thể được chia thành nhiều phần như thể chúng là một câu đố? Giống như con người, phông chữ có tính cách, tâm trạng, phong cách — và thậm chí cả các đặc điểm giải phẫu!

Trong bài viết này, chúng ta sẽ xem xétcác phần khác nhau tạo nên các chữ cáivà các đối tác ngoài đời thực của chúng, được hình dung trong hướng dẫn bên dưới với một số ví dụ tương tự thú vị.

Và cuối cùng nhưng không kém phần quan trọng, chúng ta sẽ xem xét cách xử lý kiểu chữ để phù hợp hơn trong một không gian sao cho nó trông cân đối và dễ nhìn.

Lần tới khi bạn tải xuống một bộ phông chữ có “các dấu gạch ngang bổ sung”, bạn sẽ biết chính xác điều đó có nghĩa là gì.

Bạn có thể xem tóm tắt trực quan của bài đăng này bên dưới hoặctiến về phía trướcđể đọc phần giải thích chi tiết về các phần khác nhau tạo nên các chữ cái.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (4)
Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (5)

Một phần của chữ cái kéo dài xuống dưới, gắn ở một đầu và tự do ở đầu kia.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (6)

Phần thẳng hoặc cong của một chữ cái kéo dài lên trên hoặc hướng ra ngoài, gắn ở một đầu và tự do ở đầu kia

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (7)

Nét nhỏ kéo dài ra ngoài từ chữ g viết thường trong một số kiểu chữ.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (8)

Nét cong xuống và sang phải của chữ thường h, m và n.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (9)

Cột sống là nét cong chính bên trong chữ S hoa và chữ thường.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (10)

Phần dưới cong trang trí của chữ Q, R và K. Các phần dưới của chữ thường g, j, p, q và y đôi khi cũng được gọi là đuôi.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (11)

Chiều cao x không hẳn là một phần mà là một phép đo. Nó đo chiều cao của tất cả các chữ cái viết thường là một phần của cùng một kiểu chữ. Nó được gọi là chiều cao x vì chữ x của mỗi kiểu chữ là yếu tố quyết định số đo.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (12)

Chiều cao chữ hoa là thước đo của tất cả các chữ in hoa trong cùng một kiểu chữ. Phép đo chính xác nhất được tìm thấy trong các ký tự có đáy phẳng như chữ E.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (13)

Đường lên là nét thẳng đứng kéo dài lên trên theo chiều cao x.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (14)

Đường xuống là nét dọc kéo dài xuống dưới chiều cao x.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (15)

Thân văn là nét dọc chính trong các ký tự đứng. Khi một chữ cái không có các nét dọc như chữ A hoặc V viết hoa thì nét chéo đầu tiên được coi là nét gốc.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (16)

Nét là đường chéo dọc chính trong một chữ cái.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (17)

Thanh là nét ngang trong các chữ cái như A, H, e và f.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (18)

Serif là một dòng ngắn ở đầu và cuối nét. Serif là thứ tạo nên kiểu chữ serif hoặc sans serif. Serif có thể có nhiều hình dạng khác nhau: chân tóc, hình vuông/tấm, hình nêm. Tất cả chúng đều có thể được đóng ngoặc hoặc không có ngoặc, nghĩa là kết nối của chúng với nét được làm tròn hoặc vuông góc.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (19)

Khi một chữ cái không có serif, phần cuối của nét được gọi là terminal.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (20)

Bát là nét tạo ra một không gian cong khép kín, như trong các chữ cái d, b, o, D và B.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (21)

Bộ đếm là không gian được bao bọc bởi các chữ cái như o, b, d và a. Bộ đếm cũng được tạo ra bởi bát.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (22)

Liên kết là nét nối cái bát và vòng lặp của chữ thường hai tầng g.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (23)

Dấu swash là một sự thay thế trang trí hoặc cầu kỳ cho một thiết bị đầu cuối hoặc serif trong bất kỳ chữ in hoa nào được sử dụng ở đầu câu. Dấu vết cũng được sử dụng ở cuối các chữ cái để trang trí bố cục. Thư pháp có đầy đủ các loại; ở đầu, ở cuối và thậm chí ở giữa, kéo dài từ phần đi lên.

Cựa là một hình chiếu nhỏ làm lệch nét chính trên nhiều chữ G viết hoa

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (24)

Có nhiều cách để tạo kiểu chữ để truyền tải thông điệp của bạn hiệu quả hơn. Các kiểu chữ phổ biến nhất làin nghiêngin đậm. Kiểu chữ thông thường có thể được chuyển thành in đậm hoặc in nghiêng trong bất kỳ trình chỉnh sửa thiết kế đồ họa nào. Kiểu in đậm rất phù hợp cho tiêu đề và làm nổi bật các phần quan trọng của văn bản. Việc sử dụng kiểu in đậm cho các liên kết sẽ khiến chúng nổi bật và dễ nhìn hơn. Chữ nghiêng được sử dụng chủ yếu cho các từ ở ngôn ngữ khác hoặc các liên kết tham khảo.

Một số kiểu chữ có nhiều tùy chọn hơn. Một họ kiểu chữ có thể có tới 20 kiểu hoặc nhiều hơn. Futura, một họ kiểu chữ rất linh hoạt, có 22 kiểu. Một số phong cách Futura đáng nhớ nhất là nhẹ nhàng, cô đọng, đậm nét, đậm nét, đậm đặc và in nghiêng sách.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (25)

Ngoài các phong cách nêu trên phù hợp với mọi loại văn bản và thiết kế, còn có hàng trăm phong cách khác! Phông chữ mới lạ có đủ loại phong cách khác nhau, từ kỳ lạ và vẽ tay, cho đến lấy cảm hứng từ văn hóa. Những phông chữ mới lạ này không thể chuyển thành in đậm hoặc in nghiêng vì chúng chỉ tồn tại theo phong cách mà chúng được thiết kế.

Ví dụ,nội tuyếnlà kiểu có một dòng trắng bên trong mỗi chữ cái:

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (26)

Mựclà một phong cách giống như các chữ viết bằng bút lông châu Á và mực đen:

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (27)

Kịch bản(hoặc chữ thảo) là một kiểu phông chữ giống với các chữ cái được viết bằng tay; phông chữ chữ viết khác nhau, từ thư pháp cổ điển đến chữ viết tay tự do.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (28)

Phong cách mới lạ rất phù hợp cho những thiết kế cần sự đặc biệtTôi không biết cái gì, nhưng vẫn nên thận trọng khi sử dụng vì chúng có thể trở nên áp đảo khá dễ dàng.

Có những phông chữ khác hoàn toàn mang tính văn hóa trong thời trang. Ví dụ: các phông chữ trông giống ký tự tiếng Nhật nhưng không phải. Những cái trông giống tiếng Trung Quốc nhưng không phải là ký tự Trung Quốc. Các phong cách văn hóa khác là những phông chữ như phông chữ Disney hoặc phông chữ Coca-Cola. Phong cách văn hóa thậm chí còn bị hạn chế hơn so với phong cách mới lạ. Chúng mang rất nhiều thông điệp đến nỗi việc sử dụng chúng sẽ ngay lập tức mang lại ý nghĩa định sẵn cho thiết kế của bạn, vì vậy hãy lưu ý khi sử dụng các loại phông chữ này.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (29)

Đôi khi các chữ cái cần được điều chỉnh để phù hợp với một không gian nhất định. Có ba cách khác nhau để di chuyển chữ trong không gian sao cho trông đẹp hơn. Ba phép đo này được gọi là kerning, theo dõi và dẫn đầu.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (30)

Kerning là khoảng cách giữa hai chữ cái riêng lẻ. Nó được sử dụng khi bạn chỉ cần di chuyển một chữ cái vì nó quá xa hoặc quá gần so với các chữ cái đồng hành. Một số kiểu chữ có khoảng cách kỳ lạ giữa chữ in hoa và phần còn lại của từ. Kerning giúp tạo sự cân bằng tốt hơn giữa các chữ cái.

Khi các nhà thiết kế tạo ra các logo dạng chữ, họ thường kiểm soát độ sâu từ chữ này sang chữ khác, đảm bảo toàn bộ từ được cân bằng và bóng bẩy một cách hoàn hảo.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (31)

Tracking là khoảng cách tỷ lệ giữa tất cả các chữ cái trong nội dung văn bản. Khả năng thay đổi theo dõi giúp phù hợp với nhiều chữ cái hơn trong một không gian nhỏ hoặc trải rộng các chữ cái nếu chúng quá chật. Phông chữ script không thể trải qua quá trình theo dõi quá nhiều do cách các chữ ghép tách biệt và tạo ra các khoảng trống không cân bằng.

Các nhà thiết kế thao tác theo dõi khi họ muốn đạt được một giao diện có các cạnh đều nhau cho tất cả các từ. Bằng cách trải rộng phần theo dõi hoặc làm cho nó chặt chẽ hơn, họ có thể làm cho tất cả văn bản trông thống nhất và hợp lý.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (32)

Dẫn đầu là khoảng cách giữa các đường cơ sở. Điều này có nghĩa là khi chúng ta thao tác ở phần đầu, chúng ta sẽ thay đổi hình thức của đoạn văn.

Hàng đầu và chiều cao x có ảnh hưởng trực tiếp đến hình thức của văn bản trong đoạn văn. Có một phép đo khác mà chúng ta nên đề cập đến được gọi làđường cơ sở,đó là dòng mà các chữ cái nằm ngang. Phần dưới cùng của chiều cao x của mỗi chữ cái nằm trên đường cơ sở.

Chiều cao x càng thấp so với chiều cao giới hạn thì càng có nhiều khoảng trắng giữa các dòng. Khi các chữ cái có chiều cao x cao hơn so với chiều cao của nắp, phần đầu trông cân đối và có trật tự hơn.

Không phải tất cả các phông chữ đều giống nhau và không phải tất cả các phông chữ đều hoạt động tốt trong nội dung tài liệu. Biết cấu tạo của một kiểu chữ và các kiểu chữ có thể có của nó có thể giúp bạn hiểu tại sao một số phông chữ hoạt động còn những phông chữ khác thì không.

Biệt ngữ của nhà thiết kế có thể không phải là thứ bạn cần biết để tạo đồ họa thông tin và bản trình bày. Mặc dù vậy, chúng tôi tin rằng việc biết những thuật ngữ này sẽ giúp bạn đưa ra quyết định tốt hơn khi chọn phông chữ cho đồ họa hoặc thậm chí toàn bộ thương hiệu của bạn.

Hướng dẫn trực quan về giải phẫu kiểu chữ [Infographic] (2024)

References

Top Articles
Latest Posts
Article information

Author: Terrell Hackett

Last Updated:

Views: 6409

Rating: 4.1 / 5 (72 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Terrell Hackett

Birthday: 1992-03-17

Address: Suite 453 459 Gibson Squares, East Adriane, AK 71925-5692

Phone: +21811810803470

Job: Chief Representative

Hobby: Board games, Rock climbing, Ghost hunting, Origami, Kabaddi, Mushroom hunting, Gaming

Introduction: My name is Terrell Hackett, I am a gleaming, brainy, courageous, helpful, healthy, cooperative, graceful person who loves writing and wants to share my knowledge and understanding with you.