Top Banner
t basic
104

Ebook test 1

Aug 04, 2016

Download

Documents

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Ebook test 1

t

Typeface là một định nghĩa rộng hơn, nó bao trùm khái niệm font vì nó không chịu giới hạn về kích thước cũng như định dạng.

Chúng ta có thể nói là sử dụng typeface Arial kích thước 10pt với định dạng Bold Ital-ic, nhưng nếu dùng khái niệm font thì phải nói là sử dụng font Arial Bold Italic với kích thước 10pt (thậm chí là sử dụng font 10pt-Arial Bold Italic theo định nghĩa truyền thống).

basic

Page 2: Ebook test 1

“When typography is on point,words become images”

Page 3: Ebook test 1

“When typography is on point,words become images”

Shawn Lukas

Page 4: Ebook test 1

*Tất cả tranh ảnh đều được lấy từ trang web www.pinterest.com

*Tư liệu bài viết có tham khảo các trang web: www.rgb.vn; www.idesign.com

Page 5: Ebook test 1

Mục lụcGUID TO TYPEFACES Serif Sans serif Script Decorative

6 8 12 16 20

COMBINATION (10 TIPS) 1. Kết hợp 1 font Serif và 1 font Sans Serif 2. Kết hợp 1 font Script và 1 font Sans serif 3. Hiểu rõ đặc tính của font 4. Chỉ sử dụng 2 font 5. Tạo sự tương phản6. Chú ý đến size chữ7. Tạo sự phân biệt trong Typography8. Tạo bố cục cho Typography9. Sử dụng Pattern10. Sử dụng Glyphs

24

26 323842 465054586266

DEVELOPMENT OF TYPOGRAPHY (Typography xưa và nay) Typography xưa Typography nay

70

7284

PHỤ LỤC:MỘT SỐ BỨC ẢNH TYPOGRAPHY ĐẸP 92

Page 6: Ebook test 1

GUIDETOTYPEFACESA N E S S E N T I A L P A R T

Có rất nhiều loại Typeface khác nhau, nhưng để đơn giản chúng ta chỉ xét đên 4 loại Typeface cơ bản và được sử dụng nhiều nhất:

Đó là • Serif (chữ có chân) • San serif (chữ không chân)• Script (chữ viết tay) • Decorative (chữ dùng để trang trí). Tùy vào mục đích mà người ta sử dụng các loại Typeface.

Type-face là bố của font, nó bao gồm nhiều font.

Ví dụ: type-face Arial sẽ bao gồm: font arial-bold, font ari-al-italic, font arial …

Page 7: Ebook test 1

t

Typeface là một định nghĩa rộng hơn, nó bao trùm khái niệm font vì nó không chịu giới hạn về kích thước cũng như định dạng.

Chúng ta có thể nói là sử dụng typeface Arial kích thước 10pt với định dạng Bold Ital-ic, nhưng nếu dùng khái niệm font thì phải nói là sử dụng font Arial Bold Italic với kích thước 10pt (thậm chí là sử dụng font 10pt-Arial Bold Italic theo định nghĩa truyền thống).

Page 8: Ebook test 1

SerifC H Ữ C Ó C H Â N

Page 9: Ebook test 1

Serif là tập hợp những chữ cái và số, kí hiệu,... chứa những nét rất mảnh nhỏ và có đường gạch chân ở mỗi kí tự và kí hiệu, thường đặc trưng cho các kiểu chữ đánh máy.Serif tạo cảm giác trang trọng, lịch sự.

Page 10: Ebook test 1
Page 11: Ebook test 1

Bên cạnh đó, khi sử dụng typeface này, người đọc còn cảm nhận được sự chắc chắn (biểu hiện ở những nét gạch mảnh nhỏ của từng kí tự). Vì thế, nó tạo được sự tin tưởng và cũng chính vì lí do này, Serif thường được sử dụng để gửi email, thư từ về thương mại ,các loại văn bản mang tính trang trọng, thông điệp quảng cáo và nhiều loại phương truyền thông khác.

