Kích thước chữ trong thiết kế web

Website

Việc thiết kế website có khá nhiều yêu cầu cần phải được chú ý. Một trong những yêu cầu đó là về phần font chữ, chúng ta phải thiết kế kích cỡ chữ như thế nào để người dùng dễ dàng nhìn thấy được.

Kích thước chữ trong thiết kế web

Kích thước trung bình của font tiêu đề

Lựa chọn kích thước font tiêu đề phụ thuộc vào các font sử dụng trong thiết kế. Trong mọi trường hợp, kích cỡ chữ phụ thuộc vào thiết kế tổng thể, về cách thức phù hợp với các tiêu đề trên trang web.

Tùy vào từng thiết bị sẽ có những font chữ khác nhau:

Tiêu đề lớnFont size
Desktop48px
Tablet40px
Mobile32px
Tiêu đề phụFont size
Desktop36px
Tablet32px
Mobile26px

Kích thước chữ trong thiết kế web

Kích thước trung bình font chữ ở phần nội dung

Thông thường các trang web sẽ mặc định kích cỡ chữ là 16px cho phần nội dung trong website. Đây cũng chính là kích cỡ chữ thường được sử dụng trong việc in sách. Kích cỡ này sẽ làm cho người dùng cảm thấy thoải mái, không gây tình trạng mỏi mắt nếu có lỡ ngồi làm việc lâu trên thiết bị máy tính.

BodyFont sizeSố chữ trên 1 dòng
Desktop16px60 - 75
Tablet16px60 - 75
Mobile16px35 - 40

Kích thước chữ trong thiết kế web

Khoảng cách dòng (Leading)

Việc giãn cách giữa các dòng trong phần nội dung văn bản cũng cần được chú ý. Khoảng cách giữa các dòng sẽ tạo cho người đọc cảm giác lôi cuốn, có không gian trống cho người dùng thư giãn khi phải tiếp xúc quá lâu trên máy tính. Khoảng cách chiều cao mỗi font chữ giữa các dòng là 3px. Nói đơn giản hơn, là nếu font chữ có kích cỡ 10px thì chiều cao khi đó là 13px, tạo cảm giác dễ đọc hơn cho người dùng.

Kích thước chữ trong thiết kế web

Khoảng cách chữ (Kerning)

Chúng ta có thể điều chỉnh khoảng cách giữa các ký tự bằng nhiều phương pháp khác nhau. Nhưng, không nên điều chỉnh tỷ lệ giữa các ký tự, không kéo ký tự theo nhiều hướng khác nhau với mục đích thay đổi khoảng cách giữa các ký tự. Bạn cũng có thể chọn các font chữ khác nhau để có sự giãn cách giữa các ký tự hợp lý.

Kích thước chữ trong thiết kế web

Số ký tự trên một dòng

Giới hạn đúng số lượng ký tự trên nội dung trong website, chính là chìa khóa về khả năng của độ dễ đọc cũng như độ dài dòng chữ. Tối đa bạn chỉ nên sử dụng 60 ký tự để mang lại trải nghiệm đọc tốt cho người dùng.

Đối với các thiết bị mobile, chỉ nên dùng khoảng 35 - 40 ký tự trên một dòng.  

Kích thước chữ trong thiết kế web

Nếu bạn có bất kì nhu cầu nào liên quan đến vấn đề thiết kế web cần xử lý, hay có nhu cầu thiết kế cho doanh nghiệp mình trang web mang đậm phong cách riêng. Hãy nghĩ ngay đến Thiết Kế Web Số chúng tôi, với nhiều năm hoạt động trong lĩnh vực web, không ngừng cập nhật những xu hướng hiện đại để mang đến cho khách hàng những trải nghiệm tốt nhất trong suốt quá trình sử dụng dịch vụ. Liên hệ ngay với chúng tôi qua hotline 08999 365 24, để biết thêm chi tiết về các dịch vụ, rất hân hạnh được phục vụ quý khách hàng!