Usando esquemas de cores para visualização de dados do LuckyTemplates

Criar uma paleta de cores de alta qualidade para a visualização de dados do LuckyTemplates é essencial para tornar seus relatórios atraentes e profissionais. Você pode assistir ao vídeo completo deste tutorial na parte inferior deste blog.

Estou constantemente vendo alguns relatórios que usam uma paleta de cores genérica do LuckyTemplates, o que afeta a visualização e a representação de seus insights.

Pessoalmente, não suporto essas cores, pois elas simplesmente não favorecem seu trabalho ao envolver seus consumidores em seus insights.

Portanto, se você deseja criar ótimos relatórios, precisa gastar um pouco mais de tempo para encontrar um tema bom e coerente que possa implementar em seus modelos.

Índice

• Exemplo de visualização de relatório no LuckyTemplates
• Página de apresentação para visualização de dados do LuckyTemplates
• O site Color Palette FX
• Carregar uma imagem para gerar uma paleta de cores
• Usando o site Coolors
• Conclusão

Exemplo de visualização de relatório no LuckyTemplates

Vamos tentar usar este relatório como exemplo. Mostrarei algumas das cores que estou usando em um determinado relatório e como as uso em combinação umas com as outras.

Usei o mesmo tema em todo o meu relatório. Tentei combinar boas cores que funcionariam juntas.

Este relatório foi utilizado durante a em maio de 2018. Passamos por seis sessões de workshop diferentes ao longo de três dias, e muitos insights analíticos foram discutidos sobre como você pode criar relatórios realmente atraentes do LuckyTemplates. Uma grande parte disso estava relacionada à visualização .

Agora, alguns de vocês podem pensar que é muito difícil encontrar boas combinações de cores. Durante este tutorial, discutirei como você pode criar temas de cores realmente excelentes e atraentes em seus relatórios . Vou percorrer meu processo e mostrar como crio paletas de cores do zero .

Página de apresentação para visualização de dados do LuckyTemplates

Em primeiro lugar, mostrarei a você esta página . É aqui que você pode obter alguma inspiração para as cores.

Você também pode usar as demonstrações ao vivo para cada relatório e painel. Se você deseja baixar todos eles, basta atualizar para uma . Isso certamente é algo a ser considerado se você realmente deseja dominar as visualizações e técnicas analíticas do LuckyTemplates .

O site Color Palette FX

Ao criar paletas de cores, uso principalmente dois sites principais. O primeiro é chamado Color Palette FX .

Este site gera automaticamente paletas de cores com base em uma imagem que você já possui. Por exemplo, se você tiver um site da empresa, logotipo ou qualquer outra imagem relacionada à empresa, podemos simplesmente colocá-lo nesta caixa de imagem.

Em seguida, ele criaria automaticamente uma paleta de cores com base exatamente na imagem que você carregou. 

Vamos verificar esta imagem aqui.

A imagem acima é a que usei para o relatório de amostra que mostrei anteriormente. Não parece exatamente o mesmo porque escolhi apenas as cores específicas que queria usar . Mas você ainda pode ver que havia algumas cores da imagem que utilizei neste relatório.

Se você deseja baixar este recurso, tudo o que você precisa fazer é se no Learning Summit. Durante o encontro, você aprenderá não apenas sobre a criação de bons relatórios e modelos atraentes no LuckyTemplates, mas também poderá baixar este recurso e ver como desenvolvi a visualização. 

Carregar uma imagem para gerar uma paleta de cores

Agora, vamos tentar carregar a imagem no site Color Palette FX . A primeira coisa que precisamos fazer é clicar no ícone da câmera.

Em seguida, encontre o arquivo que queremos enviar.

Como você pode ver, acabei de adicionar a imagem. E agora, tenho toda essa paleta na qual posso clicar para obter qualquer combinação de cores que possa aplicar ao meu tema de cores.

Outra coisa que você receberá se vier ao encontro de aprendizado é um arquivo de texto. Este arquivo contém configurações de como seus temas precisam ser configurados . Esse formato é o que você usará para implementar completamente a paleta de cores em seus relatórios do LuckyTemplates.

Você só precisa clicar em Importar tema nas opções Alternar tema . 

Então, a primeira coisa que você deve fazer é procurar as cores que gostaria de usar. Depois de clicar na cor, você precisa copiar o valor Hex .

Em seguida, você deve colá-lo neste formato a partir do arquivo de texto.

Depois disso, você precisa transformá-lo em um arquivo json . Você pode fazer isso salvando-o com uma extensão de arquivo .json . Então, você pode importar o arquivo depois de salvá-lo. E esse é o núcleo do que faço para temas de cores. Sempre gosto de começar com uma imagem aleatória de minha escolha e depois usar um site para gerar cores a partir da imagem.

Usando o site Coolors

Se ainda não estou satisfeito com a paleta gerada no site anterior, também vou a este ótimo site chamado Coolors . Isso também é gratuito para usar. Pode gerar uma paleta de cores semelhantes que funcionam juntas.

Por exemplo, se quisermos usar essa cor em particular, basta copiar o valor do código de cor Hex .

Então, vamos colá-lo nesta parte do site da Coolors .

 E então vamos tentar usar essa cor esverdeada clara.

Cole novamente aqui e certifique-se de bloquear ambas as cores.

Por fim, basta pressionar a barra de espaço. Como você deve ter notado, essas três cores agora estão criando as outras partes de nossa paleta e gerando diferentes cores que podemos utilizar em nosso relatório.

Agora você pode colocá-lo em seu modelo para ter esse esquema de cores coerente que podemos utilizar e implementar em nossos relatórios.

Técnica de visualização do LuckyTemplates: aprenda a criar placas de design de plano de fundo
Técnica de visualização de dados no LuckyTemplates –
Técnica de visualização de visuais dinâmicos de várias medidas para LuckyTemplates: usando fundos escuros

Conclusão

É assim que você implementa ótimas cores no LuckyTemplates. Principalmente, eu ganho inspiração de uma imagem. Em seguida, carrego essa imagem em uma ferramenta baseada na Web para gerar a paleta de cores para mim . A partir da geração de todos esses códigos exclusivos para minha paleta de cores, crio meu modelo de paleta e o integro no LuckyTemplates.

Outra dica importante de design: use boas combinações de cores e não exagere.

Eu recomendo trabalhar com o vídeo para entender meu trabalho e processos de pensamento sobre como gerar ótimas paletas de cores no LuckyTemplates para seu próprio trabalho.

Para muito mais dicas de design e criação de relatórios, confira o módulo de curso no LuckyTemplates Online.

Além disso, não se esqueça de conferir a página para obter mais inspiração sobre como configurar relatórios no LuckyTemplates.

Divirta-se trabalhando com este vídeo detalhado.

***** Aprendendo LuckyTemplates? *****