7 quy tắc đơn giản cho kiểu chữ di động

kiểu chữ di động

Đây là 7 quy tắc đơn giản mà bạn nên sử dụng khi sử dụng một số loại phông chữ cho dự án của bạn hoặc dự án của khách hàng và để nó có thể được nhìn thấy hoàn hảo trên điện thoại di động.

Cho không gian

phân cấp bổ sung ảnh hưởng đến dòng chảy của một dòng

Có một phân cấp bổ sung ảnh hưởng đến dòng chảy của một dòng hoặc đoạn văn và là về phân cấp không gianNói cách khác, khoảng cách giữa các chữ cái nhỏ hơn khoảng cách giữa các chữ và khoảng cách giữa các chữ nhỏ hơn khoảng cách giữa các dòng. Để có được khả năng đọc hoàn hảo từ thiết bị di động, bạn nên chú ý đến hệ thống phân cấp không gian, ngoài phong cách của các nhân vật trong từ, dòng và đoạn văn, điều này thậm chí còn quan trọng hơn trong ánh sáng tự nhiên.

Nhận phép đo

Nhận phép đo

Thông thường, phép đo cho một bài đọc tốt là khoảng Nhân vật 65. Chiều dài vật lý của phép đo này thường phụ thuộc vào thiết kế của kiểu chữ và theo dõi, cũng như văn bản bạn sử dụng. Thật kỳ lạ khi 65 ký tự được mở rộng đến mép của trình duyệt trên máy tính để bàn, tuy nhiên, trên hầu hết các điện thoại di động đều có các ký tự này có xu hướng vượt ra ngoài giới hạn, vì vậy nó là cần thiết để giảm số đo.

Nới lỏng và thắt chặt

Nếu chúng được làm rất tự do, khoảng cách giữa các từ bắt đầu xếp hàng, dẫn đến cái thường được gọi là "sông".

Tiêu chuẩn truyền thống cho màn hình là khoảng 1.4em, mặc dù người ta tin rằng cái này rất chật đối với màn hình, một đặc điểm chính cho các phông chữ hoạt động bình thường trên màn hình là bộ đếm lớn, họ cần thêm một chút không gian để duy trì phân cấp không gian.

Tìm vị trí ngọt ngào

Tìm vị trí ngọt ngào

Mỗi đài phun nước có ít nhất một điểm ngọt ngào, về cơ bản nó là sự kết hợp của kích thước thường được tái tạo tốt nhất trên màn hình và từ thời điểm mà khử răng cưa áp dụng cho trình duyệt có xu hướng làm sai lệch thiết kế kiểu càng ít càng tốt.

El Nơi ngọt ngào, thực tế là điểm mà tại đó hầu hết các nét vẽ có xu hướng căn chỉnh với lưới pixel. Nói chung, cách tiếp cận tiêu chuẩn cho các nhà thiết kế là đặt loại nguồn bằng cách sử dụng lưới cơ sở, tuy nhiên, khi nói đến điện thoại di động, bạn cần sử dụng chiều cao "X" thay thế, nghĩa đen là chiều cao của chữ cái thường x.

Đừng làm mất giẻ rách của bạn

đường viền của hộp văn bản

Về cơ bản, giẻ rách là đường viền của hộp văn bản; nói chung những gì chúng ta đọc được căn chỉnh về bên trái khiến lề phải không đồng đều. Một khi mắt nhảy từ đầu này sang đầu kia trên một số dòng, não có cơ hội đánh giá tốt hơn góc và khoảng cách để nhảy tiếp theo, nếu tất cả các bước nhảy được thực hiện một cách nhất quán và nhanh hơn nhiều nếu chúng được đặt cách nhau theo cùng một cách. Đó là lý do tại sao lề trái của văn bản luôn phải phẳng, làm cho tất cả các dòng bắt đầu ở cùng một vị trí.

Khi sử dụng một văn bản hợp lý Các khoảng trống không nhất quán thường được tạo ra. Vấn đề chính đối với các văn bản được điều chỉnh là chúng sử dụng độ dài ngắn hơn nhiều, khiến văn bản trên thực tế không thể đọc được đối với điện thoại di động.

Giảm độ tương phản

Tiêu đề có thể có kích thước gấp 2 hoặc thậm chí gấp 3 lần nội dung văn bản của bạn

Tiêu đề chúng có thể gấp 2 hoặc thậm chí gấp 3 lần kích thước nội dung văn bản của bạn được thiết kế cho máy tính để bàn, hoạt động vì có nhiều văn bản hơn bên trong màn hình. Tuy nhiên, khi nói đến thiết bị di động, không phải tất cả văn bản đều hiển thị rõ ràng và sự tương phản có xu hướng rất phóng đại.

Điều chỉnh theo dõi để mở rộng

Khi điều chỉnh kích thước phông chữ cho thiết bị di động, bạn phải tính đến những thay đổi cần thiết trong quá trình theo dõi, về cơ bản là khoảng cách giữa các chữ cái được áp dụng cho mỗi ký tự trong phông chữ.


Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.