Kiến thức cơ bản về kiểu chữ cho người mới bắt đầu kèm ví dụ: Giải phẫu, Phối hợp và Phân cấp

Typographylà nghệ thuật sắp xếp kiểu chữ để ngôn ngữ trở nên rõ ràng, dễ chịu và có chủ đích. Bạn bắt gặp nó mỗi ngày: trên biển chỉ đường, hộp ngũ cốc, phiếu công thức, màn hình điện thoại và những ghi chú viết tay. Giới thiệu này về kiến thức cơ bản về kiểu chữ cho người mới bắt đầu kèm ví dụ xem kiểu chữ là một kỹ năng thiết kế thực tế mà bạn có thể học bằng cách quan sát kỹ. Khi bạn biết vài tên gọi và nguyên tắc, bạn sẽ đưa ra lựa chọn tốt hơn cho áp phích, bài thuyết trình, trang web, thực đơn và tài liệu hàng ngày.

Bắt đầu với giải phẫu của một chữ cái

Bạn không cần thuộc lòng mọi thuật ngữ kỹ thuật, nhưng một lượng từ vựng nhỏ sẽ giúp bạn mô tả những gì mình thấy. Chữ cái được tạo thành từ các nét, hình dạng và khoảng trống, và những chi tiết đó tạo nên phần lớn tính cách của một phông chữ.

Những phần bạn sẽ nhận ra đầu tiên

• Nét chính (Stem): nét dọc hoặc chéo chủ đạo, chẳng hạn như đường thẳng đứng trong chữ l thường hay nét chéo dày trong chữ v.
• Bát chữ (Bowl): hình dạng khép kín, tròn trong các chữ như b, d, p và q.
• Phần vượt lên trên (Ascender): phần của chữ thường vượt lên trên chiều cao x, như trong b, d và h.
• Phần hạ xuống dưới (Descender): phần hạ xuống dưới đường đáy, như trong g, j, p và y.
• Khoảng trống bên trong (Counter): khoảng trống được khép kín hoặc bán khép kín bên trong chữ cái. Khoảng trống kín xuất hiện trong chữ o; khoảng trống hở xuất hiện trong chữ c.
• Mở cửa (Aperture): phần mở dẫn vào khoảng trống bên trong. Các aperture rộng, như trong chữ c hoặc e, thường tạo cảm giác thoáng và dễ đọc.

Nhìn một biển chỉ đường quen thuộc. Các chữ thường chắc chắn, thoáng và cách đều nhau để tài xế có thể đọc nhanh từ xa. Bây giờ so sánh với một font script tinh tế dùng trên thiệp mời. Font script có thể mang lại cảm giác sang trọng, nhưng các nét mỏng và hình dạng liên kết đòi hỏi nhiều sự chú ý hơn. Không có phong cách nào tốt hơn một cách tuyệt đối; mỗi phong cách phù hợp với một tình huống đọc khác nhau.

Serif, Sans serif và khoảng cách giữa các chữ cái

Serif là nét kết thúc nhỏ được gắn vào cuối một nét lớn hơn. Các phông chữ có chi tiết này được gọi là phông chữ serif; những phông không có chúng là sans serif, từ tiếng Pháp sans, nghĩa là không có. Các font serif thường tạo cảm giác truyền thống hoặc mang tính văn chương, trong khi các font sans serif thường tạo cảm giác trực tiếp và hiện đại. Những liên tưởng này chỉ là xu hướng, không phải quy tắc, và bối cảnh vẫn rất quan trọng.

Có ba thuật ngữ khoảng cách hữu ích ở đây. Tracking là khoảng cách đều đặn trên một dãy chữ. Kerning là sự điều chỉnh giữa một cặp chữ cụ thể, chẳng hạn như khoảng cách nơi hai hình tròn hoặc chéo gặp nhau. Leading là khoảng cách dọc giữa các dòng văn bản. Khoảng cách kém có thể khiến chữ cái dễ đọc trở nên chật chội, lỏng lẻo hoặc rời rạc. Trên điện thoại, leading thoáng thường giúp mắt di chuyển mượt mà từ dòng này sang dòng tiếp theo.

Phối hợp các phông chữ với một vai trò rõ ràng

Phối hợp font trở nên dễ dàng hơn khi bạn ngừng tìm kiếm một c���p hoàn hảo và bắt đầu gán vai trò. Hãy hỏi: phông chữ nào sẽ truyền tải thông điệp chính, và phông nào sẽ truyền tải chi tiết? Một cặp phối hợp tốt thường kết hợp đủ sự tương phản để tạo sự thú vị với đủ sự nhất quán để cảm thấy liên quan.

Một điểm khởi đầu thực tế là phối hợp một font display biểu cảm với một font text tĩnh lặng. Font display xử lý tiêu đề, tên hoặc nhãn ngắn. Font text xử lý đoạn văn, chú thích và hướng dẫn. Bởi vì font display chỉ xuất hiện với số lượng nhỏ, nó có thể nổi bật mà không làm cho việc đọc dài trở nên mệt mỏi.

Ví dụ phối hợp hàng ngày

• Thực đơn: Dùng một font có tính cách cho tên nhà hàng và tiêu đề phần, sau đó dùng một font sans serif rõ ràng cho mô tả món ăn, giá cả và lưu ý về chế độ ăn.
• Bài thuyết trình: Cho tiêu đề slide một font chắc chắn, gọn gàng và dùng một font dễ đọc cao cho nội dung chính, chú thích và nhãn biểu đồ.
• Phiếu công thức: Để tiêu đề công thức mang cảm giác ấm áp hoặc trang trí, trong khi nguyên liệu và các bước thực hiện giữ nguyên bản, cách đều và dễ quét bằng tay dính bột mì.
• Trang web cá nhân: Phối hợp một font tiêu đề độc đáo với một font nội dung trung tính, sau đó chỉ lặp lại font tiêu đề cho các tiêu đề phần chính.

