Nguyên lý nghệ thuật chữ - Typography Principles

1

Thực hiện bởi Xuân Anh

4

typography Chữ chiếm một vị trí quan trọn không thể thiếu trong

cuộc sống hàng ngày. Nghệ thuật chữ - Typography luôn song hành với người họa sỹ thiết kế đồ họa trong công việc cũng như đời sống. Hiểu về Typography để bắt đầu một chặng đường khám phá đầy đam mê và thú vị, để cùng nhau làm việc và thành công!

TYPOGRAPHY PRINCIPLES giới thiệu một phần những thuật ngữ cơ bản và hỗ trợ kiến thức để sinh viên ngành thiết kế đồ họa có thể nắm bắt và hiểu sâu về CHỮ ứng dụng trong nhiều mặt của nghệ thuật thiết kế.

5

M 6

M 7

Cấu trúc Ascender line

Typo Cap height

Baseline

8

chữ cơ bản

graphy

Meanline Xheight

Descender line Baseline: đường định vị đáy chữ cái viết thường.

Meanline: đường định vị đỉnh chữ cái viết thường Descender line: định vị phần đáy của phần thân dưới các chữ cái viết thường Ascender line: định vị phần đỉnh của phần thân trên các chữ cái viết thường X- height: chiều cao tỷ lệ chữ viết thường, giới hạn giữa baseline và meanline.

Cap Height: chiều cao chữ viết hoa, giới hạn giữa baseline và ascender line.

9

10

11

Là một thuật ngữ đề cập về hệ thống các kiểu chữ, và mỗi một kiểu chữ khác nhau là một typeface riêng biệt. Các nhà thiết kế chữ bắt đầu tạo ra một typeface bằng các phác thảo trên giấy, tính toán các tỷ lệ, chiều cao, kiểu dáng… và sau đó bắt đầu chuyển qua phần ứng dụng sử dụng. Typeface là đại diện chung cho kiểu dáng của một bộ chữ, được sáng tạo từ bàn tay và khối óc của các nhà thiết kế.

TYPEFACE 12

FONT Là một thuật ngữ mô tả cho sự ứng dụng của typeface, cụ thể là sau khi đã thiết kế xong một typeface, ngày nay các nhà thiết kế sẽ chuyển qua định dạng số sử dụng trong các máy tính, định dạng chữ này được mô tả là một Font chữ. Font chữ thường gắn liền với chiều cao x-height bằng đơn vị chữ là Point - pt (ví dụ: 12 pt, 14pt, 36pt…)

13

Garamond Bold, 14pt

Bodoni Italic, 18pt

Thủ đô Hà Nội Từ cuối thập kỷ 90 của thế kỷ XX, sự phát triển của Thủ đô Hà Nội được đặc trưng bởi tốc độ đô thị hóa mạnh, tái cấu trúc đô thị, mở rộng đô thị nhờ sự chuyển đổi nhanh chóng từ nông thôn sang thành thị.

Frutiger Regular, 24pt

FO

Thủ đô Hà Nội Từ cuối thập kỷ 90 của thế kỷ XX, sự phát triển của Thủ đô Hà Nội được đặc trưng bởi tốc độ đô thị hóa mạnh, tái cấu trúc đô thị, mở rộng đô thị nhờ sự chuyển đổi nhanh chóng từ nông thôn sang thành thị.

Thủ đô Hà Nội Từ cuối thập kỷ 90 của thế kỷ XX, sự phát 16

NT

17

Bo

do

Fu

ni

Bo

TYPE Ba

do

ni

sk ev

ill

e

tu

ra Gi

ll S

an

ra

s

tu

n o d

Fu

n e r

la

C s n a

18

G

li l S

FACE Ti m

en

n o d

ew

an

en

r a l C G a

ra

ro m

Bi

m

on

d

ckh

am

19

Sc

Bi irp

ckh

t

am

Sc

irp

t

Là các thiết kế có chung một kiểu dáng tương tự nhau trong cùng một typeface, nhưng được thiết kế thêm phương án điều chỉnh về chiều ngang và độ dày thân chữ giúp các kiểu chữ có thêm phương án trình bày phù hợp vào các tình huống khac nhau.

Peder Severin Krøyer - Det Hirschsprungske Familiebillede 20

TYPEFAMILY

21

dừng lại xíu 22

23

X-HE I GHT X – height là thuật ngữ chỉ chiều cao của một chữ cái viết thường, giới hạn giữa 2 đường baseline và meanline. Khoảng cách này có liên hệ với đơn vị của chữ sử dụng trong máy tính hiện nay là Point (pt), thông thường x-height giữa các kiểu chữ không bao giờ giống nhau, cùng một đơn vị point nhưng chiều cao các chữ có thể khác nhau. Vì vậy các nhà thiết kế luôn rất cẩn thận in ra các bản in để kiểm tra cũng như quan sát trực tiếp các kiểu chữ, giúp cho công việc thiết kế trở nên có tính thực tế hơn.

