Tìm Hiểu Về Typography (phần 1)

Như trong Bài 2 của loạt bài : Thiết kế là gì ? – Các bạn hoàn toàn có thể đọc được một quan điểm cho rằng : Typography là khởi nguồn của phong cách thiết kế đồ họa. Vậy trong loạt bài này tất cả chúng ta sẽ khám phá sâu hơn về Typography .

Chương I

Khái niệm về Typography

Loại hình Typography Open tiên phong vào thế kỷ XV tại Đông Âu, và thoạt đầu chúng chỉ là những con chữ bằng sắt kẽm kim loại giúp cho việc làm in ấn và người ý tưởng ra những con chữ đó là Johannes Gutenberg ( người Đức ) .
Nhưng trước đó thực ra chưa chính thức được biết đến là từ những con chữ viết tay của người Nước Trung Hoa ( khoảng chừng thế kỉ XI ), họ là những người đã tạo ra những nét sơ khai nhất về mô hình thẩm mỹ và nghệ thuật này .
Cho đến nay, Typography đã gần như ăn nhập vào toàn bộ những nghành và mô hình ( báo chí truyền thông thông tin đại chúng, những sách vở pháp lý, phong cách thiết kế mỹ thuật, website điện tử, v.v … ) không còn chỉ riêng trong nghành in ấn như thời xưa, và phương pháp bộc lộ cũng ngày càng phong phú và đa dạng và phong phú .
Vậy Typography là gì, có rất nhiều định nghĩa vấn đáp thắc mắc này, nhưng theo mình câu vấn đáp dễ hiểu và không thiếu nhất đó là, Typography là mô hình phong cách thiết kế lấy những vần âm làm đối tượng người dùng khai thác, khiến những con chữ không chỉ là công cụ truyền đạt thông tin thông thường nữa mà con mang tinh nghệ thuật và thẩm mỹ cao cùng với sự biểu lộ có tính khoa học .
Các bạn viết chữ hàng ngày, cách bạn trình diễn 1 bài viết đó chính là Typography, nhưng với phương pháp trình diễn và kĩ thuật tạo ra nó chỉ là “ bản năng ” tự có .
Nghệ thuật Typography với những kỹ thuật riêng của mình đã tạo ra những tác phẩm không riêng gì đẹp mắt mà còn tạo ra những câu truyện, những đường đi dẫn dắt người xem đi theo con đường mà tác giả đã vạch ra trong tác phẩm của mình .
Có thể nói phương pháp bộc lộ một tác phẩm typography vô cùng nhiều mẫu mã và phong phú, với những kĩ thuật gồm có việc sử dụng những kiểu chữ khác nhau, những cỡ chữ to nhỏ phối hợp, sự sắp xếp vị trí, sắc tố, độ tương phản của những vần âm cùng sự tích hợp với những hình ảnh, hình học, v.v … để tạo ra một tác phẩm Typography .
Typography không gò bó trong hình thức biểu lộ, đó là sự phát minh sáng tạo bằng những con chữ .

Các thuật ngữ và khái niệm trong Typography

Trước tiên tất cả chúng ta hãy nghiên cứu và phân tích cấu trúc và quy ước cơ bản nhất của một vần âm

Điểm màu đỏ ( Cap line ) là đường thẳng biểu lộ cho độ cao của đỉnh điểm nhất mà vần âm hoàn toàn có thể tạo ra, như những vần âm ( h, t, k, l, …. )
Điểm màu co ( Mean line ) là đường thẳng ở giữa của một dòng chữ, hoàn toàn có thể nói đó là độ cao của những chữ thông thường như ( a, e, r, o, …. )
Điểm màu co ( Baseline ) là đường gốc, nó là đường thẳng nối những phần chân chữ định hình trên một dòng kẻ, và bất kể một chữ nào cũng nằm trên một đường gốc .
Khoảng cách giữa Mean Line và Baseline là chiều cao cơ bản của một dòng chữ hay còn gọi là x-Height .
Điểm màu co ( Descent line ) là điểm nối những điểm thấp nhất mà những chữ hoàn toàn có thể tạo ra trên một dòng, có ở bộ chữ ( p, g, y, … )
Điểm màu co ( Serif ) là chân những con chữ, mà tuỳ từng lại chữ có và loại chữ không có ( yếu tố này mình sẽ ra mắt đến những bạn kĩ hơn ở phần sau )
Điểm màu co ( Descender ) là phần của con chữ ở phía dưới đường baseline nó co trong những chữ như ( p, g, y, q … )
Điểm màu co ( Ascender ) là phần của con chữ nằm ở trên đường mean line, nó có ở trong những bộ chữ như ( h, l, k, … )
Điểm màu co ( Spur ) là một nét nhỏ đánh kết thúc của những con chữ khác nhau, bạn đừng nhầm lẫn giữa Spurvà Serif nhé, Spur nhỏ hơn và nó tạo nên một điểm nhấn riêng cho từng vần âm .
Điểm màu co ( Set Width ) là chiều rộng của khoảng trống hoàn toàn có thể đặt một con chữ khác nhau vào .
Điểm màu co ( Kerning ) là khoảng cách của từng con chữ đơn lẻ với nhau .
Tổng hợp những Kerning tạo nên một khoảng cách trung bình giữa những đối tượng người dùng vần âm trong một dòng gọi là Tracking. Bạn phải phân biệt rõ Kerning và Tracking, một cái pháp luật khoảng cách của từng con chữ đôi một, một cái pháp luật tổng thể và toàn diện cả dòng chữ .
Còn Leadinh lao lý khoảng cách giữa những dòng chữ. Khoảng cách giữa Cap line và Descent Line là Body size .

