Tản mạn về typo

Typography là nghệ thuật và khoa học của việc thiết kế, sắp xếp, và hiển thị chữ viết để tạo ra một hình ảnh văn bản hấp dẫn và dễ đọc. Nó bao gồm việc lựa chọn font chữ, kích thước, khoảng cách giữa các ký tự và dòng, cũng như cách chú ý đến cấu trúc và hình thức tổng thể của văn bản. Typography không chỉ ảnh hưởng đến thẩm mỹ, mà còn đóng vai trò quan trọng trong truyền đạt thông tin một cách hiệu quả, tạo cảm xúc và thể hiện tính cá nhân trong các thiết kế đồ họa, sách, quảng cáo, trang web, và nhiều ứng dụng khác.

Typeface và Font có phải là một?

Typeface và Font là hai khái niệm rất dễ bị nhầm lẫn.

Typeface là hệ thống các kiểu chữ riêng biệt, mỗi kiểu chữ là một Typeface khác nhau. Ví dụ: Times New Roman là một kiểu Typeface,… Kiểu chữ được chia thành các nhóm chính sau: Serif, San Serif, Monospaced Display.

Còn Font là tập hợp các chữ cái, các con số, dấu câu được định dạng (đậm, nghiêng, gạch dưới,…) theo một kiểu loại khác nhau.

Typeface và Font
Typeface và Font

Ví dụ: Times New Roman cỡ chữ 12 và Times New Roman cỡ chữ 14 là hai font chữ khác nhau.

Tham khảo các loại Typeface chính

Sau đây là một số font chữ đẹp mắt thường được các designer ưa chuộng trong Typography:

Sans – Serif

Sans – Serif trong tiếng Latin có nghĩa là “without serif – không có chân”. Bản thân chữ “Sans” trong tiếng Pháp cũng có nghĩa là “không có”. Đúng như tên gọi, đây là kiểu font chữ không có phần chân ở dưới.

Sans - Serif là font chữ không có chân
Sans – Serif là font chữ không có chân

Sans – Serif được yêu thích bởi sự hiện đại, phóng khoáng. Font chữ này cũng giúp những người sử dụng điện thoại có thể đọc dễ dàng hơn. Một số font Serif ấn tượng như Futura và Helvetica.

Serif

Ngược lại với Sans – Serif, Serif là font chữ có chân. Do đó nó mang lại sự cổ điển, trang trọng, thường được sử dụng để thiết kế các sản phẩm truyền thống. Bạn có thể nhận ra font chữ này trong các tờ báo giấy hoặc tạp chí.

Serif là những font chữ có chân
Serif là những font chữ có chân

Display font

Display font là một font chữ đa dạng, nó là sự kết hợp của nhiều phong cách chữ khác nhau. Display font thường được biến tấu hơn nhiều so với các font chữ đơn giản, giúp chúng trở nên nổi bật và bắt mắt hơn.

Các dạng Display font
Các dạng Display font

Do đó Display font thường được sử dụng cho các đoạn text ngắn như tiêu đề, thiết kế đồ họa, các đầu mục,…  Một số ví dụ về Display font như font Script, Brush,…

Các thuật ngữ cơ bản trong Typography

Đối với những người mới bắt đầu, bạn sẽ cần tìm hiểu về các thuật ngữ cơ bản dưới đây để dễ dàng hơn khi làm Typography:

Căn chỉnh

Căn chỉnh việc bạn sắp xếp nội dung văn bản so với kích thước của trang. Có 4 kiểu căn chỉnh cho bạn lựa chọn như: căn trái, căn phải, căn giữa, căn đều hai bên.

Các dạng căn chỉnh
Các dạng căn chỉnh
  • Trái: Đây là cách căn chỉnh phổ biến nhất, được xây dựng tuân theo quy tắc đọc văn bản của hầu hết các loại ngôn ngữ.
  • Phải: Căn lề phải tuy ngược lại với hướng đọc thông thường, nhưng nó có thể tạo ra nét độc đáo riêng biệt. Tuy nhiên, hãy cân nhắc khi sử dụng nó cho các đoạn văn dài.
  • Căn giữa: Trong một vài trường hợp, cách căn chỉnh giữa có thể làm văn bản trông nhàm chán. Tuy nhiên, nó giúp tạo ra sự cân bằng và đối xứng, giúp đoạn văn trở nên gọn gàng và dễ nhìn hơn.
  • Căn đều 2 bên: Căn đều 2 bên giúp đem lại cảm giác chỉn chu, trang trọng cho đoạn văn. Tuy nhiên, khi căn đều 2 bên các đoạn văn bản quá ngắn, bạn sẽ thấy xuất hiện các khoảng trống khó hiểu. Hãy căn đều các đoạn văn với độ dài và khoảng cách phù hợp giữa các từ và các ký tự.

Leading

Leading là khoảng cách giãn giữa 2 dòng văn bản. Các khoảng cách này quyết định đến trải nghiệm của người dùng. Do đó, bạn cần thiết lập khoảng cách phù hợp giữa các dòng, sao cho người đọc dễ dàng đọc và tiếp nhận thông tin. Nếu bạn chưa thành thạo với Leading thì hãy để nó ở chế độ mặc định.

