Tìm hiểu về kích thước chữ trong thiết kế web

Website

Bạn đã biết khi thiết kế website cần lựa chọn kích thước như nào cho phù hợp chưa? Cùng theo dõi bài viết bên dưới để biết thêm thông tin nhé!

Tìm hiểu về kích thước chữ trong thiết kế web

Tại sao kích thước chữ phần nội dung là 16px?

Thông thường, khi định dạng nội dung bạn chỉ sử dụng kích thước tầm 14px hay 13px, ít khi sử dụng tới kích thước 16px. Nhưng với góc độ người dùng khi xem những nội dung này trên website, thì sẽ hiểu lý do tại sao các nhà thiết kế mặc định kích cỡ này cho website. 

Kích thước 16px khi hiển thị trên màn hình các thiết bị sẽ tương ứng với tỷ lệ nội dung từ trang sách in, mang lại cảm giác thoải mái, dễ chịu cho người đọc, tránh những bệnh về mắt xảy ra cho họ.  

Tìm hiểu về kích thước chữ trong thiết kế web

Tỷ lệ kích thước chữ vàng phù hợp với mỗi nội dung 

Việc thiết kế website thành công, không đơn thuần chỉ sở hữu giao diện, mà còn có sự đóng góp của yếu tố kích thước chữ. Để kích thước từng phần nội dung trở nên phù hợp, hài hòa với tổng thể website, bạn nên áp dụng "tỷ lệ vàng" trong quá trình thiết kế. 

Cụ thể, với từng phần nội dung sẽ có một kích cỡ tương ứng như sau:

  • Tiêu đề lớn phải có kích cỡ từ 42px.
  • Phần nội dung chính là 16px.
  • Nội dung phụ là 13px.
  • Tiêu đề cần kích thước 26px.
  • Còn tiêu đề phụ chỉ cần 20px. 

Khi áp dụng tỷ lệ trên cho những nội dung trong website, bạn cũng phải tuân thủ tỷ lệ khoảng cách giữa các dòng như sau:

  • Dòng tiêu đề lớn là 42px/57.
  • Nội dung là 16px/ 26.
  • Nội dung phụ là 13px/21.
  • Tiêu đề là 26px/38.
  • Tiêu đề phụ tương ứng với 20px/31.

Tìm hiểu về kích thước chữ trong thiết kế web

Thống nhất về kích thước chữ khi thiết kế web

Trong quá trình tạo ra trang web, bạn chỉ nên dùng tối đa 3 kích cỡ chữ trong tổng thể phần nội dung. Việc sử dụng quá nhiều cỡ chữ sẽ gây rối loạn cho người xem, gây khó chịu cho họ trong quá trình trải nghiệm của họ. 

Từng phần nội dung chỉ nên thống nhất một kích thước nhất định, để tiện cho việc set-up cũng như quá trình sắp xếp bố cục nội dung trở nên hài hòa, bắt mắt hơn. Mang đến cho người đọc một cái nhìn thoáng đãng, dễ chịu hơn.   

Tìm hiểu về kích thước chữ trong thiết kế web

Hy vọng với những chia sẻ trên đây của Thiết Kế Web Số sẽ giúp cho việc lựa chọn kích thước chữ trong website trở nên dễ dàng và nhanh chóng.