Heading

Como utilizar

Utilizar o seleccionador de palete para criar uma série de cores que são visualmente equidistantes. Isto é útil para muitas visualizações de dados, como gráficos de pizza, gráficos de barra agrupados, e mapas.

Nota: há dois outros modos para além do modo de palete – verificar também escalas de tonalidade única e escalas divergentes.

Criar paletas visualmente equidistantes é basicamente impossível de fazer à mão, mas extremamente importante para visualizações de dados. Porquê? Quando as cores não são visualmente equidistantes, é mais difícil (a) distingui-las no gráfico, e (b) comparar o gráfico com a chave. Tenho a certeza de que todos já vimos gráficos onde dificilmente se pode usar a chave, uma vez que as cores dos dados são tão semelhantes.

Por exemplo, o Google Analytics faz um péssimo trabalho com isto:

É melhor usar uma gama de matizes para que os utilizadores possam cruzar a referência com a chave mais facilmente. É muito mais simples para o nosso cérebro distinguir, digamos, o amarelo do laranja do azul do azul-mas-15% mais claro.

Este seleccionador de cores permite-lhe especificar ambos os pontos finais da paleta. Pode escolher pelo menos uma para ser uma cor de marca, o que lhe dá uma flexibilidade significativa na criação de uma paleta que funcionará para as suas visualizações, mas que será personalizada para a sua marca.

Aqui estão algumas dicas para obter a melhor paleta:

• Tenta escolher cores de pontos finais muito diferentes – e.g. uma quente, uma fria; uma brilhante, uma mais escura – para que a sua paleta cubra uma gama mais ampla
• Se estiver a usar uma cor de marca para um ponto final, não tenha medo de modificar um pouco a saturação e o brilho se isso criar uma paleta mais agradável. Os utilizadores reconhecerão a cor da sua marca pela sua tonalidade muito mais do que pela sua exacta saturação/brilho.
• Para visualizações de dados em que está a mostrar a força de um único valor, tente usar o Gerador de Paleta de Tonalidade Única em vez disso.

Oh, and…

Mais sobre Cor

Se é novo a colorir no design da IU, recomendo vivamente os seguintes recursos:

• O Sistema de Cor HSB: A Practitioner’s Primer

li>Color in UI Design: A Practical Framework

• O Boletim de Design, onde envio artigos originais de design a mais de 40.000 dos meus amigos mais próximos.

Anyhow, criei isto para ser a ferramenta que gostaria de ter para criar paletas de visualização de dados. Há alguma outra funcionalidade que gostaria de ver nela? Diga-me.