Làm cách nào tôi có thể tìm thấy một bộ màu tối ưu cho 10 người chơi?

Tôi muốn cung cấp cho mỗi người trong số 10 người chơi một màu nhận dạng duy nhất. Có một bộ màu tối ưu cho việc này không? Làm thế nào để tôi tạo một cái?

Mỗi bộ tôi nghĩ ra đều chứa những màu quá giống nhau.

Cập nhật: Tôi đã được hỏi bên dưới đây là gì (câu hỏi công bằng). Bây giờ tôi có thể nói với bạn - Windwardopolis và màu sắc hoạt động rất tốt.

Bạn có thể tạo các giá trị màu sắc tương đương trong không gian HSV:

for (int i = 0; i < 10; i++)
    colors[i] = HSV(0.1 * i, 0.5, 1.0);

Tuy nhiên, có thể bạn sẽ không luôn có 10 người chơi. Trong trường hợp đó, bảng màu sẽ không hiệu quả trừ khi bạn tạo lại một bảng màu khác cho số lượng người chơi khác. Thay vào đó, một số tác giả khuyên bạn nên tạo bảng màu bằng tỷ lệ vàng, tận dụng lợi thế của một thuộc tính do định lý phân phối :

for (int i = 0; i < 10; i++)
    colors[i] = HSV(fmod(i * 0.618033988749895, 1.0), 0.5, 1.0);

Bằng cách đó, ngay cả khi bạn dừng lại ở 3 hoặc 4 hoặc 7 người chơi, bạn sẽ có được một màu sắc rất tốt.

Nhiều số vô tỷ sẽ làm, nhưng tỷ lệ vàng sẽ hoạt động tốt nhất (nó đã được chứng minh ).

Cuối cùng, bạn có thể sử dụng hai chuỗi tạo khác nhau để điều chỉnh Shoặc V, quá. Chẳng hạn ( chỉnh sửa : Tôi đã thêm sqrtlời kêu gọi phân phối tốt hơn ):

for (int i = 0; i < 10; i++)
    colors[i] = HSV(fmod(i * 0.618033988749895, 1.0),
                    0.5,
                    sqrt(1.0 - fmod(i * 0.618033988749895, 0.5)));

Cập nhật : các kết quả trên có thể được cải thiện bằng cách sử dụng đường cong hiệu chỉnh cho H(tương tự đường cong gamma cho các thành phần RGB) có tính đến hệ thống thị giác của con người. Đây là đường cong hiệu chỉnh màu sắc mà tôi đã tính bằng cách sử dụng số liệu CIEDE2000 :

Các kết quả cho các giá trị màu sắc tương đương như sau:

Và đối với các chuỗi tạo tỷ lệ vàng (có và không có chỉnh sửa V):

Tôi sẽ xuất bản một xấp xỉ của công thức đường cong để sử dụng trong các chương trình ngay khi tôi tìm thấy một công thức hợp lý tốt.

8 màu StarCraft là :

Đỏ, Xanh lam, Teal, Tím, Cam, Nâu (xanh lục trong bản đồ sa mạc), Trắng (xanh lục trên bản đồ băng), Vàng

Obv. Blizzard là những thiên tài UI và đã nghiên cứu vấn đề.

Họ đã bỏ Green ra để đổi chỗ cho Brown trên bản đồ sa mạc, vì vậy về mặt kỹ thuật có 9 danh sách được liệt kê ở đó.

Các 12 màu sắc Warcraft 3 là:

Đỏ, Xanh lam, Teal, Tím, Vàng, Cam, Xanh lá, Hồng, Xám, Xanh nhạt, Xanh đậm, Nâu

Đây là cách nó trông như thế nào:

Như bạn có thể thấy, chúng khá khác biệt và dễ phân biệt. Màu xanh đậm thực sự dễ phân biệt với màu xanh mòng két, có thể là do mắt người có thể dễ dàng phân biệt sắc thái nhất của màu xanh lá cây. Nếu bạn chắc chắn rằng người chơi của bạn sẽ là tetrachromats nữ, bạn có thể chọn bất kỳ màu nào.