Chúng còn được sử dụng trong phần thân bài vì dễ đọc, khó mỏi mắt.Từ những tiềm năng trong lĩnh vực thiết kế, Serifs được dùng hầu hết cho phần nội dung chính bởi các đường vòng cung mượt mà trong typeface này có thể làm cho mắt người đọc lướt qua các đoạn văn bản dài một cách dễ dàng.Serif hoạt động tốt trong các lĩnh vực in ấn.

Page 12: Ebook test 1

C H Ữ K H Ô N G C H Â N

sansserif

Page 13: Ebook test 1

Serif là tập hợp những chữ cái và số, kí hiệu,... chứa những nét rất mảnh nhỏ và có đường gạch chân ở mỗi kí tự và kí hiệu, thường đặc trưng cho các kiểu chữ đánh máy.Serif tạo cảm giác trang trọng, lịch sự.

Sans- serif, hay còn gọi là chữ không chân, là tập hợp tất cả các chữ cái, số và kí tự không có các đường mảnh (chân).

Page 14: Ebook test 1
Page 15: Ebook test 1

Typeface Sans-serif được ưa chuộng dùng trong kích thước nhỏ. Vì có cấu trúc đơn giản nên nó dễ được nhận ra và khó bị làm nhòe. Kiểu chữ không chân này tạo cho người đọc cảm giác gần gũi, thân thiện nhưng cũng rất hiện đại, gọn gàng và tráng lệ. Nó cũng cóa tác dụng truyền thông tin và các chiến dịch đại chúng tốt.

Cũng chính vì có cấu trúc đơn giản, dễ nhận biết, các loại font thuộc typeface san serif thường được sử dụng cho trẻ con học chữ. Ngoài ra, đây còn là sự lựa chọn tốt cho việc xây dựng web-site và các văn bản sử dụng trên màn hình máy tính, điện thoại. Khi phóng to và thu nhỏ, Sans serif vẫn giữ được kích thước của chúng mà không bị mất chi tiết hay dính vào nhau. Loại typeface này được sử dụng cho phần chữ nhỏ trong phần văn bản chữ nhỏ.

Page 16: Ebook test 1

C H Ữ V I Ế T T A Y

Script

Page 17: Ebook test 1

Script là kiểu chữ bắt chước chữ viết tay. Các kiểu chữ này không thích hợp sử dụng trong phần thân văn bản, vì nó rối mắt và khó đọc hơn các kiểu serif và sans serif

Page 18: Ebook test 1
Page 19: Ebook test 1

Được phát triển từ những mẩu chữ viết thấu và các kiểu chữ viết từ phấn thành một kiểu chữ mang tính nghệ thuật và tao nhã, Script được áp dụng khá hiệu quả trong việc tạo ra cảm giác hài hước hay tinh tế như một sáng tạo nhỏ cho bước tiến của công nghệ thông tin.

Script được dùng nhiều trong các văn bản mang tính trang trọng hoặc cả các loại văn bản có tính thân mật nhưng cần sự nhấn mạnh. Script là sự lựa chọn hàng đầu cho các loại thiết kế thông cáo mang tính cá nhân. Tuy nhiên, chúng ta nên hạn chế dùng type-face này trong các loại văn bản trong các môi trường có tính tổ chức cao vì script không thể hiện được quyền lực và sự uy tín cho văn bản.

Page 20: Ebook test 1

C H Ữ T R A N G T R Í

decorative

Page 21: Ebook test 1

Decorative (còn có tên gọi là ornamental và Display) được xếp cùng loại với typeface Serif do tính chất trang trí rất tự nhiên.

Page 22: Ebook test 1
Page 23: Ebook test 1

Công dụng của Decora-tive được thể hiện như chính tên gọi của nó , typeface này chỉ yếu dùng cho việc tạo ra các đối tượng trang trí hoặc làm điểm nhấn mạnh cho phong cách mà các De-signer muốn thể hiện hoặc trân các nền tác phẩm với kích thướt lớn để giảm đi các khoảng trống không cần thiết (như các loại tiêu đề).

