TYPOGRAPHY PRINCIPLES by Nhím

GIỚI THIỆU

_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ế.

• MỞ ĐẦU: Cấu trúc chữ cơ bản

• PHẦN MỘT: CÁC YẾU TỐ CHỮ CƠ BẢN 1. Typeface & Font 2. Type Family

NỘI DUNG

3. X-height 4. Kerning-Tracking-Leading 5. Size-Kích thước chữ 6. Alighment-Canh lề

• PHẦN HAI: NHỮNG NGUYÊN TẮC CẦN CHÚ Ý KHI SỬ DỤNG CHỮ TRONG THIẾT KẾ (10 nguyên tắc)

CẤU TRÚC CHỮ CƠ BẢN

iểu về cấu trúc chữ giúp các nhà thiết kế có thể chủ động trong việc khai thác và sử dụng chữ một cách tốt nhất. Dưới đây là những thành phần cơ bản cấu tạo nên hệ thống chữ.

TypoGraphy 3

Ascender Line

Descender Line

Anatomy Cap Height

Baseline

MINH HOẠ CƠ BẢN CẤU TRÚC CHỮ

Meanline

X-height

Định nghĩa thuật nghữ

Ascender line

Descender line

Cap Height

định vị phần đỉnh của

định vị phần đáy của

chiều cao chữ viết hoa,

phần thân trên các chữ

phần thân dưới các

giới hạn giữa baseline

cái viết thường (h, f…)

chữ cái viết thường

và ascender line.

(g, p, y…)

Meanline

X-height

Baseline

đường định vị đỉnh chữ

đường định vị đáy chữ

cái viết thường.

phần một :

FONT

•

à 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…)

TYPEFACE

•

à 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. Ví dụ như Arial là một kiểu chữ, Gill Sans là một kiểu chữ, Adobe Caslon Pro là một kiểu chữ v.v… 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, ví dụ như khắc chữ kim loại từ thời xa xưa hay chuyển thành dạng số hóa dung cho máy tính như thời đại hôm nay. • Nhìn chung Typeface là đại diện chung cho kiểu dáng của một bộ chữ, được sang tạo từ bàn tay và khối óc của các nhà thiết kế.

CÁC TYPEFACE CƠ BẢN Serif : kiểu chữ có chân San Serif : kiểu chữ không chân Display : kiểu chữ dùng cho trang trí

SERIF Old Style

Modern

Garamond Bodoni Palatino Didot Transitional

Times N. Roman

Baskerville

Slab Serif

Rockwell Archer

SAN SERIF Humanist

Myriad

Verdana

Geometric

Helvetica Gotham

The Black Box Script

Blocklyn DISPLAY

2. TYPE FAMILY

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.

VĂ? Dáť¤ Arial Black Arial Bold Arial Bold Italic Arial Italic Arial Narrow Arial Narrow Bold Arial Narrow Italic Arial Narrow Bold Italic Arial Regular

3. X-Height 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.

Abg

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.

Garamond

Times New Roman

Abg

X HEIGHT

Bodoni

MINH HOẠ X-HEIGHT CỦA MỘT SỐ KIỂU CHỮ

Clarendon

4. KERNING

TRACKING

LEADING

Ke rn in g this

KERNING:

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.

kerning

Tracking Leading TRACKING: là khoảng cách giữa tổng các chữ trong một câu, tương tự nư 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ế.

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 : 10

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

• Leading : 20 Lorem Ipsum is simply dummy text of the printing and typesetting industry.

• Tracking : -50

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

• Tracking : +50

• Leading : 30 Lorem Ipsum is simply dummy text of the printing and typesetting industry.

5. KÍCH THƯỚC CHỮ 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.

TYPOGRAPHY NGHỆ THUẬT CHỮ

22 pt

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

10 pt

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!

18 pt

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 thiết kế.

14 pt

CANHALIGNMENT LỀ H N A C TNEMNGILA ỀL

ệ 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.

CANH LỀ PHẢI 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!

CANH LỀ TRÁI 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!

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!

CANH GIỮA 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!