24

HELVETICA, 10pt

GARAMOND, 10pt

Là thuật ngữ chỉ chiều cao của một chữ cái viết thường, giới hạn giữa 2 đường baseline và meanline. Khoảng cách này có liên hệ với đơn vị của chữ sử dụng trong máy tính hiện nay là Point (pt), thông thường x-height giữa các kiểu chữ không bao giờ giống nhau, cùng một đơn vị point nhưng chiều cao các chữ có thể khác nhau.

Là thuật ngữ chỉ chiều cao của một chữ cái viết thường, giới hạn giữa 2 đường baseline và meanline. Khoảng cách này có liên hệ với đơn vị của chữ sử dụng trong máy tính hiện nay là Point (pt), thông thường x-height giữa các kiểu chữ không bao giờ giống nhau, cùng một đơn vị point nhưng chiều cao các chữ có thể khác nhau

TIME NEWS ROMAN, 10pt

MYRIAD PRO, 10pt Là thuật ngữ chỉ chiều cao của một chữ cái viết thường, giới hạn giữa 2 đường baseline và meanline. Khoảng cách này có liên hệ với đơn vị của chữ sử dụng trong máy tính hiện nay là Point (pt), thông thường x-height giữa các kiểu chữ không bao giờ giống nhau, cùng một đơn vị point nhưng chiều cao các chữ có thể khác nhau.

Là thuật ngữ chỉ chiều cao của một chữ cái viết thường, giới hạn giữa 2 đường baseline và meanline. Khoảng cách này có liên hệ với đơn vị của chữ sử dụng trong máy tính hiện nay là Point (pt), thông thường x-height giữa các kiểu chữ không bao giờ giống nhau, cùng một đơn vị point nhưng chiều cao các chữ có thể khác nhau

25

KERN ING Là việc điều chỉnh không gian giữa hai chữ cái riêng biệt.

Kerning đặc biệt quan trọng đối với việc sử dụng chữ ở kích thước lớn. Điều chỉnh khoảng cách kerning tốt sẽ giúp phần chữ trong một văn bản trở nên chặt chẽ và tạo nên hiệt qủa đọc tốt hơn. Kerning chặt chẽ thường ứng dụng trong các logo hoặc câu tiêu đề lớn, kerning khoảng cách rộng giúp văn bản trông thoải mái và dễ đọc hơn. Tùy thuộc vào tính chất của sản phẩm mà nhà thiết kế sẽ quyết định điều chỉnh cho phù hợp.

26

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

27

Kerning 50

Kerning -50

NGTRACK NGTRAC Là khoảng cách giữa tổng các chữ trong một câu, tương tự như tính chất của kerning, tracking được điều chỉnh phù hợp sẽ làm tăng hiệu quả của sản phẩm thiết kế.

28

CK NGTRACK NG S a u h ơ n 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu c òn n h i ề u vấ n nạ n đa ng di ễn r a như: tắc nghẽn giao thông, n g ậ p l ụ t đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng c ũ n g p h ải nhìn nhận rằng chúng ta đang đi đúng lộ trình và q u y l u ật mà cá c nướ c phá t t riể n đã tr ải qua.

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa,dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông,ngập lụt đô thị,ô nhiễm môi trường,tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

29

Tracking 100

Tracking -100

LEADING LEADING LEADING Là khoảng cách giữa các dòng chữ trong văn bản với nhau, là khoảng cách giữa các dòng theo chiều thẳng đứng. Leading cơ bản xác định khoảng cách từ đáy chữ dòng dưới đến đáy phần chữ trên. Leading gần tạo cảm giác ngột ngạt, chật chội; ngược lại leading rộng tạo cảm giác thoải mái, thư giãn.

LEADING LEADING LEADING 30

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

Leading 14pt

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn

Leadingt 24pt

nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

31

Leading 8pt

Kích thước chữ là một phần quan trọng trong việc trình bày chữ. Thông thường chữ thường thể hiện dưới 2 dạng: một là Chữ tiêu đề lớn và hai Chữ nội dung đọc. Việc chọn kích thước chữ phù hợp giúp người đọc nắm bắt nội dung và tăng hiệu quả truyền đạt của sản phẩm thiết kế.

Kích thước chữ trong máy tính thường sử dụng đơn vị là picas (viết tắt p) hay point (viết tắt là pts). Các phần nội dung đọc thường sử dung kích thước từ 8 pts – 12 pts, nội dung tiêu đề lớn sử dụng kích thước từ 12pts trở lên.

