Font chữ trong thiết kế web

Trang chủ » Tư vấn »Tư Vấn» Thiết Kế Website» Font chữ trong thiết kế web

Ngày tạo: 03/03/2018

Font chữ trong thiết kế web

Khảo sát của tạp chí Smashingmagazine cho thấy, có tới 3/2 người dùng phàn nàn về font chữ gây khó đọc khi truy cập website. Vậy, để website của bạn không mắc lỗi về font chữ thì cần lưu ý những điều gì?

1. Font chữ nội dung có kích thước 16px, tại sao?

Con số này nghe có vẻ lớn hơn so với các con số quen thuộc là 14 hoặc 13px, tuy nhiên nếu đứng dưới góc độ người dùng, bạn sẽ hiểu tại sao các nhà nghiên cứu đề xuất con số này làm kích thước mặc định của văn bản trên website. 16px khi hiển thị trên màn hình máy tính đến khoảng cách mắt người đọc cũng tương tự như tỷ lệ của font chữ trong sách in tới khoảng cách của người cầm sách, giúp dễ đọc, khỏe mắt và tạo sự thoải mái cho người dùng.

2. Áp dụng tỷ lệ vàng cho sử dụng font chữ

Một website hiệu quả không đơn thuần chỉ là sở hữu giao diện đẹp, trước tiên đó phải là một giao diện rõ ràng và trực quan. Trong đó, một trong những yếu tố quan trọng nhất trên giao diện đó chính là font chữ. Muốn font chữ đảm bảo được tính hài hòa, cân bằng, chúng ta có một giải pháp đó là – Tỷ lệ vàng.

Cụ thể, con số và cách sử dụng font chữ kích thước 16px áp dụng tỷ lệ vàng cho thiết kế web như sau.

Nội dung: 16px

Nội dung phụ: 13px

Tiêu đề: 26px

Tiêu đề phụ: 20px

Tiêu đề lớn: 42px

Khi chúng ta áp dụng tỷ lệ vàng thì khoảng cách giữa các dòng chữ sẽ chịu sự ảnh hưởng của kích thước font chữ và độ dài chiều ngang của dòng nên khi độ dài chiều ngang dòng thay đổi, khoảng cách dòng cũng thay đổi theo.

Ta có thể tính được kích thước font và khoảng cách dòng như sau:

Nội dung: 16px/ 26

Nội dung phụ: 13px/ 21

Tiêu đề: 26px/ 38

Tiêu đề phụ: 20px/ 31

Tiêu đề lớn: 42px/ 57

3. Sự thống nhất, đồng bộ

Việc sử dụng font chữ cho một website cần đảm bảo được tính đồng bộ, không sử dụng quá 3 kiểu font chữ trên một website. Phổ biến nhất chỉ nên là: chữ thường, chữ nghiêng, chữ bôi đậm. Sử dụng quá nhiều font chữ trên một website sẽ khiến cho giao diện trang trở nên rối mắt, khó theo dõi và gây khó chịu cho người dùng. Ngoài ra, font chữ được chọn không nên quá màu mè, phức tạp và kiểu cách vì sẽ gây khó đọc, người đọc nhiều khi sẽ hiểu sai nội dung hoặc mất nhiều thời gian hơn để “giải mã”.

Trên đây là một số lưu ý khi sử dụng font chữ trong thiết kế website. Để được tư vấn kỹ hơn và cung cấp gói giải pháp thiết kế web hiệu quả nhất, hãy liên hệ với Trần Lê ngay hôm nay.

Là một trong những công ty thiết kế web có uy tín với hơn 9 năm kinh nghiệm trong nghề, sở hữu đội ngũ thiết kế viên được đào tạo bài bản từ các trường đại học danh tiếng tại Mỹ, Trần Lê chắc chắn sẽ mang lại cho bạn giải pháp tối ưu nhất cho việc thiết kế web, nâng cao trải nghiệm người dùng và tăng doanh thu hiệu quả.

Đào Thơ