Thiết kế kiểu chữ 101: hướng dẫn về các quy tắc và thuật ngữ

Thiết kế kiểu chữ ở khắp mọi nơi. Bạn có bao giờ nhận thấy khoảng cách dòng trên danh sách các thành phần ở mặt sau của một gói bánh quy giòn không? Hoặc hình dạng của các con số trên bảng giá hoặc thậm chí trọng lượng của các chữ cái (còn gọi là độ dày hay mỏng của chúng) trên các bảng tên đường? Đây có thể không phải là nguồn cảm hứng mà bạn tìm đến, nhưng chúng là một phần hàng ngày của cuộc sống.

Trên thực tế, chúng ta thường xuyên bị bao quanh bởi các chữ cái, ở mọi nơi chúng ta nhìn. Tất cả những nguồn này cung cấp cho chúng ta những quan điểm và hiểu biết khác nhau, đồng thời cho chúng ta thấy vô số cách mà typography có thể được sử dụng.

Trước khi đi sâu hơn vào thiết kế kiểu chữ, chúng ta hãy xem kiểu chữ là gì và nó đến từ đâu.

Sơ lược về lịch sử kiểu chữ
–

Thiết kế kiểu chữ là gì? Tóm lại, thiết kế kiểu chữ là nghệ thuật sắp xếp một thông điệp trong một bố cục dễ đọc và có tính thẩm mỹ. Đó là một yếu tố không thể thiếu của thiết kế. Kiểu chữ không yêu cầu nhà thiết kế vẽ các mẫu chữ của riêng họ, mà thay vào đó làm việc với các kiểu chữ đã tồn tại. Quá trình này đòi hỏi nhà thiết kế phải trải qua một loạt các quyết định như chọn kiểu chữ thích hợp, chọn kích thước điểm, điều chỉnh kerning và khoảng cách dòng và đưa ra một bố cục phù hợp.

Điều này có thể được thực hiện một cách nhanh chóng và dễ dàng bằng cách sử dụng máy tính xách tay, máy tính và thậm chí cả điện thoại. Nhờ công nghệ, kiểu chữ và các quy tắc của nó đang được thử thách mỗi ngày bởi các thế hệ nhà thiết kế mới, những người đang hình dung các chữ cái theo những cách mà chúng ta không thể tưởng tượng được chỉ vài năm trước đây.

Nhưng nó không phải lúc nào cũng là về công nghệ. Kiểu di chuyển được phát minh vào đầu thế kỷ 15 nhờ Johannes Gutenberg, và đã cách mạng hóa kiểu chữ bằng cách cho phép sản xuất hàng loạt vật liệu in. Tuy nhiên, ngay cả trước khi kỹ thuật in ấn ra đời, người ta vẫn quyết tâm tạo ra sách hoặc áp phích dựa trên loại chữ. Họ chỉ làm điều đó bằng tay, với rất nhiều sự kiên nhẫn và cống hiến. Con người đã luôn tạo ra các thông điệp bằng văn bản — việc thiếu giấy và các công cụ viết phù hợp chưa bao giờ ngăn cản chúng ta. Các nền văn minh cổ đại đã chạm khắc glyphs của họ vào đá hoặc gỗ.

Nếu chúng ta nhìn vào sự phát triển của kiểu chữ và tất cả các công cụ và kỹ thuật được sử dụng cho đến nay, chúng ta sẽ nhận thấy một cuộc chiến đang diễn ra giữa máy móc được làm thủ công và máy móc, giữa chất hữu cơ và hình học. Ngày nay, việc tách biệt hoàn toàn hai thế giới, cũng như hợp nhất chúng một cách hài hòa, tạo ra những kết quả mới và bất thường, thúc đẩy một chu kỳ khám phá typographic không bao giờ kết thúc.

Các thuật ngữ thiết kế kiểu chữ bạn cần biết
–

Có một số quy tắc và thuật ngữ thiết kế cơ bản bạn cần biết trước khi đi sâu vào kiểu chữ. Đây là những điều quan trọng nhất:

Phong cách

Chữ cái có nhiều hình dạng và phong cách khác nhau. Việc phân loại chúng có thể là một thách thức vì có nhiều yếu tố cần xem xét: ngoại hình, cảm hứng cho chúng, thời đại chúng xuất hiện và cách sử dụng chúng. Để đơn giản, chúng tôi thường đề cập đến ba loại phong cách chính và sau đó chia chúng thành các loại nhỏ hơn.

Serif

Các kiểu chữ serif đầu tiên được lấy cảm hứng từ thư pháp truyền thống và được gọi là Nhân văn hoặc Phong cách cổ . Phong cách này được đặc trưng bởi các hình thức mịn và tròn và các biến thể trọng lượng nhẹ.