Typeface và Font

Mọi người thường nhầm lẫn giữa 2 khái niệm này, và vô tình thường dùng từ không đúng cho chúng .

Typeface là một hệ thống bao gồm 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…

Bạn phải phân biệt được sự khác nhau cơ bản của những kiểu chữ, đó là điều tối thiểu và cốt lõi để tạo nên một tác phẩm typography đẹp. Đôi khi có 2 hay nhiều kiểu chữ, bạn chỉ nhìn lướt qua và thấy có vẻ như thấy chúng không hề khác nhau .
Nhưng bảo vệ với bạn rằng không có 2 typeface được lưu hành chính thức mà giống nhau. Khi gặp trường hợp như vậy, việc tiên phong bạn làm đó là hãy viết 2 vần âm giống nhau của 2 kiểu vần âm đó với size lớn lên xem để so sánh, và bạn sẽ có câu vấn đáp .
Không có một loại chữ nào là không hề sử dụng, toàn bộ chúng đều có cách dùng và giá trị khác nhau .
Mỗi người sẽ có một vài kiểu chữ yêu thích riêng của mình và bạn hoàn toàn có thể sử dụng chúng một cách thành thạo. Mình không khuyên những bạn sử dụng nhiều kiểu chữ trong tác phẩm của mình, nếu dùng nhiều kiểu chữ để tạo nên một tác phẩm đẹp thì thật là tuyệt, nhưng nếu không được thì tác phẩm của bạn sẽ trở thành một kho chữ lộn xộn
Việc sử dụng và phối hợp những con chữ khác nhau thành thạo là rất khó khăn vất vả và nó yên cầu tốn rất nhiều thời hạn để điều tra và nghiên cứu và làm quen với 1 loại typeface. Vậy việc tiên phong mình khuyên những bạn làm đó là hãy sử dụng những typeface mà những bạn thích, quen, đã sử dụng nhiều lần. Chúng ta cần chất lượng hơn số lượng .

Các bạn đã hiểu thế nào là typeface, chúng ta tiếp tục tìm hiểu về Font.

Font – một tự quá quen thuộc với những bạn phải không ? Vậy font là gì ? Mình tin chắc có 1 số ít bạn vấn đáp như định nghĩa về typeface. Nhưng mình xin nói rằng font không phải như thế .
Font là một miêu tả cho typeface, như vậy nghĩa là sao ? Chúng ta hoàn toàn có thể lấy ví dụ cho dễ hiểu đó là Arial cỡ chữ 9 pt là một font, Arial cỡ 12 pt là một font, Arial in nghiêng ( Arial Italic ) là một font, v.v. Mỗi sự đổi khác dù là nhỏ của typeface là một font khác nhau .
Có rất nhiều kiểu chữ, nhưng chúng chỉ được chia ra thành 5 nhóm chính đó là : Serif, San Serif, Monoface, Script, Fantasy Decoration .

Serif là loại chữ có chân (Cambria, Adobe Caslon Pro…), ví dụ như các kiểu chữ dưới đây

San Serif là loại chữ không chân. (arial, walkway…)

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

Script: là dạng chữ như chữ được viết tay (Script, Palace Script … )

Fantasy Decoration: là loại chữ có hình thù đặc biệt, thường là các hình dạng như đồ vật, con người, hoa văn, nhân vật hoạt hình ,v.v.. (windesign… )

Chương II

Serif và San serif.

Ở chương 1 những bạn đã được biết Serif là kiểu chữ có chân và San serif là loại chữ không có chân. Và đây cũng là 2 dạng chữ thông dụng và được sử dụng nhiều nhất trong Typography, những bạn hoàn toàn có thể nhìn hình minh họa ở dưới đây để biết được rõ hơn .

