Làm thế nào để thiết kế cho mù màu

Mục lục:

Làm thế nào để thiết kế cho mù màu
Làm thế nào để thiết kế cho mù màu

Video: Làm thế nào để thiết kế cho mù màu

Video: Làm thế nào để thiết kế cho mù màu
Video: Vì sao bạn bị mù màu? 2024, Có thể
Anonim

Thiết kế nội dung có thể sử dụng được cho những người bị mù màu là một cách tuyệt vời để giúp công chúng dễ tiếp cận hơn. Những người bị mù màu gặp khó khăn trong việc phân biệt các màu nhất định, chẳng hạn như đỏ, lục hoặc lam. Một số người mù màu hoàn toàn không thể nhìn thấy bất kỳ màu nào, khiến việc điều hướng các trang web và ứng dụng phụ thuộc nhiều vào màu sắc trở nên khó khăn. Bằng cách sử dụng một số mẹo và nguyên tắc đơn giản, bạn có thể làm cho thông tin của mình dễ sử dụng đối với tất cả những người nhấp vào thông tin, bất kể màu nào họ có thể (hoặc không thể) nhìn thấy.

Các bước

Phương pháp 1/2: Văn bản và Nền

Thiết kế cho bệnh mù màu Bước 1
Thiết kế cho bệnh mù màu Bước 1

Bước 1. Chọn màu tương phản cho văn bản và nền

Những màu sắc quá giống nhau có thể khó phân biệt đối với những người bị mù màu. Khi chọn màu văn bản và màu nền, hãy chọn những màu nổi bật so với nhau.

Đen trắng hoặc trắng đen là một lựa chọn hiển nhiên, nhưng bạn cũng có thể sử dụng xanh lam và vàng, vàng và tím, hoặc xanh đậm và đen

Thiết kế cho bệnh mù màu Bước 2
Thiết kế cho bệnh mù màu Bước 2

Bước 2. Chọn kết hợp màu sắc như xanh lam / vàng và cam / tím

Những người bị mù màu có thể nhìn thấy một số màu tốt hơn những màu khác. Khi bạn chọn các tổ hợp màu sắc, hãy cố gắng tuân theo:

  • Xanh lam và vàng
  • Nâu và xanh lam
  • Cam và tím
  • Xanh và tím
  • Vàng và hồng
  • đỏ và xanh
Thiết kế cho bệnh mù màu Bước 3
Thiết kế cho bệnh mù màu Bước 3

Bước 3. Tránh xa màu xanh lá cây / đỏ, xanh lá cây / nâu và xanh lam / tím

Hầu hết những người mù màu đều gặp khó khăn với sự kết hợp màu cụ thể. Tránh xa những màu đó để làm cho thiết kế của bạn dễ đọc.

Bạn cũng nên tránh màu xanh lá cây và xanh lam vì những sắc thái đó có thể rất giống nhau

Thiết kế cho bệnh mù màu Bước 4
Thiết kế cho bệnh mù màu Bước 4

Bước 4. Sử dụng màu sáng, đậm

Màu phấn và màu nhạt có xu hướng mờ dần vào nhau, đặc biệt là đối với những người bị mù màu. Bám sát màu neon hoặc màu cơ bản để giúp họ phân biệt giữa tất cả các màu trên trang.

Thiết kế cho bệnh mù màu Bước 5
Thiết kế cho bệnh mù màu Bước 5

Bước 5. Giữ cho bảng màu của bạn ở mức tối thiểu

Bạn càng sử dụng ít màu, bạn càng tránh được nhầm lẫn. Không có quy tắc khó và nhanh cho điều này, nhưng càng ít càng tốt!

Ví dụ: bạn có thể chọn 3 màu và lấy chúng làm chủ đề cho trang web của mình

Phương pháp 2/2: Hình ảnh và Liên kết

Thiết kế cho bệnh mù màu Bước 6
Thiết kế cho bệnh mù màu Bước 6

Bước 1. Gạch chân các liên kết có thể nhấp

Thông thường, các liên kết được đánh dấu bằng màu sắc, nhưng những người bị mù màu có thể khó nhìn thấy chúng. Nếu có một liên kết có thể nhấp, hãy gạch dưới nó cũng như đánh dấu nó trên trang.

Thay vào đó, nếu bạn không muốn gạch chân, hãy in đậm văn bản

Thiết kế cho bệnh mù màu Bước 7
Thiết kế cho bệnh mù màu Bước 7

Bước 2. Bao gồm các ký hiệu và phím

Những người bị mù màu có thể gặp khó khăn khi hiểu các biểu đồ và biểu đồ chỉ dựa trên màu sắc. Đảm bảo bạn bao gồm các ký hiệu và phím ở bên cạnh hình ảnh để làm tham chiếu.

  • Ví dụ: bạn có thể đặt một mã màu ở bên cạnh biểu đồ để giải thích ý nghĩa của mỗi màu.
  • Hoặc, bạn có thể sử dụng các ký hiệu trên bản đồ để gắn nhãn các khu vực khác nhau, như khu cắm trại và phòng vệ sinh.
Thiết kế cho bệnh mù màu Bước 8
Thiết kế cho bệnh mù màu Bước 8

Bước 3. Thêm kết cấu vào bản đồ, biểu đồ và đồ thị

Các màu đồng nhất có thể khó phân biệt. Hãy thử sử dụng các đường, dấu chấm và dấu thăng để phân biệt các phần trên đồ thị, bản đồ và biểu đồ.

  • Đây là một ý tưởng tuyệt vời cho biểu đồ thanh và biểu đồ hình tròn.
  • Bạn có thể sử dụng kết cấu cũng như màu sắc trong hình ảnh của mình, vì vậy bạn không cần phải thay đổi chúng hoàn toàn.
Thiết kế cho bệnh mù màu Bước 9
Thiết kế cho bệnh mù màu Bước 9

Bước 4. Phác thảo các phần trên bản đồ

Nếu bạn đang sử dụng màu sắc để phân biệt các trạng thái hoặc đường viền, hãy sử dụng đường viền màu đen. Điều này sẽ giúp những người bị mù màu, vì họ sẽ có thể nhìn thấy các đường màu đen.

Đây là một cách tuyệt vời để làm cho hình ảnh của bạn nổi bật hơn

Thiết kế cho bệnh mù màu Bước 10
Thiết kế cho bệnh mù màu Bước 10

Bước 5. Dán nhãn thông tin mà không sử dụng màu sắc

Biểu đồ hình tròn, đồ thị và hệ thống giao thông thường sử dụng màu sắc để phân biệt các phần hoặc phương pháp. Dán nhãn thông tin bằng các từ cũng như màu sắc để những người bị mù màu có thể truy cập được.

  • Ví dụ: nếu bạn đang sử dụng biểu đồ hình tròn, bạn có thể gắn nhãn cho từng phần cũng như sử dụng các màu khác nhau để phân tách chúng.
  • Người bị mù màu hoàn toàn (người chỉ có thể nhìn thấy hai màu đen và trắng) sẽ không thể sử dụng khóa màu.

Đề xuất: