khái niệm typography

Thông thường, đây là chiều cao của chữ thường và được đo dễ dàng nhất trên chữ thường x2.2.1.5.Baseline Đường cơ sởMột dòng tưởng tượng mà trên đó tất cả các ký tự, chữ số và chữ cái đượ

MỤC LỤC

DANH SÁCH THÀNH VIÊN

MỤC LỤC

1 CÁC KHÁI NIỆM LIÊN QUAN ĐẾN CHỮ

1.1 Khái niệm Typography

1.2 Khái niệm Typeface

1.3 Khái niệm Font

1.4 Các thuật ngữ liên quan

1.4.1 Paragraph

1.4.2 Kerning

1.4.3 Tracking

1.4.4 Leading

1.4.5 Hierarchy

2 GIẢI PHẪU CHỮ

2.1 Khái niệm và ý nghĩa

2.1.1 Khái niệm

2.1.2 Ý nghĩa

2.2 Các yếu tố cấu tạo chữ

2.2.1 Các đường gióng

2.2.2 Các yếu tố cấu thành letterform

2.2.3 Các nét chính

2.2.4 Tỷ lệ của letterform

2.2.4.1 Độ tương phản của nét

2.2.4.2 Tỷ lệ x-height

2.2.4.3 Tỷ lệ giữa độ dày của nét vẽ với tổng chiều cao

3 PHÂN LOẠI CHỮ

3.1 Chữ có chân (Serifs)

3.1.1 Old-style Serif

3.2.2 Neo-Grotesque

3.2.3 Geometric Sans

3.2.4 Humanist Sans Serif

3.2.5 Glyphic

3.3 Một số kiểu chữ khác

3.3.1 Script

3.3.2 Decorative

3.3.3 Monospace

3.3.4 Mimicry

4 Ứng dụng trong thiết kế

4.1 Serif

4.1.1 Trong in ấn, xuất bản

4.1.2 Trong nhận diện thương hiệu

4.2 Sans Serif

4.2.1 Thiết kế giao diện người dùng (UI)

4.2.2 Nhận diện thương hiệu

4.3 Một số kiểu chữ khác

TÀI LIỆU THAM KHẢO

1 CÁC KHÁI NIỆM LIÊN QUAN ĐẾN CHỮ

1.1 Khái niệm Typography

Typography là nghệ thuật và kỹ thuật của việc sắp xếp các ký tự để làm cho ngôn ngữ văn bản hấp dẫn nhất Việc bố trí này liên quan đến việc lựa chọn kiểu chữ, cỡ chữ,

độ dài dòng, khoảng cách dòng và thiết kế kiểu chữ mới [1]

Typography không chỉ là thể loại, sắp xếp và hình thức của tài liệu in hoặc số, mà còn là một nghệ thuật phức tạp, một phương tiện hiệu quả để truyền đạt thông điệp, không chỉ thông qua văn bản mà còn qua các yếu tố hình ảnh [2]

Typography có lịch sử lâu đời, đồng thời là một chủ đề quan trọng không thể phủ nhận trong thiết kế đồ họa Việc hiểu biết sâu sắc về Typography - đặc biệt là sự phát triển của nó qua thời gian - là cần thiết giúp designer đánh giá và sử dụng nó đúng cách Trong thời đại hiện nay, với các công cụ thị giác mạnh mẽ, các designer phải nhận ra và hiểu rõ sự phức tạp trong việc truyền đạt của chữ viết, đặc biệt là trong một thời kỳ bão hòa hình ảnh như hiện nay [3]

1.2 Khái niệm Typeface

Typeface là một hệ thống bao gồm các kiểu chữ, là một bộ các chữ cái có cùng điểm chung trong thiết kế

Một typeface có thể bao gồm nhiều biến thể khác nhau như extra bold, bold, regular, light, italic, condensed, extended, [4]

Với mỗi một kiểu chữ khác nhau là một typeface riêng biệt, ví dụ như Arial hay Gill San

1.3 Khái niệm Font

Font là một bộ chữ cái thuộc typeface với kích thước và hình dạng xác định Nếu một typeface bao gồm các biến thể khác nhau thì mỗi biến thể là một font khác nhau [4]

Typeface: Arial

1.4 Các thuật ngữ liên quan

1.4.1 Paragraph

Là việc căn chỉnh, sắp xếp nội dung văn bản so với

kích thước của trang Có 4 kiểu căn chỉnh phổ biến như: căn

trái, căn phải, căn giữa, căn đều hai bên

1.4.3 Tracking

Là sự điều chỉnh tổng quát, ảnh hưởng đồng đều đến khoảng cách giữa tất cả các

Tracking ảnh hưởng đến khoảng cách tổng thể giữa các từ, dòng và đoạn văn để cải thiện khả năng đọc Các setting in hoa (đầy đủ và chữ viết tắt) và các chuỗi số được thể hiện dựa trên việc sử dụng tracking để nhận biết Các cài đặt chữ thường cần ít hoặc không có tracking vì sự biến đổi hình dạng của chúng Các kiểu chữ thu gọn với tỷ lệ và các ký tự chữ in hoa và chữ thường có thể được tác động từ việc sử dụng một chút

tracking Tránh việc sử dụng tracking cho đoạn văn hoặc văn bản liên tục Những từ, dòng và đoạn văn cách xa nhau, hoặc quá gần hoặc gây cảm giác khó chịu có vẻ không đều và không đọc được như ý muốn [3]

1.4.4.

Leading

Là khoảng cách tính bằng điểm từ baseline của một dòng

chữ đến baseline của dòng chữ liền trước nó Các chương trình

soạn thảo thường gọi leading là line spacing [8]

1.4.5 Hierarchy

Là thuật ngữ đề cập đến cấu trúc tổng thể của một tài liệu

và mối quan hệ giữa các yếu tố trong văn bản Một tiêu đề đặt phía trên một đoạn văn mang lại ý nghĩa và ngữ cảnh cho đoạn, đồng thời ám chỉ một hệ thống cấp bậc cho toàn

bộ văn bản

2 GIẢI PHẪU CHỮ

2.1 Khái niệm và ý nghĩa

Việc hiểu rõ giải phẫu chữ không chỉ giúp tạo cái nhìn tổng thể, tăng tính dễ đọc

mà còn giúp thể hiện sáng tạo và chủ động ý đồ của nhà thiết kế Thiết kế kiểu chữ là mộthoạt động phức tạp của con người, đòi hỏi kiến thức nền tảng rộng rãi để thực hành có hiểu biết [12]

2.2 Các yếu tố cấu tạo chữ

2.2.1 Các đường gióng

2.2.1.1 Ascender line

Đường hiển thị đỉnh cao nhất của chiều cao đối với các ký tự viết thường như d, f, l,

2.2.1.2 Cap height

2.2.1.4 X-height

Khoảng cách từ đường cơ sở (baseline) đến đường trung bình (meanline) Thông thường, đây là chiều cao của chữ thường và được đo dễ dàng nhất trên chữ thường x

2.2.1.5 Baseline (Đường cơ sở)

Một dòng tưởng tượng mà trên đó tất cả các ký tự, chữ số và chữ cái được đặt lên nằm theo chiều ngang

2.2.1.6 Descender line (Beard line)

Một đường tưởng tượng chạy dọc theo đáy của các ký tự viết thường có đường kéo dài xuống dưới như y, j, p, q, g,

2.2.2 Các yếu tố cấu thành letterform

2.2.2.1 Counter và Counterform

● Counter: là không gian trống trong một chữ cái được bao quanh một phần hoặc hoàn

toàn

● Counterform (không gian âm): hay còn được biết đến là vùng nền của ký tự, là

không gian trống xung quanh letterform (mặt chữ) [13]

2.2.2.2 Ascender và descender

● Descender: là một phần nét trên một chữ cái thường nằm dưới đường cơ sở

(baseline)

● Ascender: một phần của nét trên một chữ cái thường nằm trên đường trung

bình (meanline)

2.2.3 Các nét chính

2.2.3.1 Bowl

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

*Ngoại lệ: dạng dưới cùng của chữ g la mã viết thường, được gọi là vòng lặp (loop).

2.2.3.9 Ear:

Ear (Tai) là nét nhỏ kéo dài ra ngoài ở bên trên của chữ g viết thường trong một số kiểu

chữ VD: Chữ g viết thường trong kiểu chữ Times New Roman

2.2.3.12 Tail

Tail: là một nét đặc biệt, là một nét chéo cong giống như một nét đuôi giảm dần ở cuối chữ cái Các phần nối tiếp của chữ thường g, j, p, q và y đôi khi cũng được gọi là đuôi

2.2.3.13 Eye

Eye (mắt) là phần kèm theo chữ e thường

2.2.3.14 Hairline (đường chân tóc):

Là nét mỏng nhất trong một kiểu chữ có các nét có

kích thước khác nhau

2.2.3.15 Bracket:

Cạnh đường viền kết nối serif và thân trong các chữ có

dạng serif Phần ngoặc này tích hợp liền mạch serif

với phần còn lại của dạng chữ

2.2.3.17 Swash:

Swash là một yếu tố trang trí được thêm vào một số chữ cái nhất định, thường là các phiên bản cách điệu

2.2.3.18 Apex:

Là điểm nối cao nhất của

hai nét trong một chữ cái

2.2.4 Tỷ lệ của letterform

Tỷ lệ của từng mặt chữ là một yếu tố quan trọng cần cân nhắc khi thiết kế chữ Một vài biến số chính kiểm soát tỷ lệ mặt chữ và có tác động đáng kể đến hình ảnh trực quan của typeface là: tỷ lệ giữa chiều cao mặt chữ với độ dày nét, sự tương phản của nét, độ rộng của chữ cái và mối quan hệ giữa x-height tới chiều cao của chữ in hoa, ascenders, và descenders [13]

2.2.4.1 Độ tương phản của nét

Một khía cạnh quan trọng khác của chữ là độ tương phản (contrast) – tức là sự khác nhau về độ đậm giữa stroke weight dày nhất và mảnh nhất của một ký tự Stroke weight (độ đậm của nét) là độ dày của các nét trong một ký tự

Nếu độ dày các nét chênh lệch nhiều, chúng ta nói rằng typeface này có độ tương phản cao; nếu độ dày của các nét khác nhau không nhiều, chúng ta nói typeface đó có độ tương phản thấp

Một typeface không có sự khác biệt về mức độ weight quang học của các nét đượcgọi là không có sự tương phản [14]

2.2.4.2 Tỷ lệ x-height

Mối quan hệ tỷ lệ giữa chiều cao x và chiều cao chữ viết hoa, nét xổ xuống và nét

Ví dụ như ở hình trên, các ký tự tương đồng của của 3 typeface khác nhau cùng ở kích thước 72 point có chiều cao x khác nhau, từ đó được hiển thị khác nhau Đồng thời x-height cũng sẽ tác động đến tính dễ đọc của typeface

2.2.4.3 Tỷ lệ giữa độ dày của nét vẽ với tổng chiều cao

Stroke-to-height ratio" là tỷ lệ giữa độ dày của nét vẽ (stroke) trong một kiểu chữ

và tổng chiều cao của các chữ cái thường (bao gồm chiều cao chữ 'x' và chữ hạ xuống)

Tỷ lệ này ảnh hưởng đến cảm nhận về cấu trúc tổng thể và trọng lượng hình thức của kiểuchữ

.Kiểu chữ với tỷ lệ cao thường có các nét vẽ dày hơn so với chiều cao tổng của các chữ cái Điều này tạo ra một diện mạo mạnh mẽ và cứng cáp hơn Ngược lại, tỷ lệ thấp hơn thường ứng với các nét vẽ mảnh, tạo ra một diện mạo nhẹ nhàng và tinh tế hơn

Chữ có chân được bắt đầu từ chữ viết của thời kỳ La Mã với Roman và thời kỳ Phục hưng Chữ có chân xuất hiện sớm nhất vào khoảng thế kỷ thứ XV tại Đức và Ý [1]Serif nghĩa là một đường thẳng hoặc một nét nhỏ ở trên thành phần của chữ, thường là những đường định hướng và ổn định cấu tạo chữ Serif thường được biết đến với tên gọi

“chữ có chân” [15]

3.1.1 Old-style Serif

Thông dụng từ cuosi thế kỷ XV đến đầu thế kỷ XVIII

Đặc trưng của old-style là độ tương phản giữa các nét thanh và đậm thấp, phần mỏng nhấtcủa một chữ cái thường nằm ở góc thay vì ở trên hay dưới cùng Kiểu chữ này giữ lại hình thức tương tự như chữ nghiêng viết tay nên thường nghiêng theo 1 trục trong khoảng

từ 9-16 độ và có các nét cong để nối các serif với chữ cái chính