Bạn hãy chú ý những vị trí mình khoanh vòng đỏ, đó là điểm độc lạ của 2 loại chữ này. Serif là loại chữ mà ở phần kết thúc mỗi vần âm có một nét nhỏ đánh kết thúc thừa ra ( nét đó được gọi là chân của chữ ) .
Serif có nhiều loại, hoàn toàn có thể chân 2 bên, loại chân 1 bên trái hoặc phải. Còn San Serif là loại chữ phần kết thúc của mỗi chữ gọn với khuôn chữ, như những bạn thấy ở trên và không có nét đánh thừa ra .
Các tác phẩm typography không quy ước rằng chỉ được phép sử dụng một loại chữ Serif hay San Serif trong hàng loạt tác phẩm, nhưng trong những tác phẩm, thường những typographer chỉ sử dụng 1 trong 2 loại chữ trên cho hàng loạt tác phẩm của mình .
Bởi lẽ mỗi loại chữ sẽ lao lý một ý nghĩa riêng và cảm xúc khác nhau cho người đọc, cũng như người xem. Việc phối hợp 2 kiểu chữ trên, tuy chỉ là 1 nét nhỏ nhưng có tác động ảnh hưởng lớn đến cảm xúc khi nhìn vào tác phẩm .
Nếu tác phẩm chỉ viết bởi 1 trong 2 loại chữ trên ta có được sự thống nhất cho tổng thể và toàn diện, về nội dung cũng như về hình thức, nhưng nếu có sự Open của 2 loại chữ cùng lúc, những bạn sẽ cảm thấy ngay sự “ không dễ chịu ” khi nhìn tác phẩm, mà nhiều lúc một cảm xúc không bắt mắt nhỏ cũng làm hỏng tác phẩm trong mắt người xem .

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 (Time New Roman là kiểu chữ tiêu biểu cho loại chữ này)

San serif: Thường dùng cho các nhan đề, tiêu đề có kích thước lớn,những thân bài viết ngắn, cần sự chú ý của người xem và thường được sử dụng cho các chữ không dấu, hay các bài viết tính chất quan trọng. Bạn là người phóng khoáng, thì san serif sẽ giúp bạn thể hiện điều đó (Arial là kiểu chữ tiêu biểu cho loại chữ này).

Kern

Các bạn đã biết Kerning là khoảng trống giữa 2 đối tượng người dùng chữ đơn lẻ, vậy Kern chính là việc bạn kiểm soát và điều chỉnh khoảng cách đó .
Trong photoshop hoàn toàn có thể kiểm soát và điều chỉnh điều đó bằng cách chỉ nháy chuột vào giữa khoảng cách đó và giữ im phím Alt tích hợp với việc kiểm soát và điều chỉnh phím mũi tên qua lại tuỳ ý bạn sẽ kiểm soát và điều chỉnh được Kerning, hoặc trong bảng Character của photoshop kiểm soát và điều chỉnh ô A / V

Các bạn hoàn toàn có thể nhìn hình minh họa trên là ví dụ cho kern chặn, hãy chú ý vào những đường gạch đỏ. Các bạn hoàn toàn có thể thấy rằng vị trí kết thúc của chữ trước là vị trí khởi đầu của chữ sau không ? Giữa 2 chữ đôi 1 không tạo nên khoảng cách và chúng liên tục như vậy trong 1 từ được gọi là giải pháp kern chặn .

Kern khoảng chừng là cách những bạn để khoảng trống giữa 2 vần âm đôi một. Như những bạn đã thấy ở hình minh hoạ trên. Kern khoảng chừng được chia ra những độ lỏng khác nhau, tuỳ những cách kiểm soát và điều chỉnh .
Việc sử dụng kern chặn hay kern khoảng chừng không có một pháp luật hay trường hợp vận dụng nào đơn cử mà tuỳ vào từng toàn cảnh ta nên chọn kern chặn hay kern khoảng chừng .
Nhưng có điểm chú ý quan tâm rằng trong việc kern sẽ gây ra một lối nhỏ mà nếu những bạn không chú ý sẽ mắc phải, những bạn hãy nhìn hình minh hoạ ở dưới đây và bạn hãy thử nhìn 3 chữ “ letters ” xem chữ nào dễ nhìn nhất và hoàn thành xong nhất ?