pháº§n hai :

Gillsans

SELECTION

( Cân nhắc trong việc lựa kiểu chữ )

Bodoni

Time New Roman

Didot

Garamond

Rockwell Baskerville

Arial

Helvetica

• 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.

Gotham

SIMPLE

( Không dùng nhiều font trong thiết kế )

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.

Lorem Ipsum is simply dummy text of the print-

ing and typesetting industry. Lorem Ipsum has been the industryâ&#x20AC;&#x2122;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industryâ&#x20AC;&#x2122;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

CAPITAL ( Sử dụng chữ hoa và chữ thường )

“ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.”

•

• •

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.

“ LOREM IPSUM IS SIMPLY DUMMY TEXT OF THE PRINGTING AND TYPESETTING INDUSTRY. LOREM IPSUM HAS BEEN THE INDUSTRRY STANDARD DUMMY TEXT EVER SINCE THE 1500S, WHEN AN UNKNOWN PRINTER TOOK A GALLEY OF TYPE AND SCRAMBLED IT TO MAKE A TYPE SPECIMEN BOOK.”

SCALING ( Sử dụng kích thước chữ phù hợp )

Nhỏ hơn 8 pts sẽ rất khó đọc.

(6 pt)

Từ 8 đến 12 pts đọc được thoải mái (12 pt)

• 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 đề.

Lớn hơn 12 pt phù hợp với nội dung tiêu đề (18 pt)

MODERATION

(Không dùng những font 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.

In Florida, a man does a strange thing. He sits in a chair at a table. He eats pancakes. He does this in the middle of the street. Someone takes a video of him doing this. He puts the video on Facebook. In Florida, a man does a strange thing. He sits in a chair at a table. He eats pancakes. He does this in the middle of the street. Someone takes a video of him doing this. He puts the video on Facebook. In Florida, a man does a strange thing. He sits in a chair at a table. He eats pancakes. He does this in the middle of the street. Someone takes a video of him doing this. He puts the video on Facebook.

STRETCHING ( Tuyệt đối không kéo dãn chữ )

• 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

Typography (narrow) Typography (regular) Typography (bold) Ty p o g r a p h y

Typography Typography

( Chú ý nghĩa của câu khi xuống dòng hoặc điều chỉnh văn bản )

iế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ý.

Rắn là một loài bò sát không chân.

Rắn là một loài bòsát không chân.

AESTHELIC

( Hạn chế những đoạn văn bản không đẹp mắt )

Body text is the text forming the main content of a book, magazine,web page or other matter. The ‘body matter’ is the group of pages that contain the body of the text of the book. This is as a contrast to both the headings on each page, and also the pages of front matter that

form the

introduction to a book. Body text has two slightly different meanings, depending on context. A book designer, concerned with the overall sequence of a book, regards it as those pages that form the majority of a book. A typesetter concerned instead with the layout of text on a page sees ‘body text’.

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”

DIFFERENCE ( Không nên sử dụng những chữ quá giống nhau về cấu trúc cũng như hình dạng )

Tự dưng con thấy nhớ Dậu cúc tần xa xưa Chiều mưa gầy dáng mẹ Liêu xiêu phiên chợ buồn Tự dưng con muốn bỏ Tất cả ở nơi này Về làm con cún nhỏ Cuộn tròn trong ổ rơm Tự dưng con thấy nhớ

Dậu cúc tần xa xưa

Chiều mưa gầy dáng mẹ Liêu xiêu phiên chợ buồn Tự dưng con muốn bỏ Tất cả ở nơi này Về làm con cún nhỏ Cuộn tròn trong ổ rơm

COLOR ( 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.

TYPOGRAPHY TYPOGRAPHY TYPOGRAPHY TYPOGRAPHY TYPOGRAPHY TYPOGRAPHY

THANK YOU !

TYPOGRAPHY PRINCIPLES

Trình bày :PHAM PHUONG THAO Gvhd : TRAN QUOC TUAN Nội dung : NGUYEN HOANG LONG Nguồn tham khảo : Google, Pinterest,...