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?


293

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.


2
Đỏ, Xanh lam, Xanh lục, Tím, Nâu, Cam, Vàng, Đen, Trắng và Xám.
Luis Estrada

12
Mặt sau màu gì? hoặc những màu nào khác bạn có trong cảnh (ví dụ cho các đối tượng trung tính)?
Ali1S232

Điều này có thể tham vọng hơn một chút so với những gì bạn dự định, nhưng làm thế nào về việc cung cấp cho người chơi tất cả các tùy chọn để tùy chỉnh giao diện của nhân vật, sao cho mỗi người sẽ trông độc đáo do số lượng kết hợp có thể có?
Philipp

Trước mắt tôi đoán tôi sẽ hỏi chính xác bạn đang tô màu gì? Khu trên bản đồ? Điểm đánh dấu? Mô hình người chơi trong trò chơi 3D?
Tim Holt

4
Tôi không mong đợi câu hỏi này sẽ có câu trả lời hay, wow.
jhocking

Câu trả lời:


337

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);

thử 1

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);

thử 2

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)));

thử 3

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 :

đường cong điều chỉnh màu sắc

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

thử 4

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

thử 5 thử 6

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.


11
Câu trả lời chính xác! Thay đổi giá trị bão hòa cũng có thể giúp ích, bạn không có màu nâu ở đây. Tùy thuộc vào kiểu bản đồ, màu trắng hoặc đen cũng có thể là màu có thể.
bobobobo

21
Điều này không làm cho mù màu xem xét tôi đoán? Một câu trả lời rất thú vị không hơn không kém.
AlexanderBrevig

7
@AlexanderBrevig không, thật không may; nó cũng không xem xét đến thực tế rằng con người không được tin là có màu sắc tương phản đồng nhất. Tôi đang suy nghĩ về cái sau và có thể cập nhật câu trả lời của tôi sau. Vấn đề mù màu là vấn đề phức tạp hơn nhiều tôi sợ.
sam hocevar

25
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

13
Xin vui lòng xem biểu đồ nhận thức màu sắc của con người . Bạn nên vẽ các điểm tương đương trong không gian 2D này. âm mưu bình đẳng bởi màu sắc là không phù hợp với nhận thức của con người ngay cả trong một chút!
ErikE

172

8 màu StarCraft :

Đỏ, 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ập mô tả hình ảnh ở đây

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.


3
Nếu tôi có thể chọn 2 câu trả lời tôi cũng sẽ chọn câu trả lời của bạn. Cảm ơn bạn
David Thielen

11
Trở thành một tetrachromat giúp phân biệt màu sắc trong thế giới thực, bởi vì các vật thể bình thường có quang phổ phức tạp. Tuy nhiên, trở thành một tetrachromat sẽ không giúp ích gì cho các trò chơi trên máy tính, bởi vì màn hình chỉ có ba màu (xanh đỏ). Để mang lại lợi ích cho những người bị đột biến trong bài viết, một màn hình mới với bốn màu (đỏ xanh xanh cam) sẽ là cần thiết. Không gian màu RGB hạn chế cũng có nghĩa là tất cả các ảnh / video phải trông khá phi thực tế đối với một tetrachromat.
Joe

3
Những người bị mù màu một phần là một vấn đề khác - trong ảnh chụp màn hình W3 ở trên, màu Hồng và Xám trông gần giống với tôi cho đến khi tôi đọc được cái đó và nhìn lại thật kỹ.
f055

20
lập trình viên tuyệt vời ăn cắp! Điều đầu tiên tôi sẽ đến là bất kỳ trò chơi nhiều người chơi hiện đại nào của Blizzard.
Jeff Atwood

4
Thật ra tôi bị mù màu một phần nên các màu sau khó phân biệt hơn: Cam vs Xanh, Hồng so với Xám, Xanh đậm vs Nâu
Archimedes Trajano 30/12/12

75

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


2
Điều đó thực sự rất có ý nghĩa; Trong khi viết câu trả lời của mình, tôi đã nghiên cứu thêm thông tin về nhận thức tương phản của con người, nhưng không tìm thấy bất kỳ số liệu nào. Bạn có bất kỳ liên kết có thể?
sam hocevar