1, Trục chéo

2, 6 Chân nghiêng về nét thường 3,5 Phần cuối có thể thẳng hoặc tròn và

có dấu gạch ngang nổi bật

4 Sự chênh lệch giữa nét dày và nét mỏng

Pháp, Ý và Đức là Firmin Didot, Giambattista Bodoni, Justus Erich Walbaum Mục tiêu của họ là tạo ra các đoạn văn bản in ấn có thiết kế thanh lịch hơn, từ đó họ đã phát triển rakiểu chữ serif với độ tương phản giữa các nét thanh đậm cực kì cao để thể hiện được côngnghệ sản xuất giấy và in ấn ngày càng tinh tế của thời kỳ ấy

Một số đặc trưng cơ bản của didone:

● Chiều dài và chiều rộng của con chữ không có nhiều chênh lệch

● Các con chữ có nét dọc dày, hướng theo trục dọc

● Độ tương phản giữa các nét rất mạnh

● Các phần serif thường mềm mại, có hình giọt nước hoặc hình tròn

● Một số phông chữ thuộc loại này như: Bodoni, Didona,

3.1.3 Transitional Serif

Kiểu chữ serif transitional, hay còn gọi là baroque, xuất hiện vào khoảng cuối thế

kỷ 17 Đây là kiểu chữ có sự pha trộn giữa old-style và kiểu chữ serif hiện đại, đó chính

là lý do tại sao nó được đặt tên là Transitional

Đặc trưng của transitional là độ tương phản giữa các nét thanh và đậm cao, nhưng chưa rõ ràng như kiểu chữ serif hiện đại ra đời sau đó Các chữ cái chuyển sang trục thẳng đứng, phần đầu của chúng được thay bằng các nét tròn trịa, mềm mại hơn

Một số phông chữ thuộc loại này như: ITC New Baskerville

3.1.4 Latin Serif

Mặt chữ có những chân hình tam giác, đôi

3.1.5 Slab Serif

Kiểu chữ slab serif

bắt đầu xuất hiện từ năm

1817, với mục đích ban đầu

là để sử dụng trong các

poster cần thu hút sự chú ý

Slab serif cũng có rất nhiều

biến thể: một số font chữ thì

theo phong cách geometric

với độ dày của các nét chữ không thay đổi nhiều Số khác thì lại có cấu trúc giống với hầuhết các kiểu chữ serif khác, nhưng có phần serif rõ ràng, đậm nét hơn

Đối với Serif: Thường giúp người đọc dễ đọc và nhìn bắt mắt hơn nếu bài viết là dòng cỡ chữ nhỏ Nếu bạn muốn tác phẩm có sự dứt khoát, mạnh mẽ thì sự lựa chọn tốt nhất là Serif Ví dụ: Times New Roman rất được ưa chuộng trong các văn bản bởi sự dễ dọc và dễ nhớ do trong kết cấu của chữ có độ lên xuống với nhịp điều đều đặn

Đối với Sans Serif: thường dùng cho các nhan đề, tiêu đề có kích thước lớn, nội dung ngắn, cần sự chú ý của người xem và thường dùng cho các chữ không dấu, hay các

thuộc kiểu chữ Grotesque Ảnh hưởng bởi kiểu chữ serif Didone và cách vẽ biển hiệu thời

đó, đặc điểm nổi bật của Grotesque là có thiết kế chắc chắn, phù hợp với các headline hoặc biển quảng cáo Khoảng cách về chiều cao giữa đỉnh các chữ hoa và in thường là rất

ít, điều này khiến Grotesque trở thành “bạn thân” của các đoạn chữ in hoa

Một số phông chữ thuộc loại này như: ITC Franklin Gothic, News Gothic, Bell Gothic,

3.2.2 Neo-Grotesque

Neo-grotesque xuất hiện vào những năm 1950 với sự ra đời của International Typographic Style (hay còn gọi là Swiss Style) Bạn có biết rằng, Helvetica - typeface được ra đời vào năm 1957 và trở thành typeface được sử dụng nhiều nhất trong nhiều thập kỷ sau này, chính là kiểu chữ Neo-grotesque điển hình đó

Kiểu chữ Neo-grotesque có thiết kế khá đơn giản nhưng lại có một lợi thế lớn hơn

so với đàn anh Grotesque, chính là ở sự đa dạng và linh hoạt Các typeface thuộc kiểu Neo-grotesque thường bao gồm các font chữ thanh đậm khác nhau, khiến việc áp dụng chúng trong văn bản trở nên dễ dàng hơn

Một số phông chữ thuộc loại này như: Compact, Bastion Kontrast,

3.2.3 Geometric Sans

Như tên gọi của mình, kiểu chữ sans serif Geometric được dựa trên các hình khối

cơ bản, cụ thể là hình vuông và tròn Kiểu chữ này bắt nguồn từ những năm 1920 tại Đức với Herbert Bayer và Jakob Erbar được cho là cha đẻ của Geometric Do thiết kế hiện đại,gọn ghẽ của mình mà Geometric trở nên phổ biến vào những năm 20-30 của thế kỉ 20

Đặc điểm nổi bật nhất của kiểu chữ này chính là chữ “O” được thiết kế như một hình tròn hoàn hảo Ngoài ra, đây cũng là kiểu chữ ít được ưa chuộng nhất với các đoạn

3.2.4 Humanist Sans Serif

Về thiết kế, kiểu chữ sans serif Humanist có thiết kế đa dạng hơn so với những kiểu chữ tiền nhiệm của mình Một số typeface sẽ có độ tương phản giữa các nét rõ ràng hơn, số khác lại mang hơi hướng Geometric; có typeface lại mô phỏng lại kiểu dáng của chữ viết tay hoặc thư pháp

Humanist đặc biệt phù hợp để sử dụng trên màn hình hay ở các khoảng cách xa bởimột đặc điểm nổi bật ở kiểu chữ này chính là khoảng cách giữa các nét lớn - đây là một điểm không phổ biến ở kiểu chữ Grotesque và Neo-grotesque

Một số phông chữ thuộc loại này như: ITC Flora, PT Sans Pro,

3.2.5 Glyphic

Các mặt chữ là sự kết hợp giữa đặc điểm của Sans và Serif Các nét kết thúc với ít

sự phân biệt hoặc các thân thon nhỏ

3.3 Một số kiểu chữ khác

3.3.1 Script

3.3.1.1 Formal

Những kiểu chữ này có nguồn gốc từ phong cách trang

trọng của thế kỷ 17 Nhiều ký tự có nét nối với các chữ cái

khác

3.3.1.2 Casual

Những kiểu chữ này được thiết kế để gợi lên sự gần

gũi, không trang trọng, như thể chúng được viết rất nhanh

Nhiều khi chúng dường như được vẽ bằng cọ Thông

thường, các nét chữ kết nối một chữ cái với chữ cái tiếp theo

[16]

3.3.1.3 Calligraphic

Những chữ viết này bắt chước cách viết thư pháp Chúng có thể được kết nối hoặc không kết nối trong thiết kế Nhiều chữ được mô phỏng như viết bằng bút có đầu dẹt [16]

3.3.1.4 Blackletter (Gothic) & Lombardic

Những kiểu chữ này được tạo hình trên chữ viết tay trước khi phát minh ra kiểu chữ di động

Kiểu Blackletter là một cách phân loại mang tính lịch sử liên quan đến các kiểu chữ ban đầu xuất hiện và trở nên phổ biến ở Châu Âu thời trung cổ [16]

3.3.2 Decorative

Đây là thể loại lớn nhất và cũng đa dạng nhất Hiếm khi được sử dụng cho các khối văn bản dài, kiểu chữ Decorative rất phổ biến cho bảng hiệu, tiêu đề và các tình huống tương tự khi cần có một kiểu chữ gây ấn tượng mạnh mẽ Chúng thường phản ánh một khía cạnh của văn hóa – chẳng hạn như hình xăm hoặc Graffiti – hoặc gợi lên cảm xúc, thời kỳ hoặc chủ đề cụ thể Nhiều thiết kế - chẳng hạn như psychedelic hoặc grunge -mang tính thời đại và không còn hợp thời nữa Một số kiểu chữ trang trí sử dụng hình dạng và tỷ lệ chữ độc đáo để đạt được kết quả đặc biệt và ấn tượng Một số thậm chí còn thể hiện dưới dạng 3D [16]

3.3.3 Monospace

Là loại chữ mà độ rộng của các con chữ là bằng nhau, nhìn chúng ta thường có cảm giác tròn và đều (monospace, lucida ) [1]