32

10pt

20pt

30pt

Chữ chiếm một vị trí quan trọng không thể thiếu trong cuộc sống hàng ngày. Nghệ thuật chữ - Typography luôn s họa sỹ thiết kế đồ họa trong công việc cũng như đời sống. Hiểu về Typography để bắt đầu một chặng đường mê và thú vị, để cùng nhau làm việc và thành công! Typography principles giới thiệu một phần những thuật n kiến thức để sinh viên ngành thiết kế đồ họa có thể nắm bắt và hiểu sâu về chữ ứng dụng trong nhiều mặt của

Chữ chiếm một vị trí quan trọng không thể thiếu trong sống hàng ngày. Nghệ thuật chữ - Typography luôn hành với người họa sỹ thiết kế đồ họa trong công việc như đời sống. Hiểu về Typography để bắt đầu một

Chữ chiếm một vị trí quan trọng k thiếu trong cuộc sống hàng ngày. Ng chữ - Typography luôn song hành v họa sỹ thiết kế đồ họa trong công v như đời sống. Hiểu về Typograph đầu một chặng đường khám phá 33

CANH LỀ ALIGNMENT Hệ thống canh lề sử dụng trong trình bày văn bản hoặc phối hợp các nhóm chữ với nhau. Các dạng canh lề cơ bản bao gồm: Canh lề trái, canh lề phải, canh giữ và canh đều hai bên.

TYPOGRAPHY – NGHỆ THUẬT CHỮ Chữ chiếm một vị trí quan trọn không thể thiếu trong cuộc sống hàng ngày. Nghệ thuật chữ - Typography luôn song hành với người họa sỹ thiết kế đồ họa trong công việc cũng như đời sống. Hiểu về Typography để bắt đầu một chặng đường khám phá đầy đam mê và thú vị, để cùng nhau làm việc và thành công! Typography principles giới thiệu một phần những thuật ngữ cơ bản và hỗ trợ kiến thức để sinh viên ngành thiết kế đồ họa có thể nắm bắt và hiểu sâu về chữ ứng dụng trong nhiều mặt của nghệ thuật thiết kế.

34

TYPOGRAPHY – NGHỆ THUẬT CHỮ Chữ chiếm một vị trí quan trọn không thể thiếu trong cuộc sống hàng ngày. Nghệ thuật chữ - Typography luôn song hành với người họa sỹ thiết kế đồ họa trong công việc cũng như đời sống.

Hiểu về Typography để bắt đầu một chặng đường khám phá đầy đam mê và thú vị, để cùng nhau làm việc và thành công!

Typography principles giới thiệu một phần những thuật ngữ cơ bản và hỗ trợ kiến thức để sinh viên ngành thiết kế đồ họa có thể nắm bắt và hiểu sâu về chữ ứng dụng trong nhiều mặt của nghệ thuật thiết kế.

TYPOGRAPHY – NGHỆ THUẬT CHỮ Chữ chiếm một vị trí quan trọn không thể thiếu trong cuộc sống hàng ngày. Nghệ thuật chữ - Typography luôn song hành với người họa sỹ thiết kế đồ họa trong công việc cũng như đời sống. Hiểu về Typography để bắt đầu một chặng đường khám phá đầy đam mê và thú vị, để cùng nhau làm việc và thành công! Typography principles giới thiệu một phần những thuật ngữ cơ bản và hỗ trợ kiến thức để sinh viên ngành thiết kế đồ họa có thể nắm bắt và hiểu sâu về chữ ứng dụng trong nhiều mặt của nghệ thuật thiết kế.

TYPOGRAPHY – NGHỆ THUẬT CHỮ Chữ chiếm một vị trí quan trọn không thể thiếu trong cuộc sống hàng ngày. Nghệ thuật chữ - Typography luôn song hành với người họa sỹ thiết kế đồ họa trong công việc cũng như đời sống. Hiểu về Typography để bắt đầu một chặng đường khám phá đầy đam mê và thú vị, để cùng nhau làm việc và thành công! Typography principles giới thiệu một phần những thuật ngữ cơ bản và hỗ trợ kiến thức để sinh viên ngành thiết kế đồ họa có thể nắm bắt và hiểu sâu về chữ ứng dụng trong nhiều mặt của nghệ thuật thiết kế.

35

Uống trà sữa không?

36

37

38

39

40

CÂN NHẮC TRONG VIỆC CHỌN LỰA KIỂU CHỮ

Một ấn phẩm tốt cần chú ý đến người xem, chọn lựa fotn chữ hợp lý giúp nổi bật nội dung và thể hiện rõ phong cách của sản phẩm.

Mỗi người thiết kế nên chọn cho mình một vài bộ font chữ ưa thích, nghiên cứu và tìm cách thể hiện để trở thành một phong cách riêng.