Đây là một chương trình thú vị về mối quan hệ giữa ngôn ngữ và màu sắc: dailymotion.com/video/iêu
Matt M.

Bạn có biết một bản đồ phi tuyến của giá trị màu sắc có tính đến điều này không?
Anony-Mousse

1
Xin chào @MattMontag, chỉ là một suy nghĩ: Thay vì đề cập đến "câu trả lời được bình chọn hàng đầu", có thể thay đổi (mặc dù sau đó nó lại có một hướng dẫn rộng ...), đáng để liên kết trực tiếp đến câu trả lời trong câu hỏi. Câu trả lời hay, +1
Bạch kim Azure

3
@ Anony-Mousse: Không gian màu của phòng thí nghiệm được thiết kế để gần đúng tầm nhìn của con người. Nó khao khát sự đồng nhất về nhận thức. Lấy màu Lab tương đương và ánh xạ chúng vào HSV và bạn sẽ thấy sự tương ứng. Nó sẽ không chỉ là phi tuyến liên quan đến màu sắc.
Janus Troelsen

29

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.

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

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

Nhật Bả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ập mô tả hình ảnh ở đây

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

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

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ĩ: cờ của Thụy Sĩ
  • Một số cờ của Somolia
  • Nam Triều Tiên: cờ của Hàn Quốc

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)

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

 


Phân chia điều này thành hai câu trả lời đã phá vỡ một số hình ảnh.
Marcks Thomas

Áo khoác của cánh tay trông rất ngầu nhưng imho trong trò chơi thực sự chúng quá phức tạp để tạo ra. Ít nhất là không có màu nền chính.
David C. Giám mục

3
Bạn biết đấy, đó là "Somalia", không phải "Somolia".
Panda Pyjama

21

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

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

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.


2
Thực sự xem xét người mù màu, điều này khá gần với người mù màu thân thiện nếu bạn loại bỏ một số màu
Archimedes Trajano

20

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


4
+1 để đề cập đến các mẫu và mù màu! Không đủ nhà phát triển trò chơi nghĩ về vấn đề này.
Trevor Powell

7

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


Nói về tính năng phân biệt, tôi khuyên bạn nên thử xem trò chơi Bomberman 10 người cho Sega Saturn trở lại vào năm 1993 i.imgur.com/mCVmk.png
Archimedes Trajano

Bỏ 'I' vì thường khó phân biệt B <- I và I -> V. Bạn vẫn có 12 id màu.
ocodo

Có lẽ đúng là "tôi" rất khó phân biệt. Tuy nhiên, tôi nghi ngờ rằng người ta sẽ có thể tìm thấy một chữ 'B' sáng hơn và một chữ 'I' tối hơn, để làm cho nó hoạt động với 7 (14 có sọc). Tuy nhiên, điểm chính về việc thêm các sọc hoặc tính năng phân biệt khác.
Christopher


3

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


+1 Điều này đúng. Có một sự thiên vị về văn hóa. Nhưng cũng có khoa học về màu sắc, và sóng hài không thể bị từ chối trừ khi thiết bị cảm giác bị lỗi (ví dụ mù màu).
Kỹ sư

Từ tờ giấy, có một liên kết đến một ứng dụng trực tuyến gọn gàng: kuler.adobe.com
bobobobo

3

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 đỏ.


3

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.


2
Tôi đã thử nó ra. Tôi thấy dễ dàng hơn khi chỉ chọn các màu cách nhau như thế này . Hoạt động tốt.
MichaelHouse

1

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!):

quá trình để tạo lại hình ảnh này được mô tả ở trên

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 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


0

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);

0

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

16 màu

Đâ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: 16 màu

Protanopia: Protanopia

Khiếm thị: Khiếm thị

Tritanopia: Tritanopia

Protanomaly: Protanomaly

Deuteranomaly: Deuteranomaly

Tritanomaly: Tritanomaly

Achromatopsia: Chứng đau bụng

Achromatomaly: 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.

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.