Một số người ở đây khuyên bạn nên phân chia không gian màu HSV tại 10 vị trí tương đương trên màu sắc. Theo tôi, đây thực sự không phải là một giải pháp tốt. Mắt người không nhận thấy sự khác biệt về màu sắc ngang nhau trong phổ HSV. Ví dụ, những gì chúng ta gọi là màu cam chiếm một lát nhỏ của ban nhạc, trong khi một đoạn tốt 25% có thể đủ điều kiện là màu xanh lá cây. Vì vậy, nó bắt đầu với một tiền đề xấu. Nhìn vào hàng màu đầu tiên trong câu trả lời này . Hai màu xanh lá cây gần như không thể phân biệt.

Hãy nhớ rằng người dùng của bạn sẽ cần liên lạc và tham khảo các màu sắc. Trong bối cảnh này, chủ đề Starcraft / Warcraft là một hướng dẫn tuyệt vời để theo dõi. Lựa chọn dựa trên danh sách các màu Crayola tiếng Anh đơn giản không phải là ý tưởng tồi, bởi vì bạn sẽ kết thúc với các màu được đặt tên quen thuộc. Sau đó, chỉ cần chỉnh các màu đó thành đậm, tắt tiếng, bất cứ điều gì phù hợp với thẩm mỹ của bạn, miễn là chúng vẫn có thể nhận ra như Đỏ, Cam, Vàng, Xanh, Xanh, Tím, Nâu, Xám, Trắng, Đen.

Chỉnh sửa: kết nối giữa ngôn ngữ và nhận thức màu sắc rất thú vị, tôi chỉ muốn chia sẻ liên kết tuyệt vời này:

Sự cống hiến của thế giới: Làm thế nào chúng ta đặt tên màu sắc, và nó làm rối tung bộ não của chúng ta trên Empirical Zeal

Tôi nghĩ rằng tôi cần phải chia cách tiếp cận "biểu tượng" này thành một câu trả lời riêng biệt.

Trước đây, tôi cho rằng mọi người cần cờ và các thứ để dễ dàng xác định một đội quân từ xa, để bạn biết nên tấn công hay phòng thủ (trong trường hợp là kẻ thù), hoặc được giải tỏa (trong trường hợp là đồng minh).

Vì vậy, chắc chắn đó là chính xác những gì bạn đang cố gắng làm. Dễ dàng xác định một cái gì đó ở xa.

Bạn có thể làm điều đó chỉ với màu sắc, nhưng có thể cách tốt hơn để làm điều đó là với màu sắc và biểu tượng . Sử dụng kết hợp màu sắc và biểu tượng sẽ giúp người mù màu xác định sự vật, như nhiều người đã đề cập ở trên.

Nếu các đơn vị đủ lớn, bạn cũng có thể đi với 2-4 cánh tay màu.

Các mẫu dễ nhận biết, không chỉ là một màu. Hoạ tiết tốt có thể tạo thương hiệu cho huy hiệu khá lớn trên ngực hoặc cánh tay trên của mỗi đơn vị.

Trong hình trên, mũ bảo hiểm cho các đơn vị khác nhau có hình dạng khác nhau , cũng như phù hiệu khiên.

Bạn cũng có thể thấy thú vị về ý tưởng của Mon Nhật Bản , những "logo" trông rất đơn giản

Bây giờ về cơ bản bạn đang xây dựng thương hiệu cho các đơn vị của mình bằng các "thương hiệu" hiện đại. StarCraft II đã làm điều này một chút với "đề can",

nhưng những thứ này hầu như không nhìn thấy trong trò chơi

và không được sử dụng để xác định đơn vị nhiều như màu sắc.

