Mã màu theo ngày - có quy ước nào không?


8

Tôi đang làm việc trên một bản đồ cho thấy ngày nào rác được thu gom ở các khu vực khác nhau. Điều đó có nghĩa là nó khá hấp dẫn để mã màu cho từng khu vực với một màu khác nhau đại diện cho một ngày trong tuần.

Có bất kỳ quy ước để làm theo? Là 7 màu quá nhiều?

Đây là những gì nó trông giống như hiện tại:

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

Màu sắc của tôi cho đến nay theo cầu vồng từ thứ Hai đến thứ Sáu (đỏ, vàng, xanh lá cây, xanh dương, tím) sau đó là màu xám nhạt và xám đậm cho thứ Bảy và Chủ Nhật.

Dưới đây là các giá trị số trong hình ảnh, cho quan tâm. (CartoCSS, cá rô phi.)

@s: 60%;
@l: 70%;
@monday:    hsl(  0, @s, @l);
@tuesday:   hsl( 60, @s, @l);
@wednesday: hsl(110, @s, @l);
@thursday:  hsl(200, @s, @l);
@friday:    hsl(250, @s, 80%);
@saturday:  hsl(  0, 0,  70%);
@sunday:    hsl(  0, 0,  70%);

Vì vậy, các ngày trong tuần đều có độ sáng và độ bão hòa như nhau ngoại trừ thứ Sáu, mà tôi thấy dường như quá tối, vì một số lý do. Ban đầu, tôi đặt các màu sắc bằng nhau xung quanh quang phổ, nhưng thấy rằng có hai màu quá giống nhau và một số màu không hấp dẫn.


1
Nếu không có một số bối cảnh cụ thể, điều này có lẽ là quá rộng / dựa trên ý kiến. Có các quy tắc / hướng dẫn bản đồ cho số lượng màu (bảy không quá mức), nhưng tôi không biết về quy ước bản đồ cho màu ngày. Mặt khác, văn hóa ... đó là một câu chuyện hoàn toàn khác. Ví dụ: en.wikipedia.org/wiki/Colors_of_the_day_in_Thailand và / vs blog.forret.com/2007/08/weekday-colours-ayurveda hoặc / vs home.comcast.net/~pavel314/colorday.html
Chris W

Ồ, tôi đã không nghĩ về điều đó. Đó là Úc. Màu sắc sẽ không phải là cách duy nhất để có được thông tin (cũng được viết trên mỗi vùng, cộng với chuột, cộng với tô sáng đặc biệt cho ngày hôm nay và ngày mai)
Steve Bennett

đây là một công cụ thú vị: color.adobe.com . Ngoài ra, liên quan đến mù màu, đây là một số ý tưởng ux.stackexchange.com/questions/19592/ Ấn
mr.adam

Tôi thực sự không quan tâm đến mù màu vì đây không phải là cách chính mà thông tin được truyền đạt.
Steve Bennett

Câu trả lời:


4

Cho rằng bạn có chính xác bảy lớp (chúng có thực sự nhận vào Chủ nhật không?) Và rằng chúng là các lớp phân loại (không định lượng), tôi nói rằng có bảy màu khác nhau và cường độ và mức bão hòa tương tự là một cách tốt đi. Bạn có thể có lẽ thậm chí bóp, nói, cam và màu chàm / tím trong đó, ở vị trí của màu xám.

Cuối cùng, mặc dù bạn có thể sử dụng khoảng cách đều đặn dọc theo / xung quanh thang màu sắc, cuối cùng, bạn nên dựa vào sự khác biệt nhận thức thực tế về màu sắc để hướng dẫn lựa chọn của mình (và dường như bạn đã thử nghiệm điều này).

Cho rằng một số người dân bị mù màu hoặc một số người có thể nhìn thấy bản sao đơn sắc (mức xám) trên bản đồ của bạn, hãy cân nhắc kết hợp một họa tiết hoặc họa tiết độc đáo, tinh tế với mỗi màu để hỗ trợ sự khác biệt.

