Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. UX
Webdesign

3 Mẹo giúp bạn tránh Typography xấu

by
Difficulty:BeginnerLength:ShortLanguages:

Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article)

Typography tốt mang lại sự phân cấp và tập trung vào đúng nơi đúng chỗ. Hướng dẫn nhanh này sẽ chỉ cho bạn cách tránh typography không hiệu quả và cách để mang đến sự nhấn mạnh đúng vào các từ được viết trong thiết kế của bạn.

1. Xin hãy cân nhắc khả năng tuy cập

Typography tốt có nghĩa là thiết kế không chỉ cho các trường hợp lý tưởng, mà còn cho những tình huống không lý tưởng, ví dụ như ở những nơi có người khiếm thị hoặc đọc dưới điều kiện ánh sáng yếu. Mục tiêu là có tỷ lệ tương phản cao giữa màu nền và màu văn bản. Có rất nhiều công cụ trực tuyến sẵn có để đảm bảo văn bản của bạn có thể đọc được.

WCAG 2.0 cấp độ AA yêu cầu tỷ lệ tương phản 4.5:1 đối với văn bản bình thường và 3:1 đối với văn bản lớn. Mức AAA đòi hỏi một tỷ lệ tương phản là 7:1 đối với văn bản thông thường và 4.5:1 đối với văn bản lớn.

Văn bản với độ tương phản quá cao cũng có thể làm cho việc đọc trở nên khó khăn. Ví dụ, văn bản có màu sáng trên nền tối.

2. Giảm sự phân tâm

Một nguyên tắc cơ bản là giảm bớt sự phân tâm đối với việc đọc văn bản. Cho dù đó là việc sử dụng quá nhiều phông chữ, quá nhiều kiểu và biến thể, quá ít hoặc quá nhiều khoảng trắng giữa các dòng. Giảm thiểu phân tâm bằng cách thiết lập một giới hạn về số phông chữ hoặc kiểu chữ mà bạn có trong một bố cục.

Ví dụ, sử dụng hai hoặc ba phông chữ có thể tốt cho trải nghiệm web nhưng nhiều hơn thì bạn có nguy cơ làm cho trang web trông không được tổ chức và lộn xộn.

3. Tối ưu hóa độ dài của dòng

Độ dài trung bình của một dòng để đọc tối ưu là từ 8-12 chữ mỗi dòng hoặc khoảng 50-60 ký tự trên mỗi dòng. Điều này sẽ giúp đảm bảo rằng mắt độc giả không nhảy quá thường xuyên từ đầu đến cuối của câu, và cũng là một cách tốt để đảm bảo rằng người đọc sẽ vẫn hứng thú.

Hãy chú ý kỹ việc này khi bạn thiết kế bố cục rộng, vì chiều dài có thể thay đổi ứng với kích thước khung nhìn. Typography là một lưu ý tuyệt vời khi quyết định breakpoint cho thiết kế của bạn.

Tóm tắt

Bằng những hướng dẫn cơ bản này, bạn có thể tránh được kiểu chữ xấu và truyền đạt rõ ràng thông điệp thiết kế, giảm tối đa sự phân tâm.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.