3 mẹo nhanh để cải thiện kiểu chữ trên mọi trang web

Cách đây không lâu, tôi đã chia sẻ với bạn một số mẹo về  cách chọn phông chữ để viết nội dung của một trang web của bạn. Hôm nay, tôi muốn cung cấp cho bạn ba cách sửa chữa nhanh mà bạn có thể thực hiện ngay hôm nay để cải thiện thiết kế của mình ngay lập tức.

1. Tăng độ tương phản màu sắc

Nếu tôi có một niken cho mỗi lần tôi nhìn thấy một đoạn văn màu xám nhạt trên một trang web, tôi sẽ giàu có.
Chú ý đến sự tương phản giữa màu sắc của văn bản và nền của bạn. Cách dễ nhất là sử dụng công cụ kiểm tra độ tương phản màu và đảm bảo rằng nó vượt qua bài kiểm tra.
Bạn có thể sử dụng độ tương phản thấp hơn nếu văn bản lớn hoặc đậm, nhưng văn bản càng nhỏ thì độ tương phản càng cao để đọc thoải mái.

2. Rút gọn dòng của đoạn văn

Đây là một sai lầm rất phổ biến. Các nhà thiết kế lấp đầy toàn bộ khu vực nội dung nhất định bằng văn bản và điều đó thường làm cho các dòng văn bản nội dung quá dài.
     Đếm số ký tự trong dòng của bạn và đảm bảo nó nằm trong khoảng từ 65 đến 85 nếu văn bản dành cho việc đọc kéo dài trên màn hình máy tính để bàn.

Bạn có thể giảm số lượng ký tự bằng cách giảm chiều rộng vùng nội dung hoặc bằng cách tăng kích thước phông chữ.
Nếu bạn tăng kích thước phông chữ của nội dung văn bản, bạn cũng cần tăng khoảng cách giữa các dòng hoặc làm cho các dòng dài hơn. Nếu vùng nội dung bị thu hẹp, bạn cũng nên giảm kích thước phông chữ và chiều cao dòng.
Giữ tỷ lệ đoạn văn hoàn hảo không phải là điều dễ dàng, nhưng đó là nền tảng của toàn bộ thiết kế của bạn.

Tinh chỉnh các tiêu đề

Tiêu đề là yếu tố nổi bật nhất trên mỗi trang. Có hai điều chỉnh thiết kế nhanh chóng mà tôi thực hiện trong hầu hết mọi thiết kế để làm cho chúng trông đẹp mắt:
Thêm nhiều khoảng trắng xung quanh các tiêu đề
Nó giúp làm cho chúng dễ đọc hơn trong khi tránh tắc nghẽn nội dung nếu có một khối văn bản theo sau dòng tiêu đề.
Điều chỉnh khoảng cách giữa các chữ cái
Hầu hết các phông chữ được tối ưu hóa để trông đẹp như một văn bản nội dung theo mặc định. Có nghĩa là có nhiều khoảng trống hơn một chút giữa các chữ cái, vì vậy văn bản trông không bị ép khi phông chữ nhỏ.

Tuy nhiên, khi bạn tăng kích thước phông chữ và sử dụng nó làm tiêu đề, văn bản dường như được giãn cách và làm cho tiêu đề dài hơn, sau đó có thể ngắt thành nhiều dòng hơn.

Nếu dòng tiêu đề tất cả đều là chữ hoa, tôi thêm một chút khoảng cách giữa các chữ cái, nếu không, tôi thường cung cấp cho nó một số khoảng cách giữa các chữ cái âm trong CSS, như -1px hoặc -1,5px.
Nó trông đẹp hơn nhiều và làm cho các tiêu đề vẫn có thể đọc được.
Bây giờ, hãy thử áp dụng ba mẹo này trong thiết kế của riêng bạn và bạn sẽ nhận thấy sự khác biệt. Ở đây chúng tôi chỉ đang sơ lược về những gì có thể làm được.
Có rất nhiều điều phải suy nghĩ khi chọn và kết hợp các kiểu chữ của bạn, cách bạn định dạng văn bản và cách tạo khoảng trống cho toàn bộ nội dung để nó luôn trôi chảy và hỗ trợ hệ thống phân cấp trực quan, v.v.
Có vẻ như có rất nhiều biến số nhỏ mà bạn phải cân nhắc trong mỗi thiết kế của mình, nhưng một khi bạn thực hành, nó sẽ trở nên tự nhiên đến mức bạn thậm chí không cần phải suy nghĩ về nó.
Bạn cũng sẽ bắt đầu chú ý đến tất cả những chi tiết nhỏ này trong tác phẩm của các nhà thiết kế khác và bạn sẽ biết điều gì tạo nên sự khác biệt giữa thiết kế tốt và xấu.
Nếu bạn quan tâm đến việc đưa thiết kế của mình lên một tầm cao khác