Any cái nào không giống màu tím bạn đã có


Chỉ cần đọc bình luận theo dõi của bạn. Vâng, đó cũng là những điều tốt để làm. (Và có thể thêm chúng vào cơ thể của Q.)
Martin F

Chủ nhật? Không xa như tôi biết nhưng có lẽ cần phải để lại khả năng - Tôi chưa có bộ dữ liệu hoàn chỉnh.
Steve Bennett

2

7 màu không quá nhiều. Tài nguyên tiếp theo của tôi ít nhất là bắt đầu với bảng màu là ColorBrewer , công cụ của họ sẽ cho phép bạn chọn số lượng lớp dữ liệu bạn có, bản chất của dữ liệu (định lượng, định tính) và bảng màu (tối , phấn màu, v.v.) và sẽ cung cấp cho bạn bản xem trước về dữ liệu của bạn sẽ trông như thế nào và mã màu bạn cần để thực hiện lược đồ. Đến đó, chọn một bảng màu Định tính và chơi xung quanh.

Tôi sẽ không sử dụng màu xám hoặc đen trừ khi nó biểu thị sự vắng mặt của xe thu gom rác vào ngày hôm đó. Nếu rác được nhặt lên mỗi ngày, hãy sử dụng sơ đồ 7 màu. Nếu nó chỉ được chọn vào các ngày trong tuần, hãy sử dụng bảng màu 5 màu trong tuần và màu xám vào cuối tuần để biểu thị không có xe bán tải vào những ngày đó.


Tôi cũng sẽ lặp lại việc sử dụng màu xám, hay đúng hơn là không sử dụng nó. Cùng với câu trả lời của Martin, tôi sẽ bình luận sớm rằng đó là ROYGBIV chứ không phải RYGBP, vì vậy bạn đã có bảy màu của mình ở đó. Nhưng sau đó tôi đã nghĩ có lẽ bạn cố tình chọn màu xám cho ngày cuối tuần vì không có xe bán tải vào những ngày đó (không có ở đây).
Chris W

Như bạn có thể thấy trên bản đồ cho đến nay, chỉ có hai khu vực là thứ bảy và không có khu vực nào làm chủ nhật.
Steve Bennett

1

Không rõ liệu ngày của người Hồi giáo có một phạm vi phân loại / danh nghĩa hay quy mô hay không. Vì màu sắc của bạn theo dõi cầu vồng từ thứ Hai đến thứ Sáu, tôi cho rằng thứ tự / chuỗi ngày là quan trọng đối với ứng dụng / phân tích của bạn. Do đó, những điều sau chỉ áp dụng nếu ngày của Tuần có một thang đo thứ tự trong ứng dụng / phân tích của bạn:

Tôi không biết về một quy ước bản đồ cho màu ngày. Nhưng 7 màu (cầu vồng ăn liền) là quá nhiều vì một chuỗi không thể nhận ra.

Trong bước đầu tiên, mức độ quy mô phải được xác định. Theo tôi, dữ liệu được chia tỷ lệ (ngược lại với phân loại / danh nghĩa, khoảng thời gian, tỷ lệ).

Với dữ liệu tỷ lệ thứ tự, màu sắc phải được sắp xếp trực quan (từ thứ Hai đến Chủ nhật).

Trong mô hình màu HSV, bạn có ba tùy chọn để điều chỉnh màu:

  • màu sắc (xanh lá cây, xanh dương, đỏ, đánh)
  • độ bão hòa (lượng màu xám)
  • giá trị (độ sáng)

Trong bản đồ của bạn, bạn đã sử dụng 7 màu hoàn toàn khác nhau để thay đổi màu sắc (đỏ, vàng, xanh lá cây, xanh dương, tím, xám nhạt, xám đen). Đây là quá nhiều. Một chuỗi không thể nhận ra.

Dưới đây là một lời giải thích tốt về cách xây dựng chuỗi màu ( http://colorusage.arc.nasa.gov ):

Với dữ liệu thứ tự, màu sắc ghi nhãn của các yếu tố đồ họa không chỉ có thể phân biệt và nhận dạng mà còn được sắp xếp trực quan. Các bài tập màu phải thể hiện mối quan hệ tuần tự giữa các yếu tố đồ họa. Điều này có thể đạt được với một chuỗi màu sắc, một chuỗi bão hòa, một chuỗi độ sáng hoặc một số kết hợp của các kích thước. Trình tự màu sắc đơn cực có thể thu được bằng các hỗn hợp với số lượng khác nhau của hai màu không phải đối thủ, nghĩa là, một số cặp khác ngoài màu đỏ / xanh lá cây hoặc vàng / xanh. Độ bão hòa và độ sáng được sắp xếp một cách tự nhiên. Sự kết hợp của độ bão hòa và độ sáng hoạt động tốt (xem ví dụ bên dưới). Đối với nhãn thứ tự lưỡng cực, sự kết hợp của độ bão hòa và độ sáng trong hai màu sắc hoạt động tốt.

Dưới đây là các ví dụ nhanh hiển thị chuỗi màu tốt hơn màu "cầu vồng" của bạn:

Ví dụ: độ dốc giữa 2 màu (vàng đến cam): độ dốc giữa 2 màu

Ví dụ: 6 độ bão hòa / giá trị khác nhau: 6 độ bão hòa / giá trị khác nhau

Ví dụ: 6 giá trị khác nhau: 6 giá trị khác nhau


4
Mặc dù tôi đồng ý rằng có một thứ tự rõ ràng vào các ngày trong tuần khi chúng xảy ra theo một trình tự cố định, thang màu thứ tự hoạt động tốt nhất khi đơn hàng phản ánh một chất lượng cụ thể. Bởi vì "Thứ Hai" không "nhiều hơn" hoặc "ít hơn" Thứ Ba ", một sơ đồ phân loại dường như phù hợp với trực giác của tôi hơn. Hơn nữa, bất kỳ 'Thứ Ba' nào cũng có cả trước và sau 'Thứ Hai', vì vậy thứ tự ngầm thực sự bị phá vỡ trừ khi bạn chọn một ngày tĩnh trong tuần để bắt đầu chuỗi (theo thứ Hai hoặc Chủ Nhật, theo truyền thống). Tôi thích màu sắc của OP; chúng dễ nhận biết hơn.
alphabetasoup

1
Vâng, tôi không nghĩ rằng tôi hoàn toàn đồng ý rằng các ngày trong tuần là một quy mô. Ở hai bản đồ phía dưới, có vẻ như có "nhiều thứ hơn" ở phía bắc / đông bắc và "không có gì nhiều" ở giữa. Ngoài ra, tôi cố tình tạo màu xám thứ bảy và chủ nhật để giảm số lượng màu xuống còn 5.
Steve Bennett

Cảm ơn các bình luận Steve và @ alpha-beta-soup. Tôi đồng ý rằng nó không rõ ràng cho dù quy mô là danh nghĩa hay thứ tự. Tôi cho rằng đối với Steve, tồn tại một chuỗi (vì anh ta nói theo dõi cầu vồng từ thứ Hai đến thứ Sáu). Nhưng nó chắc chắn phụ thuộc vào ứng dụng / phân tích bạn muốn làm. Nếu bạn coi ngày hôm nay là danh nghĩa: màu sắc cầu vồng của bạn là tốt. Nhưng tôi sẽ thay thế màu xám (thứ bảy, chủ nhật) bằng một màu.
Jens

Đó là một nhận xét nhỏ (theo cầu vồng) dựa trên giả định của bạn về dữ liệu là thứ tự. Ngày theo một chuỗi rất "yếu", và màu sắc của cầu vồng cũng vậy. Do đó, họ làm cho một trận đấu tốt. Mặc dù vậy, bản đồ của bạn trông vẫn ổn đối với mọi thứ có thể được coi là "bề mặt địa lý".
Martin F
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.