Nên sử dụng những kiểu chữ chuẩn mực, dễ đọc. Các kiểu chữ đại diện cho các nhóm chữ tiêu biểu.

Clarendon Gill Sans futura

Garamond

Bodoni 41

KHÔNG DÙNG NHIỀU FONT

CHỮ TRONG MỘT BẢN THIẾT KẾ Từ cuối thập kỷ 90 của thế kỷ XX, sự phát triển của Thủ đô Hà Nội được đặc trưng bởi tốc độ

đô thị hóa mạnh, tái cấu trúc đô thị, mở rộng đô thị nhờ sự chuyển đổi nhanh chóng từ

nông thôn sang thành thị.

42

Nên chỉ dùng tối đa 3 font chữ trong một bản thiết kế.

Mỗi bản thiết kế cần nên chọn một font chữ chính, những font chữ còn lại giúp font chữ chính thể hiện rõ ý đồ.

Mỗi bộ font chữ chuẩn đều có các kích cỡ khác nhau Light, Normal, Bold, Extra Bold, Narrow...

Sử dụng phù hợp đã là một thiết kế đẹp.

43

44

KHÔNG NÊN DÙNG CHỮ QUÁ GIỐNG NHAU VỀ CẤU TRÚC CŨNG NHƯ HÌNH DẠNG TRONG MỘT THIẾT KẾ

Không nên

Nên

45

SỬ DỤNG CHỮ HOA VÀ C H Ữ t h ư ờ n g.

Những đoạn viết HOA sẽ làm người đọc có cảm giác chậm lại, trang trọng, sử dụng trong các tình huống đòi hỏi tính nghiêm túc hoặc nhấn mạnh một nội dung.

Chữ viết thường sẽ đem lại cảm giác gần gũi, nhẹ nhàng...

Kết hợp chữ Hoa và chữ thường là giải pháp hay được sử dụng.

46

47

48

SỬ DỤNG KÍCH THƯỚC CHỮ Kích cỡ thích hợp để đoc thỏai mái trong các ấn phẩm là từ 8 đến 12 pts (point).

Nhỏ hơn 8 pts sẽ rất khó đọc, lớn hơn 12 pt chỉ phù hợp với các nội dung tiêu đề.

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao 8

thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

12

PHÙ HỢP

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ 10 nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

Sau hơn 37 năm tiến hành đô thị hóa và công nghiệp hóa, dẫu còn nhiều vấn nạn đang diễn ra như: tắc nghẽn giao thông, ngập lụt đô thị, ô nhiễm môi trường, tệ nạn xã hội… nhưng cũng phải nhìn nhận rằng chúng ta đang đi đúng lộ trình và quy luật mà các nước phát triển đã trải qua.

20 49

50

51

KHÔNG DÙNG NHỮNG FONT CHỮ QUÁ

ĐẬM HOẶC QUÁ MỎNG TRONG ĐOẠN VĂN BẢN Font chữ qúa đậm sẽ gây mệt mỏi khi đọc, tạo cảm giác nặng nề.

Font chữ quá mỏng thì độ tương phản giữa nền giấy và chữ không cao cũng gây cảm giác khó chịu.

Nên chọn những font chữ Normal với độ dày chữ tính toán thuận lợi cho người xem.

52

53

54

KHÔNG K

É

KHÔNG

O

D

Ã

Kéo dãn chữ sẽ làm hỏng đi cấu trúc ban đầu mà người thiết kế đã dày công nghiên cứu, tính toán.

Nên sử dụng những cỡ chữ phù hợp với từng hoàn cảnh: Narrow, Normal, Bold

55

N

CHÚ Ý NGHĨA CỦA CÂU KHI XUỐNG DÒNG VÀ ĐIỀU CHỈNH ĐOẠN VĂN BẢN Tiếng Việt thông thường sử dụng nhiều từ ghép, vì vậy khi xuống dòng chú ý đừng làm hỏng nghĩa của từ, thông thường gặp trong những câu tiêu đề.

Bên cạnh đó, nên chú ý cấu trúc của hàng xuống dòng sao cho đẹp mắt và hợp lý.

56

57

HẠN CHẾ NHỮNG ĐOẠN VĂN BẢN KHÔNG ĐẸP MẮT Tránh những lỗi mắc phải khi trình bày một đoạn văn bản “góa phụ” và “mồ côi”

(góa phụ)

(mồ côi)

58

59

60

CHÚ Ý MÀU SẮC CỦA CHỮ KHI THỂ HIỆN TRÊN CÁC NỀN MÀU KHÁC NHAU Tương phản là cách tốt nhất khi thể hiện chữ trên các nền màu khác nhau.

61

e 62

end 63