Vào khoảng giữa thế kỷ 18, một kiểu serif mới đã xuất hiện, mà ngày nay chúng ta gọi là Chuyển tiếp . Phong cách này đánh dấu sự chuyển tiếp giữa phong cách Nhân văn và Hiện đại, vì vậy nó kết hợp một chút đặc điểm của cả hai phong cách.

Vào cuối thế kỷ 18 và đầu thế kỷ 19, một phong cách serif cực đoan đã ra đời: Modern . Chúng ta có thể nhận ra phong cách này bởi độ tương phản trọng lượng rõ rệt và các đường vân mỏng, thẳng.

Với sự gia tăng của quảng cáo trong thế kỷ 19, Ai Cập hoặc Slab Serifs đã được giới thiệu. Nhờ vẻ ngoài táo bạo và các serifs nặng, chúng là kiểu được ưa thích để hiển thị các thông điệp thương mại.

Không có Serif

Kiểu chữ Sans serif trở nên phổ biến trong thế kỷ 20 và chúng cũng có ảnh hưởng thư pháp, vì vậy chúng tôi cũng gọi chúng là kiểu chữ Nhân văn . Chúng ta có thể quan sát thấy sự thay đổi nhỏ về trọng lượng và cảm giác ấm áp tổng thể.

Vào giữa những năm 1900, Helvetica đã được tạo ra, đặt tiêu chuẩn cho các  serifs sans Chuyển tiếp  . Các chữ cái này đều và cứng hơn so với các chữ được sử dụng trước đây, thiếu yếu tố thủ công.

Geometric sans serifs tương đương với serifs hiện đại. Chúng được xây dựng dựa trên các dạng hình học (chữ O là một hình tròn hoàn hảo) và các đỉnh của các chữ cái như A hoặc N là sắc nét và mạnh mẽ.

Chữ ẩu

Chữ viết mô phỏng theo phong cách viết tay và thư pháp và chúng có thể ở mọi nơi, từ kiểu dáng đẹp và trang trọng đến lộn xộn và dễ sử dụng.

Các mặt cọ gần giống với Scripts, nhưng chúng lấy cảm hứng từ các ký tự cọ. Điều này làm cho chúng trở nên táo bạo và kém thanh lịch hơn.

Cuối cùng, phong cách Gothic hoặc Blackletter có chữ thư pháp đầu nỉ truyền thống ở cơ sở của chúng. Phong cách này được phát triển từ Carolingian cực nhỏ, và đến giữa thế kỷ 12, một phong cách mới đã được tạo ra với các đường nét, thẳng và góc cạnh.

Phông chữ so với kiểu chữ

Tôi chắc chắn rằng tất cả chúng ta đều đã từng nhầm lẫn vào một thời điểm nào đó trong đời về sự khác biệt giữa phông chữ và kiểu chữ. Tôi chắc chắn là như vậy!

Một kiểu chữ (hoặc một họ phông chữ ) là thiết kế trực quan của các dạng chữ cái và nó bao gồm nhiều định dạng phông chữ. Trong cách sắp chữ kim loại, một tập hợp các chữ cái vật lý được coi là một phông chữ, chứa mọi chữ cái, chữ số và dấu câu hiện có như một phần tử riêng biệt. Trong thế giới kỹ thuật số, phông chữ là phần mềm chúng ta cài đặt và sử dụng.

Một họ phông chữ đầy đủ có thể có vô số kiểu dáng: từ siêu mỏng đến siêu đen và từ cực đặc đến siêu rộng, tất cả đều ở dạng chữ thường và chữ nghiêng.

Nhưng khoan, đó không phải là tất cả. Một số mặt cũng có chữ hoa nhỏ (chữ hoa chỉ kéo dài đến chiều cao x), chữ số lót và chữ số không lót (số mở rộng ra ngoài đường cơ sở và chiều cao x, tích hợp liền mạch hơn vào các khối văn bản) và trong một số trường hợp thậm chí một vài ký tự thay thế bổ sung. Đó là khá nhiều, huh?

Giải phẫu học

Giải phẫu của các chữ cái khá phức tạp – mọi chi tiết và yếu tố nhỏ đều có thuật ngữ riêng.

Dưới đây là một vài trong số họ:

Và đây là một vài dấu câu, cùng với tên và cách sử dụng thích hợp của chúng:

Nhận biết ảo ảnh về kiểu chữ
–

Những con chữ tuyệt vời không chỉ bởi vì chúng thể hiện rất nhiều cảm xúc, mà còn bởi vì chúng có khả năng đánh lừa thị giác của chúng ta.

