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

2 GIẢI PHẪU CHỮ

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

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

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.2 Kerning

Kerning là sự điều chỉnh khoảng cách giữa các cặp kí tự cụ thể Kerning có thể làm các kí tự gần hoặc xa nhau hơn trong một từ [5]

Việc typesetting sẽ loại bỏ các chữ quá gần gây nên dính chữ hoặc khoảng trống không mong muốn gây mất tập trung Kerning điều chỉnh những khoảng trống nhỏ giữa các ký tự Cách sửa lỗi như vậy thường xuyên xuất hiện khi có các ký tự gần nhau, đặc biệt là ký tự bên cạnh T, V, W và Y Khoảng trống giữa các ký tự tăng lên ở các kích thước chữ lớn và làm cho những sai lệch trở nên rõ ràng hơn Kerning điều chỉnh chữ để đạt được bố cục tốt nhất [6]

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]

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

2.1.1 Khái niệm

Anatomy of type hay con được dịch nôm na là “giải phẫu cơ thể con chữ”, miêu tả các yếu tố thị giác làm nên các mặt chữ (letterforms) trong một typeface.

2.1.2 Ý nghĩa

Hiểu về giải phẫu của chữ, không chỉ cho phép chúng ta xác định điều gì đúng và sai trong kiểu chữ mà còn cho phép chúng ta sử dụng nó đúng cách và nói về nó một cách hiệu quả, giống như việc học về giải phẫu người cho phép đưa ra chẩn đoán chính xác [3] Karen Cheng, trong Designing Type, đề cập rằng thiết kế kiểu, giống như ngôn ngữ, bị ảnh hưởng bởi thời gian và bối cảnh văn hóa.[11]

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ột hoạ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ó

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ở

● 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ính2.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.4 Arm

Arm (cánh tay): là một nét dài ngang không được gắn vào một hoặc cả hai đầu của ký tự ( chẳng hạn như chữ T, E)

2.2.3.5 Serifs

Các nét ngắn được gắn vào đầu và cuối các nét chính của chữ, số hoặc ký hiệu (tạo nên các phông chữ serif như Times New Roman, sans serif, )

2.2.3.6 Spur

Một phần mở rộng nhỏ hơn serif (nét vẩy) của nét chữ (củng cố điểm ở cuối nét cong, như trong chữ G)

2.2.3.7 Stem / Stroke:

Một nét dọc hoặc chéo chính của một dạng chữ (thường bắt đầu từ đường cơ sở và đi lên trên cùng của chữ cái) Ví dụ như Chữ B

2.2.3.8 Terminal:

Phần kết thúc của nét nhưng thiếu serif ở cuối nét chữ.

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 được gọ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ểu chữ.

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ất củ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ường3,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 ra kiể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ông nghệ 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ầu hế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ởi mộ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 Script3.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]