Với hình dạng khuôn chữ dày đậm có thể thu hút ánh nhìn và tạo một phong cách mới mẻ. Ngoài ra , Decorative cò được dùng để thể hiện các loại emo-tion và minh họa cho một số thể loại riêng biệt hay một cột mốc thời gian cụ thể.

Tuy nhiên, do các đường stroke đặc trưng cho typeface này nên Decorative không tương thích lắm khi áp dụng cho các văn bản dài hay chữ với kích thuớc nhỏ. Chính vì thế, Decorative không phải là một giải pháp lý tưởng cho bodycopy.

Bạn cần nên tránh sử dụng nó trong các loại báo tin tức hay báo cáo về kinh doanh, vì typeface này có xu hướng làm giảm đi tính trung lập quan trọng trong nội dung văn bản mà các tổ chức hay tập thể thường lấy làm mục tiêu hàng đầu cho các văn bản của họ.

Page 24: Ebook test 1

Khi được sử dụng nhiều và cẩn thận, những nguyên tắc này luôn mang lại hiệu quả phù hợp.

Kết hợp các kiểu chữ cho phù hợp là một nghệ thuật. Thật vậy vẻ đẹp của kiểu chữ là không biên giới. Trong khi không có những quy tắc tuyệt đối để tuân theo, điều quan trọng bạn cần hiểu và thực hành tốt để kết hợp chúng khi thiết kế.

A C O N F U S I N G P A R T

combi-na-tion

Page 25: Ebook test 1

10 mẹo nhỏđể kết hợp font chữ

Page 26: Ebook test 1

Kết hợp1 font Serif và 1 font Sans serif

1

Page 27: Ebook test 1

Đây là nguyên tắc phổ biến nhất để tạo ra sự kết hợp kiểu chữ. Phối hợp chữ Sans Serif ở phần đầu và một kiểu chữ Serif ở phần sau. Sự kết hợp này có từ rất lâu nhưng nó vẫn vô cùng tuyệt.

Page 28: Ebook test 1
Page 29: Ebook test 1

bla bla bla

Serif tạo cảm giác trang trọng, lịch sự và “chân” của nó là cách để nhấn mạnh không tồi. Vì thế, người ta thường sử dụng kiểu chữ này cho phần tiêu đề (headline) để thu hút người đọc và tạo cảm giác lịch sự.

Ngược lại, Sans serif tạo cảm giác thân thiện, dễ gần và cấu trúc đơn giản của nó kh-iến người đọc không bị nhàm chán, mỏi mắt. Mặt khác, kiểu chữ này khi ở cỡ bé làm cho mắt đọc được nhanh hơn. Vì thế, người ta thường sử dụng San serif cho phần thân bài (body copy).

Đây là nguyên tắc phổ biến nhất để tạo ra sự kết hợp kiểu chữ. Phối hợp chữ Sans Serif ở phần đầu và một kiểu chữ Serif ở phần sau. Sự kết hợp này có từ rất lâu nhưng nó vẫn vô cùng tuyệt.

Page 30: Ebook test 1

Cách kết hợp này đã có từ ngày xưa, rất thịnh hành trên các tờ báo cũ và vẫn là một quy luật “kinh điển” cho tới bây giờ.

Page 31: Ebook test 1
Page 32: Ebook test 1

Kết hợp1 fontScript và1 font Sans serif

2

Page 33: Ebook test 1
Page 34: Ebook test 1
Page 35: Ebook test 1

Script là 1 typeface khá rối do có các nét vòng. Tuy nhiên, đây lại là 1 kiểu typeface rất đẹp và hiện đại. Khi được kết hợp đúng cách, nó sẽ mang lại hiệu quả vô cùng sáng tạo, ưa nhìn và có tính thu hút cao.

San serif lại là một typeface có tính đơn giản. Vì thế khi đi với Script, nó nhue một cách bổ sung thông tin, đồng thời cân bằng lại sự rói của Script, làm cho mắt người đọc không bị khó chịu.