Hierarchy

Thuật ngữ Hierarchy là một trong các thuật ngữ cực quan trọng của Typography. Hierarchy dùng để chỉ việc đóng hàng, cột của một văn bản để làm nổi bật các thông tin quan trọng nhất đến với người đọc. Nhờ có Hierarchy, họ sẽ biết được mình nên bắt đầu đọc từ vị trí nào, nên ưu tiên dạng thông tin nào hơn.

Với Hierarchy, các thông tin quan trọng sẽ có kích thước lớn hơn, được tô đậm hơn so với các thông tin phụ. Việc này giúp tạo sự tương phản và gây ấn tượng thị giác cực hiệu quả.

Kerning

Kerning là khoảng cách giữa các chữ cái trong 1 từ. Nếu khoảng cách quá gần, người đọc sẽ khó đọc được chữ. Ngược lại, khoảng cách quá xa sẽ khiến nét chữ rời rạc, khó quan sát tổng thể. Do đó, hãy điều chỉnh thật kỹ khoảng cách giữa các chữ cái để đem đến trải nghiệm tốt nhất cho khách hàng của bạn.

Kerning
Kerning

Tracking

Thuật ngữ Tracking được hiểu là độ dài của một từ. Các designer nếu áp dụng Tracking tốt sẽ giúp tăng thêm tính thẩm mỹ cho ấn phẩm Typography.

Tracking và Kerning thường bị người dùng nhầm lẫn với nhau, nhưng giữa chúng vẫn có những khác biệt nhất định. Tracking điều chỉnh khoảng cách giữa các chữ cái trong toàn bộ văn bản, còn Kerning điều chỉnh khoảng cách giữa các chữ trong cùng một từ. Tracking thường được dùng để lấp đầy khoảng trống sao cho phù hợp với ấn phẩm.

Các yêu cầu để làm Typography đẹp

Để làm Typography đẹp mắt và thu hút người xem, bạn có thể tham khảo các yêu cầu thiết kế sau đây:

  • Phân cấp nội dung của sản phẩm: Trước khi bắt đầu thiết kế ấn phẩm, các designer nên bắt đầu với việc chọn lọc và phân cấp thông tin rõ ràng. Bạn không nên đưa vào tất cả các thông tin, mà chỉ nên giữ lại các thông điệp quan trọng và hiệu quả nhất. Với các nội dung chính, bạn có thể làm nổi bật chúng bằng cách in đậm, phóng to, hoặc chọn các màu chữ WordPress nổi bật. Với nội dung phụ, hãy để chúng nhỏ hơn hoặc đưa ra mặt sau của ấn phẩm nếu có.
  • Chọn font chữ phù hợp: Bạn cần chọn các font chữ thể hiện được tinh thần, cá tính của thương hiệu, của sản phẩm. Việc chọn sai font có thể gây ảnh hưởng tiêu cực đến quá trình truyền tải thông điệp mà bạn kỳ vọng.
Chọn font chữ là bước quan trọng để làm typography
Chọn font chữ là bước quan trọng để làm typography
  • Sắp xếp khoảng cách, bố cục logic: Điểm làm nên sự thành công của typography là cách designer sắp xếp, sáng tạo các con chữ với nhau. Hãy đảm bảo các yếu tố về khoảng cách, giãn dòng đều phù hợp và đảm bảo sự rõ ràng, chuyên nghiệp.
  • Thường xuyên tham khảo các mẫu Typography: Để rèn luyện tư duy thẩm mỹ trong thiết kế, bạn nên thường xuyên quan sát các mẫu Typography nổi tiếng để học hỏi và cải thiện sản phẩm của mình. Việc này sẽ giúp bạn có thêm những ý tưởng tuyệt vời mà chính bạn cũng không ngờ đến. Bạn có thể tìm thấy các mẫu Typography xuất sắc trên các nền tảng như Behance, Pinterest, Instagram,…

Bạn có thể tham khác các mẫu Typegraphy đẹp tại đây

Typography là cách chúng ta hiển thị chữ viết. Chọn font phù hợp giúp văn bản dễ đọc và truyền đạt ý nghĩ. Kích thước và khoảng cách giữa chữ cái và dòng ảnh hưởng đến sự thoải mái khi đọc. Tránh sử dụng nhiều loại font, tập trung vào 2-3 font cho mỗi thiết kế. Để văn bản dễ đọc, nên có đủ tương phản giữa màu nền và chữ. Hãy chú ý cân nhắc và căn chỉnh để tạo cân đối và sự rõ ràng. Chọn font một cách cẩn thận để thể hiện tôn trọng và tính chuyên nghiệp trong việc trình bày thông tin.

Nguồn: tham khảo vietnix

1 thought on “Tản mạn về typo

  1. Pingback: Khóa học vuejs cơ bản - Tổng quan - Học lập trình dành cho người mới bắt đầu

Leave a Reply

Your email address will not be published. Required fields are marked *