Hãy giới hạn bản thân ở hai phông chữ lúc đầu. Nếu bạn giới thiệu thêm, hãy gán cho mỗi font một vai trò cụ thể. Font thứ ba có thể dùng cho chú thích hoặc nhãn dữ liệu, nhưng một bộ sưu tập đang phát triển thường làm yếu hệ thống thay vì làm phong phú thêm.

Kiểm tra sự tương thích ngoài phong cách

Hai phông chữ có thể trông hấp dẫn khi đặt cạnh nhau nhưng vẫn hoạt động kém. So sánh tỷ lệ, chiều cao x, độ dày và màu sắc tổng thể của chúng, nghĩa là độ sáng hoặc tối chung mà chúng tạo ra trên trang. Đặt cùng một câu trong cả hai font và đọc to. Nếu một font cảm thấy quá nhỏ, quá rộng hoặc quá lỏng so với font kia, hãy điều chỉnh kích thước và khoảng cách trước khi từ bỏ cặp phối hợp đó.

Cũng hãy kiểm tra nội dung thực tế, bao gồm các từ dài, số, dấu câu và các ký hiệu bạn thực sự cần. Một font tiêu đề có thể thiếu một mũi tên, dấu ngoặc kép hoặc độ dày đậm hữu dụng. Một font nội dung có thể trở nên vụng về khi bị ép vào tiêu đề cỡ lớn. Sự phối hợp nên tồn tại được khi tiếp xúc với vật liệu thực, không chỉ trên một bảng mẫu gọn gàng.

Xây dựng phân cấp để người đọc biết nhìn vào đâu

Phân cấp là trật tự trực quan bạn tạo ra thông qua kích thước, độ dày, màu sắc, khoảng cách và vị trí. Nó trả lời ba câu hỏi chỉ bằng một cái nhìn: Đây là gì? Điều gì quan trọng nhất? Tôi nên đi đâu tiếp theo? Phân cấp mạnh mẽ giảm bớt nỗ lực cần thiết để hiểu một trang.

Bắt đầu với một mô hình đơn giản. Dùng một tiêu đề rõ ràng, một số lượng nhỏ tiêu đề phần và một phong cách nội dung nhất quán. Làm cho tiêu đề lớn hơn rõ rệt so với tiêu đề phần, và làm cho tiêu đề phần lớn hơn rõ rệt so với nội dung. Đừng dựa vào những thay đổi kích thước nhỏ; người đọc có thể bỏ lọt chúng hoàn toàn.

Sử dụng tương phản, lặp lại và gần gũi

• Tương phản: Tạo sự khác biệt rõ ràng giữa các cấp. Nếu hai phong cách gần giống nhau, người đọc sẽ cho rằng chúng có cùng mức độ quan trọng.
• Lặp lại: Sử dụng lại cùng một phong cách tiêu đề, cách trình bày bullet và quy tắc khoảng cách贯穿 toàn bộ bài viết để hệ thống cảm thấy đáng tin cậy.
• Gần gũi: Giữ các mục liên quan gần nhau và thêm nhiều khoảng cách hơn giữa các nhóm không liên quan. Khoảng trắng là một phần tích cực của hệ thống phân cấp.

Xem xét một lịch trình xe buýt. Cột đích đến nên dễ tìm hơn so với dòng chữ nhỏ về điều kiện vé. Các tiêu đề lớn xác định tuyến đường, các nhãn trung bình đánh dấu cột khởi hành và đến, và chữ nhỏ xử lý các lưu ý. Thông tin có thể dày đặc mà không trở nên hỗn loạn vì khoảng cách và tỷ lệ chữ tiết lộ cấu trúc.

Đọc trang từ xa

Bước lùi khỏi màn hình hoặc giữ tài liệu in ở phía bên kia phòng. Thông điệp chính vẫn nên nhìn thấy được, và cấu trúc vẫn nên nhận dạng được. Nheo mắt cho đến khi các từ mờ đi; bạn vẫn nên thấy các khối riêng biệt cho tiêu đề, các phần và chi tiết hỗ trợ. Nếu mọi thứ sụp đổ thành một trường xám, hãy tăng tương phản và khoảng cách.

Thực hành với các vật xung quanh bạn

Chọn ba vật dụng hàng ngày: một nhãn sản phẩm, một thông báo công cộng và một giao diện màn hình. Xác định một ví dụ về giải phẫu, một quyết định phối hợp và một thiết bị phân cấp trong mỗi vật. Viết lại một nhãn chật chội bằng hai phông chữ và ba cấp độ văn bản rõ ràng. Sau đó đơn giản hóa một biểu mẫu hoặc công thức để các tiêu đề, hướng dẫn và lưu ý có thể phân biệt ngay lập tức.

Thiết kế typographylà tốt hiếm khi tự thu hút sự chú ý. Nó làm cho việc đọc cảm thấy tự nhiên, dẫn dắt mắt một cách tiết chế và cho mỗi từ một vị trí phù hợp. Học từ vựng, đưa ra các so sánh có chủ đích và kiểm tra quyết định của bạn với văn bản thực tế. Với sự quan sát đều đặn và một chút thực hành, kiểu chữ ngừng là một chủ đề thiết kế đáng sợ và trở thành một công cụ hữu ích để tổ chức giao tiếp hàng ngày.