Đây là một sự kết hợp khá tốt và mang tính thẩm mỹ cao. Tính đến thời điểm hiện nay, sự kết hợp này vẫn rất được ưa chuộng.

Page 36: Ebook test 1

abc

Cách kết hợp này cũng được áp dụng nhiều trong việc thiết kế logo bởi các nét vòng của script có thể được tận dụng để tạo khối cho hình ảnh.

Page 37: Ebook test 1
Page 38: Ebook test 1

Hiểu rõđặc tínhcủa font

3

Page 39: Ebook test 1
Page 40: Ebook test 1
Page 41: Ebook test 1

t

Mỗi typeface có một đặc điểm về tính chất riêng. Chính vì vậy, có những người thích đặc điểm này, có người thích đặc điểm khác. Vậy cách dùng ở đây là gì?

Đó chính là biết rõ người đọc muốn gì? Mục đích của văn bản (ảnh) là gì? Sau đó mới chọn 1 loại font phù hợp với mục đích văn bản và nhu cầu thị hiếu của người đọc.

Page 42: Ebook test 1

Chỉ sử dụng2 font

4

Page 43: Ebook test 1
Page 44: Ebook test 1
Page 45: Ebook test 1

Việc sử dụng quá nhiều các font chữ sẽ làm cho văn bản hoặc ảnh bị rơi vào trạng thái rối, không có tính nhất quán và làm mất tính thẩm mỹ của văn bản.

Mặt khác, sử dụng nhiều font chữ còn có nguy cơ nhầm lẫn đặc tính của font.

Page 46: Ebook test 1

Tạo sự tương phản

5

Page 47: Ebook test 1
Page 48: Ebook test 1
Page 49: Ebook test 1

Trong khi việc sử dụng 2 font chữ là khá tốt thì việc lạm dụng nó sẽ gây ra nhàm chán.

Khi sử dụng 2 font chữ có kích thước, độ đậm nhạt giống hệt nhau sẽ làm cho người đọc cảm thấy khó chịu. Chính vì thế, chúng ta nên lưu ý đến độ tương phản của chúng. Điển hình là nên tô đậm những phần cần nhấn mạnh.

Chúng ta có thể lấy 2 font đến từ cùng 1 font famliy (họ font) rồi tạo sự tương phản để làm cho chúng thật sự khác biệt nhau.

Page 50: Ebook test 1

Chú ý đến Size chữ

6

Page 51: Ebook test 1
Page 52: Ebook test 1
Page 53: Ebook test 1

Sẽ rất nhàm chán nếu toàn bộ văn bản của bản chỉ có một size chữ.

12 point là size mặc định cho văn bản của Microsoft Word, vì thế nhiều người nghĩ rằng mắt chúng ta chỉ có thể đọc được chữ bé nhất ở size 12. Tuy nhiên, chúng ta vẫn có thể đọc tốt văn bản ở 10 point và nhỏ hơn là 7,8 point khi ở trên danh thiếp.

Chính vì vậy, chúng ta nên xác định rõ phần tiêu đề và nội dung, ghi chú phụ để có phân chia size chữ cho hợp lí.

Page 54: Ebook test 1

Tạo sự phân biệttrong

Typography

7

Page 55: Ebook test 1
Page 56: Ebook test 1
Page 57: Ebook test 1

Sự phân biệt trong Typographic là hiệu ứng kết hợp các biến thể của độ đậm, kích thước, bề dày nét, kerning, căn hàng, và một số yếu tố khác.

Một cách dễ dàng để nhìn thấy sự phân biệt của typography là nheo mắt cho đến khi bạn không thể nhìn rõ chữ, nhưng vấn có thể thấy lờ mờ các văn bản để xem tổng thể.

Không nên có sự nhầm lẫn giữa tiêu đề, nơi mắt bạn đi tiếp tới các phần khác. Sử dụng thông minh về sự phân biệt, phân cấp trong hình ảnh của trang giúp bạn thể hiện rõ thông điệp của mình.

Page 58: Ebook test 1

Tạo bố cụccho

Typography

8

Page 59: Ebook test 1
Page 60: Ebook test 1
Page 61: Ebook test 1

Việc tạo bố cục là vô cùng quan trọng trong thiết kế nói chung và typograhy nói riêng.

Chúng ta nên tạo khối cho các chữ cái bằng cách lấp đầy chúng vào trong 1 hình khối nhất định hoặc 1 thứ tự sắp xếp nhất quán.

Điều này không những giúp cho phần typo trở nên đẹp mắt hơn mà còn tạo sự chặt chẽ, tạo thiện cảm cho người đọc.

Page 62: Ebook test 1

Sử dụngPattern

9

Page 63: Ebook test 1

t

Typeface là một định nghĩa rộng hơn, nó bao trùm khái niệm font vì nó không chịu giới hạn về kích thước cũng như định dạng.

Chúng ta có thể nói là sử dụng typeface Arial kích thước 10pt với định dạng Bold Ital-ic, nhưng nếu dùng khái niệm font thì phải nói là sử dụng font Arial Bold Italic với kích thước 10pt (thậm chí là sử dụng font 10pt-Arial Bold Italic theo định nghĩa truyền thống).

Page 64: Ebook test 1
Page 65: Ebook test 1

Pattern, hay còn gọi là hoa văn, họa tiết là công cụ đắc lực trong thiết kế Typography. Chúng được tạo ra từ các nét vẽ đơn giản nhưng lặp đi lặp lại một cách có chủ đích.

Việc kết hợp Pattern với Typography một mặt vừa làm đầy bố cục, mặt khác còn làm tăng tính sáng tạo và thu hút của Typo.

Page 66: Ebook test 1

Sử dụngGlyph

10

Page 67: Ebook test 1

t

Typeface là một định nghĩa rộng hơn, nó bao trùm khái niệm font vì nó không chịu giới hạn về kích thước cũng như định dạng.

Chúng ta có thể nói là sử dụng typeface Arial kích thước 10pt với định dạng Bold Ital-ic, nhưng nếu dùng khái niệm font thì phải nói là sử dụng font Arial Bold Italic với kích thước 10pt (thậm chí là sử dụng font 10pt-Arial Bold Italic theo định nghĩa truyền thống).

Page 68: Ebook test 1
Page 69: Ebook test 1

Glyphs là hình ảnh của một chữ. Thông thường trong các bộ phông có tính trang trí cầu kỳ, dạng hoa văn, hay viết tay, các phông chữ thường chứa rất nhiều glyphs – lý do của việc này là để các nhà thiết kế có thể tùy biến các chữ để sử dụng theo ý thích.

Việc sử dụng Glyphs cho Typography là 1 sự kết hợp tuyệt vời. Các nét uốn lượn của chúng tạo ra sự thu hút đặc biệt và tránh sự nhàm chán cho thiết kế của bạn. Vì thế, nếu có thể, hãy tận

Page 70: Ebook test 1

Từ những mẫu thiết kế đơn giản, qua thời gian, kết hợp với màu sắc và các yếu tố đi kèm, Typography đã trở nên vô cùng độc đáo và mới lạ.Typography đã có những bước

chuyển mình rõ rệt trong thiết kế xưa và nay.

Từ những mẫu thiết kế đơn giản, qua thời gian, kết hợp với màu sắc và các yếu tố đi kèm, Typography đã trở nên vô cùng độc đáo và mới lạ.

A N A M A Z I N G P A R T

DEVELOP-MENTOF TYPO

Page 71: Ebook test 1

t

Typography xưa và nay

Page 72: Ebook test 1

Typography

Page 73: Ebook test 1

Typographyxưa

Page 74: Ebook test 1
Page 75: Ebook test 1

Typography xưa chủ yếu được nhìn thấy trên các bức tường, báo hay tạp chỉ. Chúng phần lớn mang phong cách cổ điển.