Hãy xem xét một vài ảo ảnh quang học được tìm thấy trong thiết kế kiểu chữ:

Ảo tưởng 1

Chữ S có vẻ giống như một chữ cái hoàn toàn đối xứng, phải không? Không phải đâu. Chỉ cần xoay nó 180 ° và bạn sẽ thấy rằng phần trên thực sự nhỏ hơn phần dưới. Điều này làm cho nó trông ổn định và tự tin hơn.

Ảo tưởng 2

Mặc dù tất cả các chữ cái dường như có cùng chiều cao, nhưng các hình tròn thực sự lớn hơn một chút. Ví dụ, giao điểm của chữ O với đường cơ sở và chiều cao giới hạn chỉ là một điểm duy nhất. Trong khi giao điểm của chữ E, chẳng hạn, chạm vào những đường thẳng đó bằng toàn bộ bề mặt của nó. Vì về mặt kỹ thuật, cả hai chữ cái đều có cùng kích thước, chúng sẽ có vẻ không cân xứng. Chúng ta cần vượt quá chữ O một chút để làm cho chúng bằng nhau về mặt thị giác.

Ảo tưởng 3

Để làm cho chữ O có vẻ đối xứng và nhất quán về trọng lượng, chúng ta thực sự cần làm cho nó — không nhất quán về trọng lượng. Lật chữ O 90 ° và bạn sẽ nhận ra rằng các cạnh bên dày hơn một chút so với phần trên và dưới.

Ảo tưởng 4

Since we’re flipping letters, let’s try the same trick on the letter A. Flipping it horizontally will reveal that this seemingly symmetrical letter is actually not symmetrical. Little cheats need to be applied to certain letters, even if that means going against the mathematical rule, in order to have them visually pleasing.

Illusion 5

If you know anything about calligraphy, you know that the upstrokes are thin, the downstrokes are thick and the cross strokes are thin again. This rule needs to be applied to even the most simple and geometric letters, like the letter T for example.

Illusion 6

Theo lý thuyết, người ta có thể nghĩ rằng các thanh ngang trong chữ E và A được tìm thấy ở giữa chữ cái. Vâng, hãy suy nghĩ lại. Để chữ cái trông cân đối, chúng cần được di chuyển một chút. Bạn có thể thấy rõ rằng thanh ngang bị lệch tâm bằng cách lật ngược chữ cái.

Ảo tưởng 7

Các chữ cái B, P và R là các hình chị em, một chữ cái này được bắt nguồn từ chữ kia. Tuy nhiên, điều đó không có nghĩa là chúng có tỷ lệ giống nhau. Bát của R cần mỏng hơn một chút để khi chúng ta nối chân vào nó, nó sẽ không bị quá dày. Trong khi bát trên của chữ B cần phải nhỏ hơn bát dưới để chữ cái xuất hiện ổn định hơn.

Các quy tắc của thiết kế kiểu chữ
–

Yes, I know, rules are meant to be broken, but in order to break the rules in a way that won’t make a designer cry you need to learn them first.

When working with type and arranging paragraphs on a page we need to pay attention to a few factors and make sure the thing we’re designing will be legible and clear. Except of course, if you’re creating some abstract, experimental typographic poster, aiming for total chaos and anarchy. If that’s your jam, go for it. But if you’re working with long bodies of text, meant not only to catch the viewer’s eye but to actually portray a message in a straightforward way, you need to be mindful of every decision you make.

Alignment

Căn chỉnh đề cập đến việc sắp xếp nội dung văn bản trên một trang, cụ thể hơn là căn chỉnh các cạnh của nó với các cạnh của trang. Có 4 kiểu căn chỉnh, nhưng hãy nhớ rằng không cái nào đúng hơn cái nào, chúng chỉ đơn giản là có ngoại hình khác nhau và thể hiện những rung cảm khác nhau.

Xả trái

Đây có lẽ là cách căn chỉnh thường được sử dụng nhất, vì nó tuân theo dòng chảy tự nhiên của hầu hết các ngôn ngữ. Khi sử dụng sự liên kết này, người ta phải chú ý đến việc tạo ra một cạnh bên phải cân đối, với độ dài hàng có cảm giác tự nhiên.

Đảm bảo tránh các từ đơn lẻ trên các hàng mới. Những người này được gọi là “góa phụ” và họ rất buồn.

Xả phải

Ngược lại với căn lề trái phẳng, lề phải đi ngược lại dòng chảy tự nhiên của hầu hết các ngôn ngữ viết, điều này cũng có thể được sử dụng để làm lợi thế của chúng tôi. Tuy nhiên, hãy lưu ý rằng sự liên kết này tạo ra một cái nhìn khác thường và nó có thể gây khó khăn cho mắt khi được sử dụng trong các đoạn văn dài. Để có một cạnh bên phải rõ ràng, hãy cố gắng tránh nhiều dấu chấm hoặc dấu phẩy đầy đủ ở cuối các hàng.

Căn giữa

Nếu được thực hiện kém, căn chỉnh ở giữa có thể trông khá nhàm chán và lộn xộn. Tuy nhiên, với rất nhiều sự chú ý, nó có thể tạo ra một cảm giác thanh lịch nhưng năng động. Chìa khóa là chơi với độ dài của các hàng, trong khi duy trì sự cân bằng tổng thể.

Hợp lý

Mặc dù nó có thể trông hiện đại và sạch sẽ khi được thực hiện tốt, nhưng việc căn chỉnh hợp lý có thể thực sự sai rất nhanh. Bởi vì các từ phải điền vào toàn bộ hàng, các khoảng trống khó hiểu có thể xảy ra giữa chúng. Hãy chắc chắn rằng mọi thứ đều đẹp và lặp lại, nếu cần, hãy thử với kích thước của văn bản, độ dài của hộp văn bản và kerning.

Theo dõi

Quá trình điều chỉnh không gian tổng thể giữa các chữ cái được gọi là theo dõi hoặc khoảng cách giữa các chữ cái. Trong hầu hết các trường hợp, người ta sẽ áp dụng theo dõi tích cực hơn là tiêu cực, để tạo ra một bố cục cởi mở và thoáng mát hơn.

Văn bản càng lớn thì khoảng cách giữa các chữ cái càng lớn và do đó việc theo dõi cần giảm xuống. Tương tự, nếu kích thước văn bản nhỏ hơn, chúng ta cần tăng lượng theo dõi.

Việc tăng cường theo dõi có thể trở nên phức tạp, vì chúng ta thường có xu hướng áp dụng nhiều hơn mức thực tế cần thiết. Một mẹo cần nhớ là chữ hoa cho phép theo dõi rộng rãi hơn chữ thường.

Kerning

Kerning đề cập đến việc sửa đổi khoảng cách giữa các chữ cái riêng lẻ. Mặc dù trong hầu hết các trường hợp, chúng ta có thể bỏ qua việc áp dụng theo dõi, nhưng đôi khi chúng ta cần phải vào đó và điều chỉnh khoảng cách chỉ giữa hai chữ cái. Những khoảng trống “kernable” này thường xuất hiện xung quanh các dạng chữ cái như A, W, V, T.

Ồ, đây là một trò chơi nhỏ để kiểm tra kỹ năng kerning của bạn!

Nếu chúng ta làm việc với các kiểu chữ được xây dựng tốt, chúng ta sẽ không cần phải áp dụng một lượng lớn kerning. Nếu chúng tôi làm vậy, chúng tôi có khả năng áp dụng kerning quang học (được thực thi tự động bởi chương trình chúng tôi đang làm việc) hoặc kerning số liệu (sẽ sử dụng kerning mà trình thiết kế kiểu dự định khi thiết kế kiểu chữ) trong ứng dụng chỉnh sửa của chúng tôi, hoặc chúng ta có thể làm tất cả theo cách thủ công (sử dụng trực giác và kinh nghiệm của mình).

Phân tích các bức thư của bạn và áp dụng phương pháp theo dõi phù hợp nhất với mục đích. Ngoài ra, hãy nhớ rằng chỉ vì kerning quang học sẽ hoạt động tốt đối với một kiểu chữ nhất định, không có nghĩa là nó sẽ là lựa chọn tốt nhất trong mọi tình huống.

Dẫn đầu

Khoảng cách giữa hai dòng văn bản được gọi là hàng đầu hoặc khoảng cách dòng. Bằng cách điều chỉnh nó, chúng ta có thể chơi với kết cấu và màu sắc của đoạn văn, tạo ra sự quan tâm trực quan và xây dựng hệ thống phân cấp. Kích thước tối ưu của khoảng cách dòng phụ thuộc vào nhiều thứ khác nhau, chẳng hạn như khối lượng từ liên quan đến không gian có thể sử dụng, kích thước hiển thị hoặc đơn giản là sự rung cảm mà chúng ta đang hướng tới.

Hệ thống cấp bậc

Cấu trúc phân cấp giúp chúng tôi tạo ra sự quan tâm trực quan và hướng mắt người xem trên toàn bộ trang, làm cho quá trình hấp thụ văn bản dễ dàng và trực quan hơn rất nhiều. Cách rõ ràng và dễ dàng nhất mà chúng ta có thể tạo ra một số hệ thống phân cấp là viết thông tin của chúng ta ở các kích thước khác nhau.

Chúng tôi cũng có thể tạo một hệ thống phân cấp thú vị bằng cách điều chỉnh một chữ cái hoặc khoảng cách dòng hoặc bằng cách điều chỉnh kích thước văn bản của chúng tôi. Chúng tôi cũng có thể kết hợp các kiểu được sử dụng hoặc màu sắc hoặc sử dụng các ký tự đặc biệt hoặc các căn chỉnh và bố cục khác nhau.

Cách chúng tôi quyết định sắp xếp văn bản của mình — cụ thể là những phần nào cần đưa lên phía trước — phụ thuộc nhiều vào loại chất liệu mà chúng tôi đang chuẩn bị cho văn bản: in hay kỹ thuật số. Nếu là báo in, đó có phải là một tờ báo có nhiều văn bản, bìa tạp chí có tiêu đề chính và một số tờ ngắn hơn trình bày nội dung của tạp chí hay áp phích có tiêu đề và một số thông tin, chẳng hạn như ngày tháng và địa điểm? Nếu là dành cho web, mục tiêu của chúng ta với trang là gì: độ dài của văn bản chúng ta cần hiển thị là bao nhiêu và chúng ta thiết kế nó cho ai?

Tuy nhiên, việc sử dụng hệ thống phân cấp không phải lúc nào cũng nhằm làm nổi bật các phần nhất định của văn bản. Chúng tôi cũng có thể sử dụng hệ thống phân cấp để tạo ra các bố cục thú vị về mặt trực quan, như các mẫu và hình dạng, bằng cách thay đổi trọng lượng, màu sắc và kích thước.

Ghi nhớ tất cả các tham chiếu này sẽ giúp chúng tôi xây dựng một hệ thống phân cấp phù hợp, mà không làm người đọc choáng ngợp.

Lưới

Một trong những yếu tố quan trọng nhất trong quá trình làm việc với nội dung văn bản là lưới, và nó có thể ở bất kỳ đâu từ đơn giản đến phức tạp. Bằng cách sử dụng lưới, về cơ bản chúng ta đang đóng khung thông tin trên một trang nhất định. Điều này cho phép chúng tôi kiểm soát tốt hơn cách chúng tôi sắp xếp các phần tử trên trang của mình. Với việc sử dụng đúng lưới, chúng tôi có thể tạo bố cục hướng mắt người xem, giúp thông tin dễ dàng xử lý và hiểu.

Như với mọi thứ, chúng ta có thể làm việc với các lưới đơn giản và đơn giản, hoặc chúng ta có thể hoàn toàn hoang dã và đưa ra những lưới phức tạp và phức tạp.

Một điều rất quan trọng cần lưu ý khi sắp xếp thông tin trên trang là khoảng trắng. Làm bạn với nó và giữ nó bên mình mọi lúc.

Nhiều người muốn lấp đầy mọi góc của trang bằng văn bản hoặc hình ảnh nhưng có một lượng lớn khoảng trắng thường là một ý tưởng hay. Nó cung cấp cho không gian thông tin thở, nó làm cho bố cục thông thoáng hơn và nó giúp người đọc di chuyển qua thông tin.

Sức mạnh của kiểu chữ
–

Thiết kế kiểu chữ có sức ảnh hưởng lớn đến một thông điệp. Khi được sử dụng đúng cách — sự kết hợp thích hợp giữa kiểu dáng, kích thước, thứ bậc, kerning và khoảng cách dòng — thì không có gì bạn không thể diễn đạt bằng nó. Từ những trang trang trọng và thanh lịch đến những tác phẩm năng động và hấp dẫn, bạn có thể làm bất cứ điều gì mà trí tưởng tượng của bạn có thể nghĩ ra.

Bằng cách hiểu các quy tắc và sự thật về các chữ cái và các cách khác nhau mà chúng có thể được sử dụng, chúng ta có thể thể hiện bản thân thông qua chúng theo nhiều cách vô tận. Những quy tắc này không có gì khác ngoài một hướng dẫn. Tôi rất khuyến khích bạn tiếp tục và phá vỡ tất cả chúng! Học hỏi, thử nghiệm, quên những gì bạn đã học, mắc sai lầm và bắt đầu lại. Làm như vậy, bạn sẽ phát triển một phong cách riêng cho mình.

Bạn muốn tìm hiểu thêm về kiểu chữ? Kiểm tra các xu hướng phông chữ mới nhất, các cặp phông chữ tốt nhất và các phông chữ logo hàng đầu.