Tôi cũng nhìn vào các lá cờ để tìm cảm hứng, đặc biệt là những người không sử dụng mô hình thương hiệu 3 sọc (những điều này trở nên hơi khó hiểu). Xem xét:

• Thụy sĩ:
• Một số
• Nam Triều Tiên:

Tất cả đều có một số cờ trông rất đơn giản nhưng đặc biệt.

Cũng kiểm tra các biểu tượng mà chính phủ Mỹ sử dụng để xác định nhân viên quốc phòng. Đây là những hình ảnh đơn sắc (có thể được thực hiện hoàn toàn bằng màu đen và trắng), vì vậy đây thực sự có thể là một giải pháp tuyệt vời sẽ không loại trừ người mù màu (về cơ bản sử dụng các biểu tượng để xác định các đội, thay vì màu sắc)

Tại sao phải phát minh lại bánh xe? Thậm chí còn có một tiêu chuẩn cho một bộ mười sáu màu, trong đó bạn có thể chọn mười màu. Đây là bộ ANSI http://en.wikipedia.org/wiki/ANSI_escape_code#Colors

Màu ANSI được phân bổ đều trên khối RGB, theo tôi, phù hợp hơn cho vấn đề này so với không gian HSV.

Khi lấy các cực trị của khối RGB, bạn sẽ có được các màu quen thuộc, như đỏ, xanh lam, lục lam, v.v ... Sau tám điểm góc, bạn có được tất cả các điểm ở giữa, trên các cạnh.

Làm cho 10 màu sắc có thể được phân biệt sẽ thực sự khó khăn. Đây là một vấn đề khá phổ biến trong việc tạo biểu đồ hoặc biểu đồ cho nhiều giá trị, đó là lý do tại sao họ thường sử dụng màu sắc và hình dạng hoặc màu sắc và kết hợp mô hình băm.

Nếu bạn cần hiển thị các điểm đánh dấu, bạn có thể sử dụng 4 màu cơ bản (ví dụ: đỏ, xanh, cam, đen) và bốn hình cơ bản (hình vuông, hình tròn, hình tam giác, hình thoi) và nhận 16 điểm đánh dấu rất dễ dàng.

Nếu bạn đang tô màu trong các khu vực, hãy sử dụng cùng một ý tưởng nhưng kết hợp màu sắc với các mẫu nở theo đường màu đen hoặc trắng thay vì hình dạng.

Một điều khác cần xem xét là không sử dụng màu sắc như là cách duy nhất để nói với bên. Di chuyển trên một khu vực có thể làm nổi bật nó và đưa ra một mẹo công cụ với tên người chơi được nêu rõ ràng. Hoặc có thể một danh sách gồm 10 người chơi có thể được sắp xếp lại và khi một người di chuyển qua tên người chơi, tất cả các khu vực trên bản đồ cho người chơi đó sẽ được hiển thị.

Ngoài ra, trong khi lựa chọn màu sắc, hãy nhớ mù màu. Màu xanh lá cây và màu đỏ chẳng hạn có thể không phân biệt được. Hãy xem http://jfly.iam.u-tokyo.ac.jp/color/#select cho một tập hợp các màu được đề xuất sẽ không phải là vấn đề đối với các cá nhân mù màu. Một tài nguyên bổ sung là http://www.usability.gov/articles/newsletter/pub/022010new.html#ColorsthatWorktheBest

Ngay cả khi bạn có thể nhận được 10 màu độc đáo dễ phân biệt bởi một người, một người khác vẫn có thể thấy bộ này khó phân biệt hơn.

Cân nhắc giới hạn bản thân trong một nhóm màu nhỏ hơn và thêm một tính năng dễ phân biệt , như một sọc đen . Đối với tập hợp màu sắc, có lẽ tốt nhất không nên đi quá xa so với những gì hầu hết mọi người có thể phân biệt dễ dàng: ROYGBIV . Một sọc đơn giản / không có sọc trên ROYGBIV giúp bạn nhận được 14 phần trò chơi.