Về bố cục, Typography thời này ưa chuộng dàn xếp theo khung hình chữ nhật. Người tạo ra chúng đồng thời kết hợp thêm nhiều hình ảnh để minh họa cho phần typo, khiến chúng trở nên sinh động hơn.

Page 76: Ebook test 1
Page 77: Ebook test 1

Thời này, người ta thường sử dụng các loại chữ Serif và Sans serif với mức độ contrast, weight khác nhau. Các yếu tố khác như Kern-ing (khoảng cách giữa các con chữ) hay tracking (khoảng cách giữa các từ) cũng được khai thác triệt để.

Các font chữ Script chưa thông dụng lắm. Vì thế, chưa có nhiều thiết kế sử dụng typeface Script trong thời gian này.

Page 78: Ebook test 1
Page 79: Ebook test 1

Tuy nhiên, chúng ta có thể thấy ở Typography thời xưa có những nét độc đáo riêng của mình mà Typo hiện đại không có.

Kết hợp với chất liệu in trên giấy báo với màu sắc gam hơi trầm, độ cổ điển của Typography càng được nâng lên rõ rệt.

Page 80: Ebook test 1
Page 81: Ebook test 1

Các thiết kế trên vỏ chai rượu thời xưa cũng là nguồn sáng tạo Typography cổ cho rất nhiều designer hiện nay.

Khi vỏ chai rượu được trang trí như này, có vẻ như chúng đã tăng được độ sang trọng lên rất nhiều.

Page 82: Ebook test 1
Page 83: Ebook test 1

How about modern Typography?

How about modern Typography?

Page 84: Ebook test 1

Typography

Page 85: Ebook test 1

Typographynay

Page 86: Ebook test 1
Page 87: Ebook test 1

Typeface là một định nghĩa rộng hơn, nó bao trùm khái niệm font vì nó không chịu giới hạn về kích thước cũng như định dạng.

Chúng ta có thể nói là sử dụng typeface Arial kích thước 10pt với định dạng Bold Ital-ic, nhưng nếu dùng khái niệm font thì phải nói là sử dụng font Arial Bold Italic với kích thước 10pt (thậm chí là sử dụng font 10pt-Arial Bold Italic theo định nghĩa truyền thống).

Typography

Typography hiện đại cũng vẫn ưa chuộng 2 loại type-face Serif và Sans serif.

Typeface Script và Deco-rate được sử dụng nhiều hơn và bắt đầu trở nên phổ biến vì tính sáng tạo và độc đáo của chúng. Vừa có thể dùng trang trí, vừa có thể dùng để tạo điểm nhấn cho hình ảnh.

Page 88: Ebook test 1
Page 89: Ebook test 1

Typography hiện đại đặc biệt chú trọng đến cách sắp xếp các con chữ và bố cục.

Có thể thấy trong Typogra-phy hiện đại, các chữ cái và từ ngữ được sắp xếp theo một hình khối nhất định hoặc một bố cục rất gọn gàng, chặt chẽ, tạo cảm giác rõ ràng, mạch lạc nhưng cũng rất thu hút người xem.

Page 90: Ebook test 1
Page 91: Ebook test 1

Typography hiện đại chứng kiến sự kết hợp uyển chuyển và tinh tế giữa các con chữ và Pattern.

Bên cạnh những loại Typeface đã được nêu trên, ngày nay, người ta còn làm cho tác phẩm của mình phong phú hơn bằng cách viết chữ theo đường cong hay thêm các họa tiết, hình vẽ, glyphs,... vừa làm lấp đầy khung hình, vừa có tác dụng trang trí cao và thu hút người xem một cách mạnh mẽ.

Page 92: Ebook test 1
Page 93: Ebook test 1

Phụ lục

Một số bức ảnh Typography đẹp

Page 94: Ebook test 1
Page 95: Ebook test 1
Page 96: Ebook test 1
Page 97: Ebook test 1
Page 98: Ebook test 1
Page 99: Ebook test 1
Page 100: Ebook test 1
Page 101: Ebook test 1
Page 102: Ebook test 1
Page 103: Ebook test 1
Page 104: Ebook test 1