Hoe te gebruiken
Gebruik de paletkiezer om een reeks kleuren te maken die visueel gelijk zijn. Dit is handig voor veel datavisualisaties, zoals taartdiagrammen, gegroepeerde staafdiagrammen en kaarten.
Note: er zijn nog twee andere modi naast de paletmodus – kijk ook eens naar single-hue schalen en divergerende schalen.
Het maken van visueel equidistante paletten is in principe onmogelijk om met de hand te doen, maar toch enorm belangrijk voor datavisualisaties. Waarom? Als kleuren visueel niet gelijk zijn, is het moeilijker om (a) ze in de grafiek uit elkaar te houden, en (b) de grafiek met de sleutel te vergelijken. Ik weet zeker dat we allemaal wel eens naar grafieken hebben gekeken waarbij je de sleutel nauwelijks kunt gebruiken omdat de datakleuren zo op elkaar lijken.
Bij Google Analytics is dit bijvoorbeeld verschrikkelijk:
Het is beter om een reeks kleurschakeringen te gebruiken, zodat gebruikers gemakkelijker met de sleutel kunnen verwijzen. Het is voor onze hersenen veel eenvoudiger om bijvoorbeeld geel van oranje te onderscheiden dan blauw van blauw-maar-15%-lichter.
Deze kleurenkiezer staat u toe om beide eindpunten van het palet op te geven. U kunt ten minste een merkkleur kiezen, wat u een grote flexibiliteit geeft bij het maken van een palet dat werkt voor uw visualisaties, maar toch is aangepast aan uw merk.
Hier zijn een paar tips om het beste palet te krijgen:
- Probeer zeer verschillende eindpuntkleuren te kiezen – bijv.bijvoorbeeld een warme, een koele; een heldere, een donkere – zodat uw palet een breder scala bestrijkt
- Als u een merkkleur gebruikt voor één eindpunt, wees dan niet bang om de verzadiging en helderheid een beetje aan te passen als dat een aangenamer palet oplevert. Gebruikers zullen je merkkleur veel meer herkennen aan de tint dan aan de exacte verzadiging/helderheid.
- Voor data visualisaties waarbij je de sterkte van een enkele waarde laat zien, kun je de Single Hue Palette Generator gebruiken.
Oh, en…
Meer over kleur
Als kleur in UI-design nieuw voor je is, raad ik je de volgende bronnen van harte aan:
- Het HSB Kleursysteem: A Practitioner’s Primer
- Color in UI Design: A Practical Framework
- The Design Newsletter, waar ik originele ontwerpartikelen naar meer dan 40.000 van mijn beste vrienden stuur.
Hoe dan ook, ik heb dit gemaakt om de tool te zijn die ik zou willen hebben voor het maken van datavisualisatiepaletten. Is er een andere functie die je er graag in zou willen zien? Laat het me weten.