Bạn cũng không phải giới hạn bản thân trong một sọc đen. Hãy xem xét giải pháp sau đây để nối dây 25 cặp (có thể dễ dàng bị sọc thay vì cặp): http://en.wikipedia.org/wiki/25- Pair_color_code

Chỉ muốn đưa ra một tham chiếu đến bảng màu Tableau-10 được phát triển cho tính khác biệt cao và được mô tả trong bài viết này:

http://vis.stanford.edu/files/2012-ColorNameModels-CHI.pdf

"Bảng màu Tableau-10 cung cấp độ mặn màu tốt nhất và trùng lặp tên tối thiểu."

Brent Berlin và Paul Kay đã chỉ ra rằng không gian màu có thể được chia thành một vài màu cơ bản, nhưng nó phụ thuộc vào văn hóa của bạn trong đó việc đặt tên cho một màu làm cho nó dễ phân biệt hơn.

Trong tiếng Anh, có 11 màu cơ bản: trắng, đen, đỏ, xanh lá cây, vàng, xanh dương, nâu, tím, hồng, cam và xám.

Tôi không thích ý tưởng chọn màu sắc xung quanh bánh xe vì nhiều lý do giống như Matt Montag đã nêu

Không chỉ làm màu sắc - có các biểu diễn trực quan thêm vào cả truyền thuyết, phong cách nghệ thuật và đại diện của màu sắc.

Ví dụ, Legend of the Five Rings sử dụng một cách đáng kinh ngạc để phân biệt giữa "bộ màu".

Một trong những ví dụ đẹp nhất để học một bài học từ. Hãy lưu ý hàng trăm cách họ phân biệt giữa các Gia tộc. Đó không chỉ là màu cơ bản, mà còn là màu thứ cấp và thậm chí là màu thứ ba. Các màu sắc thậm chí được bao gồm trong kiểu tóc, loại mặc, loại nhân vật, một biểu tượng đính kèm, cờ, biểu ngữ, cờ nhỏ ở phía sau, cá tính.

Điều lớn nhất tôi sẽ nhận được từ điều này là sự kết hợp của nhiều màu sắc. Nó không đơn giản: Xanh lam, Đỏ, Tím, Nâu, Vàng, Xanh lục, Teal.

Nó là sự kết hợp của hai màu, với cả hai đều rất rõ rệt. Điều này có thể cho phép số lượng người chơi bổ sung đáng kể.

Mỗi bang sẽ có cả màu chính và tập hợp màu phụ.

"Cua hầu hết được xác định với màu xanh xám, cộng với màu đen, đỏ và nâu."

Thật là đẹp, bởi vì bất kể người đó trông như thế nào (lớn, yếu đuối, samurai, phù thủy, nông dân), bạn luôn có thể nói họ thuộc dòng tộc nào. Đó không chỉ là "Màu đỏ" đối với Bọ cạp, nó là Màu đỏ sẫm và ĐEN. Trong khi Phoenix có các màu sunburst: đỏ, cam, vàng.

Bạn sẽ không bao giờ nhầm lẫn Bọ cạp với Phượng hoàng, ngay cả khi màu sắc của chúng tương tự nhau và cả hai đều sử dụng rất nhiều màu đỏ.

Hãy thử bộ trộn màu này: Bộ trộn màu HTML w3schools.com .

Đây là những gì tôi sẽ làm: chọn một màu cho tùy chọn đầu tiên. Sau đó, chọn một cho tùy chọn thứ 2 để màu thứ 2 ở vị trí đối diện chính xác với màu thứ nhất. Vì vậy, màu sắc ở vị trí: Hàng 1, Ô 1 sẽ ngược lại: Hàng cuối cùng, Ô cuối cùng.

Bằng cách đó, bạn kết thúc với 2 màu rất khác nhau ở các điểm cực của hỗn hợp mỗi lần. Lặp lại 5 lần này, luôn chọn các màu khác xa với lựa chọn cuối cùng.