Có lẽ câu vấn đáp là chữ “ letters ” ở nửa màu đen phải không ? Mình muốn những bạn hãy chú ý ở chum cữ ETT, ở chữ Letters trên cùng là kern lỏng, khoảng chừng khoảng trống khu vực mà chữ T, E tạo ra khi đứng cạnh nhau là quá lớn khi ta kern tổng thể và toàn diện .
Điều đó dẫn đến một sự mất cân đối khi nhìn vào. Còn chữ “ letters ” thứ 2 mình đã sử dụng kern chặn, bạn cũng hãy chú ý cum chữ EET, lỗi sai xảy ra khi ta kern chặn đó là sự va chạm của một số ít chữ, bạn hoàn toàn có thể chú ý phần trên của 2 chữ TT và ET, chúng chạm vào nhau, điều đó thật sự không hay chút nào .
Nhưng ở từ “ letters ” thứ 3 hai lỗi trên đã được khắc phục bằng việc không chỉ kern tổng thể và toàn diện cùng lúc mà ta sẽ kern từng đôi hay từng cụm riêng .
Để tạo nên khoảng cách hài hòa và hợp lý khi kern, đương nhiên việc kern có tinh lọc như vậy không hề làm cho một bài viết có nội dung dài, tất cả chúng ta chỉ vận dụng trường hợp này cho những tiêu đề có size lớn và số lượng ít. Lỗi trên hoàn toàn có thể gặp ở những chữ đi với nhau đôi 1 như ( V, E, T … )
Tương tự như vậy hãy luôn kern với số !

Tracking.

Trên đây những bạn đã biết phương pháp cũng như công cụ của việc kerning, tiếp theo tất cả chúng ta sẽ tìm hiểu và khám phá về tracking, như ở phần 1 những bạn đã biết kerning pháp luật khoảng cách của 2 vần âm đơn lẻ .
Tracking là toàn diện và tổng thể những khoảng cách của chiều ngang dòng chữ. Cũng như Kern việc kiểm soát và điều chỉnh, Tracking tất cả chúng ta làm tựa như .
Trong tracking được chia làm 2 loại cơ bản ta Tracking thông thường và tracking lỏng .

Một lời khuyên cho những bạn là nên dùng tracking lỏng cho những dòng chữ chính, và tuỵêt đối không dùng kĩ thuật tracking bó quá chặt để tiết kiệm ngân sách và chi phí khoảng trống cho tác phẩm. Dù bạn kiểm soát và điều chỉnh Kerning hay Tracking thì tiêu chuẩn mà Typography hướng tới luôn là sự dễ đọc và dễ nhìn .

Line Spacing

Line Spacing là khoảng cách giữa các dòng theo chiều thẳng đứng. Line spacing được chia làm 4 tỉ lệ chính. Tỉ lệ ở đây được đo bằng cỡ chữ  với khoảng cách dòng (khoảng cách dòng được tính từ đường gốc dòng trên đến đường giữa các dòng dưới). Các bạn có thể điều chỉnh 2 thông số này trong bảng Character trong photoshop.

Stretching, Rag, Cutting.

Stretch là việc bạn dùng các công cụ kĩ thuật để kéo các chữ. Điều này là điều không thể chấp nhận trong typography, các bạn hãy nhớ rằng không được kéo giãn các chữ cái ra, làm thay đổi hình dạng cơ bản của kiểu chữ.

Điều đó một mặt sẽ biểu lộ sự không tôn trọng tác giả đã tạo ra kiểu chữ đó, và nguyên do thứ 2 những bạn không nên kéo chữ là lúc đó tác phẩm của bạn sẽ trở nên mất tính chuyên nghiệp .

Rag: khi bạn đánh máy bất cứ một đoạn văn nào cũng sẽ tạo ra rag, Rag là phần không đồng đều của các dòng chữ nằm ở phía bên phải (nếu các bạn căn lề bên trái ) và ngược lại.

Việc tạo ra một rag đẹp rất đơn thuần và không sử dụng kĩ thuật phức tạp mà rất đơn thuần nhưng hiệu suất cao của một rag đẹp mang lại thì rất lớn .

Một đường rag đẹp không phải là đường rag quá thẳng và cũng không quá giao động, chúng là đường rag có độ uốn đều, khiến đoạn văn không bị đứt đoạn.

Việc kiểm soát và điều chỉnh rag vô cùng đơn thuần nên sau khi hoàn thành xong một đoạn văn bản, những bạn hãy dành ra một chút ít thời hạn để cân chỉnh lại đường rag điều đó sẽ giúp tác phẩm của bạn hoàn thành xong và có tính chuyên nghiệp hơn .

Cutting: là kĩ thuật bạn cắt dòng chữ. Điểm lưu ý của việc cắt là bạn nên cắt nửa dưới của dòng chữ và không nên cắt nửa trên của dòng chữ. Nếu cắt ở nữa trên sẽ dẫn đến việc khó đọc và nhận biết bạn viết gì sẽ rất khó. Như vậy tác phẩm dù có đạt hiệu quả thẩm mỹ đi chăng nữa cũng không truyền đạt được thông tin.

Theo Vietphotoshop

Source: https://iseo1.com
Category: Marketing

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *