Thiết kế phông chữ và lựa chọn typographic cho người đọc mắc chứng khó đọc?


8

Gần đây tôi đã tình cờ tìm thấy một phông chữ được thiết kế dành riêng cho những người đọc mắc chứng khó đọc (OpenDyslexic) . Nó giải thích cách nó hoạt động như vậy:

Các chữ cái có đáy nặng để thêm một loại "trọng lực" cho mỗi chữ cái, giúp giữ cho bộ não của bạn không xoay chúng theo những cách có thể khiến chúng trông giống như các chữ cái khác.

nhập mô tả hình ảnh ở đây

Tôi tự hỏi:

  • Có những nguyên tắc thiết kế khác đằng sau phông chữ đặc biệt nhắm vào những người mắc chứng khó đọc? (Liên kết để nghiên cứu về hiệu quả của các nguyên tắc thiết kế như vậy sẽ được đánh giá rất cao.)
  • Ngoài ra còn có các mẹo đánh máy có thể được sử dụng để làm cho một khối văn bản (hoặc trang) tổng thể dễ đọc hơn đối với người đọc mắc chứng khó đọc? Tôi có thể tưởng tượng những thứ như điều chỉnh k sâu hoặc sửa đổi đường cơ sở ngẫu nhiên nhỏ có thể là một số trợ giúp

3
Đối với tôi sẽ tốt hơn nếu: Văn bản hàng đầu lỏng lẻo thay vì chặt chẽ (Dễ dàng chuyển sang dòng tiếp theo). Tôi muốn nói rằng tốt nhất là tốt nhất, là giữa chặt chẽ và lỏng lẻo. Cả chặt chẽ và lỏng lẻo đều có cùng một vấn đề (lỏng lẻo tạo ra vấn đề sớm hơn một chút tôi muốn nói), thật khó để phân biệt nơi sinh mệnh và kết thúc. Tôi cũng thấy phông chữ sans-serif dễ đọc nhất. Tôi là người dùng nặng tính năng tìm kiếm trong bất kỳ thứ gì có tính năng này (HĐH, trang web, trình duyệt ..). Nếu nó khó đọc, tôi bỏ nó ngay lập tức. (Thỉnh thoảng tôi thấy các câu hỏi trong các trang SE không có ngắt dòng. Ngay lập tức bị bỏ qua.)
Joonas

1
... Trong nhận xét trước đây của tôi, tôi đã thực sự nghĩ về tracking, không kerning. Kerning tôi thấy không quan trọng.
Joonas

Không nhận ra rằng liên kết dẫn đến một bản xem trước phông chữ, vì vậy tôi đã bỏ qua nó (giả sử rằng đó là một bài viết dài). Sau khi nhìn thấy phông chữ, tôi không nghĩ rằng nó bổ sung thêm bất cứ điều gì về khả năng đọc (tôi nghĩ rằng kích thước phông chữ lớn là điều duy nhất làm tăng thêm trải nghiệm đọc), mặc dù đó là phông chữ dễ đọc đáng ngạc nhiên (xem xét rằng trước khi tôi tập trung đọc bất cứ điều gì , tất cả trông giống như các chữ cái nổi riêng lẻ). Phông chữ rất xấu.
Joonas

1
@Joonas Tôi chắc chắn sẽ sử dụng nhiều ngắt dòng kể từ bây giờ! Cảm ơn vì sự sáng suốt tuyệt vời!
Yisela

2
@yisela Tôi cảm thấy rằng tôi nên xây dựng dòng ngắt một chút: khi tôi đọc nhiều dòng văn bản, tôi hầu như luôn cần phải theo dõi dòng tôi chỉ đọc đến từ đầu và chuyển sang dòng tiếp theo từ ở đó, bởi vì tôi dễ dàng mất dấu vết của nơi tôi đã ở. Dẫn đầu cũng ảnh hưởng đến điều này. Với ngắt dòng, tôi có thể dễ dàng theo dõi những gì tôi đang đọc hơn vì có ít dòng để theo dõi hơn. Tôi thấy rằng ngắt dòng có tác dụng tương tự như cột. Nó cắt văn bản thành các đoạn nhỏ gọn và dễ đọc hơn, làm cho nó ít đáng sợ hơn để bắt đầu đọc.
Joonas

Câu trả lời:


18

Có một bài viết tuyệt vời gọi là Thiết kế cho chứng khó đọc, và nó được chia thành ba phần. Phần 3 là về kiểu chữ:

  • Phần 1 (Định nghĩa chứng khó đọc, quy mô dân số, ý nghĩa / tác dụng)
  • Phần 2 (Độ tương phản màu thấp hơn & người dùng khiếm thị)
  • Phần 3 (Kiểu chữ, bố cục, phong cách ngôn ngữ, kiến ​​trúc thông tin, trình đọc màn hình)

Đây là một đoạn trích, tôi đã cắt một số 'điểm nổi bật', nhưng toàn bộ bài viết rất hay và đáng để đọc.

Có nhiều hơn nữa để thiết kế các trang thân thiện với chứng khó đọc hơn là chỉ làm giảm độ tương phản màu. Về mặt tích cực, có khả năng những thay đổi này sẽ có tác động tích cực đến khả năng đọc trang cho tất cả người dùng.

Chiều rộng đường

Độ dài dòng ngắn hơn và cột văn bản hẹp hơn giúp đọc dễ dàng hơn. Cân nhắc đặt độ rộng phần trăm cho các vùng văn bản và đặt lề thành Tự động 0 thông qua CSS. Các lề bên trang sau đó sẽ tăng tỷ lệ thuận trên các màn hình rộng hơn.

Chiều cao giữa các dòng

Hầu hết các trình duyệt có chiều cao dòng mặc định khoảng 1em. Điều này thường dẫn đến các dòng văn bản đóng gói chặt chẽ. Việc tăng chiều cao dòng lên khoảng 1,3em ngay lập tức giúp cho các dòng văn bản dài hơn dễ đọc hơn.

Cỡ chữ

Văn bản càng nhỏ, càng khó đọc. Chỉ định kích thước phông chữ theo đơn vị tuyệt đối và bạn cũng sẽ loại bỏ khả năng thay đổi kích thước văn bản của người dùng trong trình duyệt của họ.

Mặt chữ

Nếu có thể, sử dụng phông chữ sans-serif. Các móc trang trí trên sàn gỗ trên các nét chính của chữ serif có thể tạo thêm vấn đề cho người dùng mắc chứng khó đọc. Các chữ cái có thể nhận biết trong một từ có thể xuất hiện quá xa nhau để thấy được toàn bộ từ. Điều này cũng có thể được kết hợp bởi khoảng cách giữa các từ quá nhỏ để dễ đọc.

Nếu bạn phải sử dụng phông chữ serif của công ty, hãy xem xét giảm khoảng cách giữa các chữ cái một chút để các chữ cái trong một từ nằm gần nhau hơn nhưng tăng khoảng cách từ để tạo khoảng cách lớn hơn một chút giữa các từ riêng lẻ.

Có hợp lý hay không?

Văn bản hợp lý có thể tạo ra một hiệu ứng hình ảnh đẹp lòng. Tuy nhiên, nó đạt được các đường thẳng đẹp ở hai bên của văn bản bằng cách giới thiệu khoảng cách biến giữa các từ riêng lẻ.

Đối với một người đọc mắc chứng khó đọc, nó có thể là thảm họa! Khoảng cách không đồng đều giữa các từ, tạo ra sự phân tâm thị giác khó có thể bỏ qua. Kết quả là người đọc mất vị trí của mình nhiều lần. Văn bản không chính đáng, mặc dù ít hấp dẫn thoạt nhìn. dễ đọc hơn nhiều

Sử dụng chữ nghiêng một cách tiết kiệm

Khi phông chữ in nghiêng được sử dụng trên một trang web, các chữ cái riêng lẻ có thể có một dòng hơi lởm chởm so với phông chữ không in nghiêng. Điểm ảnh này của người Viking, cùng với người dùng của họ nghiêng về phía bên trái khiến họ khó đọc đối với một người mắc chứng khó đọc. Hiệu ứng được gộp nếu văn bản cũng nhỏ.

Sử dụng chữ nghiêng một cách tiết kiệm và xem xét văn bản in đậm cho các từ quan trọng. Chúng sẽ dễ đọc hơn nhiều.


Một số "Extras"

Hiệp hội Chứng khó đọc của Anh cũng có một số hướng dẫn trong hướng dẫn phong cách của họ .

Kiểu chữ Dyslexie cho những người mắc chứng khó đọc

Đọc phông chữ thông thường để đọc và viết hiệu quả


Đáng buồn thay những liên kết bài viết đã biến mất. May mắn thay bạn đã trích xuất các điểm nổi bật rồi, vì vậy câu trả lời này vẫn còn tốt.
Marcus Downing

@MarcusDowning Thật tuyệt khi nghe điều đó! (phần thứ hai).
Yisela
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.