Câu hỏi này có nhiều câu trả lời, nhưng tôi muốn chạm vào nhiều hơn về khả năng tiếp cận.

Nếu tôi ở trong kịch bản của bạn (cần chọn màu sắc cho một số thứ trong trò chơi cần được coi là khác biệt bởi tất cả người chơi có liên quan), mối quan tâm hàng đầu của tôi sẽ là không chỉ những người chơi bị mù màu, mà cả những người chơi có tầm nhìn thấp.

Giải pháp duy nhất cho vấn đề này theo như tôi biết là HỢP ĐỒNG GIÁ TRỊ . Một số người chỉ có thể nhìn thấy màu đen và trắng (nguồn: một người bạn từ các câu chuyện của trường đại học nghệ thuật về việc học một lớp lý thuyết màu sắc trong khi không thể nhận thấy bất kỳ màu nào do phẫu thuật mắt bằng laser thất bại). Một số người có thị lực kém hoặc mù một phần / hợp pháp. Bạn cần màu khác nhau của màu xám như một điểm khởi đầu để các màu sắc bạn DO chọn có thể xem và riêng biệt cho MỌI NGƯỜI .

Để hoàn thành tất cả những điều này và có màu sắc đẹp, vui lòng xem xét hình ảnh này, thu được bằng cách xếp một dải cầu vồng nằm ngang trong chế độ hòa trộn màu trên đỉnh của một dải màu đen sang trắng dọc (có thể tự mình thử, có thể với một màu tùy chỉnh gradient khác với cầu vồng!):

Từ tối nhất đến sáng nhất: đen, xanh dương, đỏ, đỏ tươi, xanh lá cây, lục lam, vàng, trắng.

Bạn có thể thấy đường ngoằn ngoèo mờ nhạt của "màu thuần khiết" không? THAT là giá trị tự nhiên của màu sắc được minh họa. Ngay cả khi sử dụng màu thuần khiết, màu xanh là tối nhất và màu vàng là sáng nhất. Sử dụng thông tin này để chọn các màu vừa phù hợp với yêu cầu giá trị cho các game thủ bị mù màu và / hoặc thị lực kém VÀ làm hài lòng về mặt thẩm mỹ đối với những người có thể cảm nhận được sự uy nghi đầy đủ của màu sắc bạn đã chọn.

Hi vọng điêu nay co ich! : -)

Tái bút: Tôi muốn chắc chắn rằng bạn cũng đã xem bình luận này!

Câu trả lời tốt nhất cho mù màu nó đơn giản không dựa vào màu sắc. Mỗi người chơi lý tưởng nên có một hình bóng độc đáo cho bất kỳ diễn viên nào mà anh ta điều khiển. Và tôi có nghĩa là hình bóng, không phải một loại biểu tượng; quá nhiều loại trò chơi Match 3 hoàn toàn sai, và ngay cả với người không bị mù màu, chúng chỉ khó chơi và gây quá nhiều mỏi mắt. - Sean Middleditch ngày 30 tháng 12 'lúc 5:08

Một cách để đảm bảo tập hợp tối ưu về màu sắc có thể phân biệt cho số lượng người chơi khác nhau (không tính đến mù màu) sẽ được chọn từ mô hình màu HSL (Hue, Saturation và Lightness).

Bạn chọn độ sáng và độ bão hòa không đổi, tùy thuộc vào sự lựa chọn của bạn. Sau đó, bạn thay đổi màu sắc của màu 360 / playerCount, như trong mã giả sau đây:

saturation = 200;
lightness = 128;
hueDelta = 360 / PLAYER_COUNT;

for (int i = 0; i < PLAYER_COUNT; i++)
    color[i] = Color.FromHSL(hueDelta * i, saturation, lightness);

Tôi muốn trình bày một bảng màu thay thế:

Đây là các màu RGB (cùng thứ tự) với các tên được đề xuất:

#eeeeee - white
#efef00 - yellow
#00e1da - cyan
#bfbf00 - olive
#12c055 - light green
#e21e80 - pink
#777777 - gray
#c10008 - red
#8900ae - light purple
#7c3900 - light brown
#0029b9 - blue
#400086 - dark purple
#4b1c00 - dark brown
#003004 - dark green
#07004b - dark blue
#111111 - black

Lưu ý: Tôi không sử dụng màu đen và trắng thuần túy, nghĩ rằng có lẽ chúng được sử dụng làm nền hoặc đường viền.

Metodology: chọn 12 màu trên mặt bão hòa của khối màu (nghĩ rằng tôi sẽ hài lòng với 12), đánh dấu sự tách biệt của chúng, và sau đó - sử dụng một công cụ để mô phỏng mù màu - bắt đầu tweeking. Sau đó, tôi đã thêm một màu trắng gần, một màu đen và lén một màu xám, bởi vì tôi có thể. Điều đó đã cho tôi 15 màu. Tôi muốn 16 màu vì nó là sức mạnh của 2 và tôi mặc dù nó có thể làm cho mọi thứ dễ dàng hơn cho các nhà phát triển. Cuối cùng, tôi đã tìm được cách thêm màu thứ 16, tôi phải di chuyển những thứ khác xung quanh để lấy màu đó. Sau đó ... kiểm tra lại bằng công cụ mô phỏng mù màu, sửa và lặp lại.

Dưới đây là các trường hợp mù màu khác nhau:

Bình thường:

Protanopia:

Khiếm thị:

Tritanopia:

Protanomaly:

Deuteranomaly:

Tritanomaly:

Achromatopsia:

Achromatomaly:

Sau khi chơi với công cụ mô phỏng mù màu một thời gian, tôi phải nói rằng, độ tương phản là tối quan trọng.

Ví dụ, hãy xem xét các màu thứ 5 (xanh nhạt), thứ 7 (màu xám) và thứ 9 (màu tím nhạt). Chúng trông giống nhau trên một số trường hợp, đặc biệt là ở kích thước nhỏ và cách nhau bởi một màu khác. Tuy nhiên, đặt chúng cạnh nhau và bạn có thể phân biệt chúng. Tăng diện tích bao phủ trong màu sắc và bạn có thể phân biệt chúng dễ dàng hơn nhiều. Vì vậy, ... thiết kế cho mù màu không chỉ là chọn màu.

Trên lưu ý đó ... nếu bạn chọn kết hợp hai màu thay vì một màu để đại diện cho một phe, điều này sẽ đi một chặng đường dài.

Những màu này được chọn bằng một phương pháp rất kinh nghiệm. Tôi nhận thấy rằng một điểm rất quan trọng là đảm bảo rằng tất cả chúng đều có độ sáng khác nhau. Tôi cũng nhận thấy rằng hầu hết các "màu" xuất hiện hai lần (có hai màu xanh lá cây, hai màu tím, hai màu nâu, v.v ...). Trên thực tế, màu thứ 4 (ô liu) là màu cuối cùng tôi thêm vào và tôi quyết định nó sẽ là màu giống như màu vàng, vì không có gì giống màu vàng. Tôi cho rằng đó có thể là cơ sở cho một cách có hệ thống hơn để chọn màu sắc.

Nhìn lại, có lẽ tôi nên làm cho màu thứ hai giống như màu vàng (ô liu) tối hơn và sử dụng điểm sáng đó cho màu hồng (xem màu thứ 7). Tại sao? Bởi vì nó sẽ cho bạn nhiều sắc thái hơn để chơi với. Ern ... điều này là đủ tốt, và nhận được tất cả các hình ảnh là một rắc rối.

Phụ lục : Một cái gì đó tôi không xem xét là làm thế nào màn hình LCD phân biệt màu sắc nếu bạn nhìn ra khỏi phạm vi góc ưa thích.