Como fazer gráficos sem um designer

São 8:47 da manhã. Seu post está escrito, seu café está esfriando, e há apenas uma coisa entre você e a publicação: o gráfico. Você abre uma tela em branco, olha para ela, arrasta uma caixa de texto em algum lugar, muda a fonte três vezes e trinta minutos depois você fez algo que se parece com uma nota de resgate. Parece familiar?

Aqui estão as boas notícias, e é melhor do que você pensa: a diferença entre “parece caseiro” e “parece profissional” não é talento. São algumas regras que os designers internalizaram anos atrás e agora seguem no piloto automático. Você pode pegar emprestado essas regras exatas a partir de hoje. Você não precisa de Photoshop, você não precisa de um olho para a cor que supostamente nasceu, e você definitivamente não precisa contratar ninguém.

Este é o guia completo e sem sentido para como fazer gráficos sem um designer. No final, você terá um sistema repetível, uma pequena lista de ferramentas gratuitas e compreensão suficiente dos princípios subjacentes que você pode olhar para qualquer coisa que você faz e sabe por que funciona ou não. Vamos tirá-lo do negócio de notas de resgate para sempre.

Por que seus gráficos parecem “off” (e por que isso é corrigível)

Quando algo parece amador, a maioria das pessoas pode senti-lo, mas não pode nomeá-lo. Esse vago sentimento de “eh, não parece certo” é quase sempre causado por um dos poucos problemas específicos e solucionáveis: muitas fontes, cores que se combatem, elementos amontoados de ponta a ponta sem espaço para respirar, texto difícil de ler em segundo plano, ou coisas que quase se alinham, mas não se encaixam.

Observe o que não nessa lista: habilidade artística. O design de aparência profissional é muito mais sobre contenção e consistência do que sobre criatividade ou talento. O verdadeiro superpoder de um designer é saber o que deixar de fora. Uma vez que você entenda o punhado de coisas que fazem os gráficos se sentirem desligados, você pode identificá-los em seu próprio trabalho e corrigi-los em segundos. É o jogo todo, e é um jogo que você pode absolutamente ganhar.

Comece com modelos (isso não é trapacear)

Vamos esclarecer o maior bloqueio mental primeiro: usar um modelo não é trapaça e não é preguiçoso. Designers profissionais usam modelos, grades e sistemas pré-construídos constantemente. Um modelo é um head start construído por alguém que já tomou as centenas de pequenas decisões sobre espaçamento, hierarquia e proporção que você de outra forma agonizar mais. Começar a partir de uma tela em branco é a maneira mais difícil de projetar, e não há medalha para fazê-lo da maneira mais difícil.

Ferramentas gratuitas como Canva, Adobe Express e VistaCreate oferecem milhares de modelos classificados por plataforma e propósito. Veja como usá-los como um profissional em vez de um iniciante:

• Escolha por estrutura, não por aparência. Escolha um modelo com base em seu layout – onde o título se senta, como a imagem e o texto se relacionam, quanto espaço é usado – não porque você ama suas cores específicas ou foto de stock. Você vai trocar isso de qualquer maneira.
• Mude as cores e fontes para as suas. A maneira mais rápida de parecer genérico é publicar um modelo exatamente como veio. Substitua sua paleta por suas duas ou três cores de marca e suas fontes por suas fontes de uma ou duas marcas. De repente é seu.
• Exclua mais do que você adiciona. Os modelos muitas vezes vêm carregados com extras decorativos – pequenos pontos, swooshes, emblemas. Em caso de dúvida, remova-os. O Cleaner quase sempre parece mais profissional.
• Salve sua versão editada como seu próprio modelo. Depois de personalizar um, duplique-o para a próxima vez. É assim que você vai de trinta minutos por gráfico para cinco.

O objetivo não é depender de modelos para sempre. É usá-los como rodas de treinamento enquanto os princípios subjacentes afundam. E honestamente? Mesmo quando você conhece as regras, a partir de um bom modelo ainda será mais rápido.

A regra da cor: escolha uma paleta minúscula e compromete-se

A cor é onde os iniciantes perdem a maior credibilidade, e também é a coisa mais fácil de consertar. O erro é quase sempre o mesmo: muitas cores. Quando cada elemento é um tom diferente, nada parece intencional e a coisa toda parece caótica.

Aqui está a sua regra, e é gloriosamente simples: escolha duas a três cores e use-as em todos os lugares. É isso aí. Uma ou duas cores principais da marca, além de um neutro (geralmente um escuro próximo-preto para texto e uma luz off-white para fundos). Use-os consistentemente em todos os gráficos que você faz, e algo quase mágico acontece – suas postagens começam a parecer que pertencem à mesma marca, porque elas pertencem.

Se você ainda não tem cores de marca, veja como obter uma paleta sem nenhum treinamento de design:

• Roubar de algo que você ama. Encontre uma foto, produto ou marca cujas cores pareçam adequadas para sua vibração e puxe duas ou três de suas cores. Ferramentas como Coolors.co ou Adobe Color gerarão uma paleta harmoniosa a partir de uma única cor inicial ou de uma imagem carregada.
• Incline-se no seu logotipo. Se você já tem um, sua paleta está bem ali. Use suas cores e pare de adivinhar.
• Respeito ao contraste. Seja o que for que você escolher, certifique-se de que sua cor de texto e cor de fundo estão longe o suficiente, separados em leveza que as palavras são fáceis de ler. Texto escuro em um fundo claro ou texto claro em um fundo escuro – nunca texto cinza-claro em um fundo branco onde os leitores têm que esguichar.

Uma nota quente sobre a consistência da marca: qualquer paleta que você escolher, salve os códigos de cores exatos (os valores hexagonais, essas pequenas cordas no estilo #AD17FF) em algum lugar que você possa copiá-las todas as vezes. Adivinhando que “que roxo eu usei da última vez” é como as marcas derivam para olhar desleixado. Bloqueie os códigos e seu feed parecerá coeso com zero esforço extra.

Fontes: uma ou duas, e deixá-los fazer o seu trabalho

Se a cor é onde iniciantes perdem credibilidade, as fontes são um segundo próximo. A tentação de usar um roteiro divertido para a manchete, um sans-serif arrojado para a subcabeça, e algo “limpo” para o corpo é real – e é uma armadilha. Misturar três ou quatro tipos de letra é o caminho mais rápido para o olhar de nota de resgate.

A regra espelha a regra de cor: use uma fonte ou no máximo duas. Se você usar dois, dê-lhes empregos diferentes. Um para manchetes (maior, mais ousada, atenção-agarrando) e um para o texto do corpo (mais simples, altamente legível em tamanhos pequenos). Um combo clássico confiável é uma fonte característica para manchetes emparelhado com um simples, sem sentido para tudo o resto.

Alguns princípios de fonte que instantaneamente atualizar o seu trabalho:

• A legibilidade bate a personalidade. Essa fonte decorativa pode ser linda, mas se as pessoas não puderem ler seu título em meio segundo enquanto rolam, ele falhou. Escolha fontes que são claras primeiro, encantadoras segundo.
• Criar hierarquia com tamanho e peso. As palavras mais importantes devem ser as maiores e mais ousadas. O texto de apoio deve ser menor e mais leve. Isso diz ao leitor onde olhar primeiro – que é todo o propósito de um gráfico.
• Evite os defaults se puder. Não porque eles são ruins, mas porque eles sinalizam “Eu não pensei sobre isso.” Bibliotecas de fontes gratuitas como o Google Fonts oferecem milhares de opções profissionais e sugestões de pareamento são incorporadas.
• Limite seus pesos também. Mesmo dentro de uma família de fontes, não use seis pesos diferentes em um gráfico. Dois ou três são suficientes.

Whitespace: a atualização gratuita que ninguém usa

Peça a um designer a maneira mais fácil de fazer qualquer coisa parecer mais cara, e muitos dirão a mesma coisa: adicione espaço. Espaço em branco – a área vazia ao redor e entre seus elementos – não é espaço desperdiçado. É o que faz com que seu conteúdo se sinta calmo, intencional e premium em vez de apertado e desesperado.

Os iniciantes tendem a preencher cada pixel, como se o espaço vazio fosse uma falha a ser corrigida. O oposto é verdadeiro. Olhe para os gráficos de qualquer marca de luxo e você verá enormes quantidades de espaço para respirar. O espaço sinaliza confiança.

Maneiras práticas de usar o espaço em branco a partir de agora:

• Dê espaço para o seu texto respirar. Não empurre as palavras para as bordas da tela. Deixe uma margem consistente por todo o caminho, como um quadro de imagem.
• Não junte elementos. Se o título, a imagem e o logotipo estiverem todos bloqueados no meio, espalhe-os. Deixe que haja ar entre eles.
• Coisas relacionadas a grupos, coisas separadas não relacionadas. Os itens que pertencem juntos devem sentar-se perto; os itens que não devem ter espaço claro entre eles. É assim que o olho do leitor sabe o que se conecta ao que sem que você o explique.
• Quando parece muito vazio, provavelmente é certo. Essa é a parte contraintuitiva. Seu instinto de preencher a lacuna geralmente está errado – resista.

Alinhamento e contraste: as duas regras que fixam quase tudo

Se você se lembrar de apenas dois princípios técnicos deste artigo inteiro, faça-os. O alinhamento e o contraste fazem mais trabalho pesado do que qualquer outro conceito de design, e ambos são simples de aplicar.

Alinhamento: alinhar as coisas

Nada grita “caseiro” como elementos que quase se alinham. Uma manchete ligeiramente à esquerda da imagem abaixo dela, um logotipo flutuando em um local aleatório – esses pequenos desalinhamentos registram subconscientemente e fazem tudo parecer instável e pouco profissional.

A correção: cada elemento deve alinhar-se com outra coisa. Escolha uma borda – esquerda, centro ou direita – e alinhe seus elementos a ela. Texto alinhado à esquerda com uma imagem alinhada à esquerda e um logotipo alinhado à esquerda parece deliberado. A maioria das ferramentas de design tem guias de alinhamento que colocam os elementos no lugar e mostram quando as coisas compartilham uma borda; ligue-os e realmente os use. O alinhamento consistente sozinho fará com que seu trabalho pareça dramaticamente mais polido, e não custa nada além de um momento de atenção.

Contraste: fazer a coisa importante se destacar

Contraste é o que torna sua mensagem-chave impossível de perder. É a diferença de tamanho, cor ou peso que guia o olho. Sem isso, tudo parece igualmente importante, o que significa que nada faz.

Aplique contraste de propósito: torne seu título muito maior do que seu texto de apoio, não apenas um pouco. Faça do seu call-to-action uma cor que aparece no fundo. Coloque texto claro em áreas escuras e texto escuro em áreas claras, para que as palavras nunca estejam lutando contra a imagem por trás delas. Se você olhar para um gráfico e não puder dizer imediatamente o que ler primeiro, você tem um problema de contraste – aumente a diferença até que a hierarquia seja óbvia.

Imagens e ícones: onde obter bons de graça

Grandes visuais muitas vezes se apoiam em uma foto forte ou um ícone limpo, e você não precisa fotografar ou desenhar o seu próprio. Bibliotecas de ações gratuitas como Unsplash, Pexels e Pixabay oferecem fotos de alta qualidade e genuinamente utilizáveis, que você pode deixar cair diretamente em seus gráficos. Para ícones e ilustrações simples, sites como Flaticon e as bibliotecas de ícones incorporadas em ferramentas de design têm coberto.

Algumas diretrizes para manter suas escolhas de imagem com aparência nítida em vez de estocada:

• Escolha fotos que pareçam reais, não encenadas. As fotos excessivamente colocadas de aperto de mão em um quarto de bordo são lidas como genéricas. Escolha imagens com luz natural e momentos autênticos – eles constroem confiança.
• Mantenha um estilo visual consistente. Se suas fotos são todas brilhantes e arejadas, não de repente cair em um escuro temperamental. Consistência em todo o seu feed é o que faz com que pareça uma marca.
• Não estique ou esguiche. Ao redimensionar uma imagem, mantenha as proporções para que rostos e objetos não distorçam. Crop em vez de Warping.
• Adicione uma sobreposição sutil para texto. Se você está colocando palavras em uma foto, uma camada escura ou colorida semi-transparente sobre a imagem torna o texto muito mais legível sem esconder a imagem.
• Verifique a licença. As bibliotecas acima são gratuitas para uso comercial, mas olhe para os termos para que você nunca esteja usando algo que não deveria.

Uma nota sobre tamanhos: verifique as especificações da plataforma atual

Você vai querer que seus gráficos se encaixem corretamente em cada plataforma para que eles não sejam cortados de forma estranha, mas aqui está uma dica honesta: as dimensões exatas recomendadas para postagens de feed, histórias e miniaturas mudam com mais frequência do que você esperaria, e diferem por plataforma. Em vez de confiar em um número que você viu em algum post de blog há um ano, verifique o tamanho recomendado atual em sua ferramenta de design ou os documentos de ajuda da própria plataforma antes de exportar. A maioria das ferramentas como o Canva rotula seus modelos por plataforma e mantém essas dimensões atualizadas para você, o que é mais uma razão pela qual começar com um modelo economiza dores de cabeça. O princípio a lembrar é simples: projetar nas proporções certas para onde está indo e visualizá-lo em um telefone antes de publicar.

Seu fluxo de trabalho de início de dia

Vamos colocar tudo em um sistema que você pode realmente executar quando o relógio diz 8:47 e o pânico está se instalando. Aqui está o fluxo de trabalho repetível:

• Passo 1: Defina o seu kit de marca uma vez. Antes de fazer um único post, bloqueie suas duas a três cores (salve os códigos exatos), suas fontes de um a duas e seu logotipo. Muitas ferramentas gratuitas têm um recurso de “kit de marca” que armazena esses itens, então eles estão a um clique de distância o tempo todo. Esta configuração de dez minutos poupa-lhe horas para sempre.
• Passo 2: Comece a partir de um modelo. Abra a ferramenta, filtre modelos pela plataforma para a qual você está postando e escolha um para o layout.
• Passo 3: Troque em sua marca. Substitua as cores do modelo pelas suas, suas fontes pelas suas e solte sua imagem ou ícone. Elimine qualquer desordem decorativa que você não precisa.
• Passo 4: Execute a verificação de cinco pontos. Antes de exportar, pergunte: Existem apenas duas ou três cores? Apenas uma ou duas fontes? Existe espaço em branco suficiente? Tudo está alinhado a uma borda compartilhada? A coisa mais importante se destaca claramente? Corrigir qualquer coisa que falhar.
• Passo 5: Salve-o como seu próprio modelo. Duplique o gráfico acabado para que da próxima vez você comece a partir de algo 80% feito.

Faça isso um punhado de vezes e ele pára de se sentir como design e começa a sentir como se estivesse preenchendo um formulário. É exactamente esse o ponto. Um sistema repetível bate a inspiração fugaz a cada vez – e isso significa que você nunca mais está olhando para uma tela em branco na esperança de um raio de criatividade que não está chegando.

Uma vez que você tenha um gráfico do qual se orgulha, a última coisa que você quer é perder o impulso manualmente postando-o em todos os lugares no momento perfeito. É aí que o planejamento antecipado compensa – juntar uma semana de visuais em uma sessão e deixá-los sair no horário é a diferença entre o design ser uma corrida diária e uma parte calma e tratada de sua rotina. Emparelhar seu novo sistema de design com um modelo de calendário de mídia social sólido significa que você pode criar em lotes focados e nunca mais enfrentar o pânico das 8:47.

Erros comuns a evitar

Agora você sabe o que para fazer. Aqui está uma lista de hits rápida do que não para fazer, para que você possa se pegar antes de publicar:

• Usando muitas fontes ou cores. A primeira oferta de trabalho amador. Em caso de dúvida, subtrair.
• Enfiar tudo de ponta a ponta. Dê-lhe espaço. O quarto vazio é uma característica, não um bug.
• Ignorando o alinhamento. “Quase alinhado” é pior do que obviamente fora. Arraste tudo para uma borda compartilhada.
• Texto de baixo contraste. Se você tem que esguichar para lê-lo, todos os outros também. A diferença entre texto e fundo.
• Publicando o modelo como está. Sempre troque em cores e fontes da sua marca, ou você se misturará com milhares de outras pessoas que usaram o mesmo modelo.
• Reinventar a roda a cada vez. Não salvar seu trabalho como modelos reutilizáveis significa refazer as mesmas decisões para sempre. Construa seu sistema uma vez.

Consistência em tudo isso é o que transforma gráficos individuais em uma marca reconhecível, e uma marca reconhecível é o que faz as pessoas parar de rolar porque sabem que é você. Se você quiser ir mais fundo em manter cada parte do seu conteúdo coeso e no cronograma, nosso guia para dicas de gerenciamento de mídia social combina perfeitamente com o sistema de design que você acabou de aprender. E uma vez que você está constantemente postando imagens fortes, vale a pena aprender como crescer no Instagram para que todo o trabalho polido realmente alcance mais pessoas.

Você tem isso

Aqui está a verdade que me levou um tempo para acreditar: gráficos de aparência profissional não são o produto de talento que você tem ou não. São o produto de algumas regras aplicadas de forma consistente – uma paleta minúscula, uma ou duas fontes, espaço em branco generoso, alinhamento arrumado, contraste deliberado e a humildade de começar de um modelo em vez de uma página em branco. Cada um deles é aprendível em uma tarde, e cada um deles é completamente gratuito.

Então, da próxima vez que for às 8:47 e o gráfico for a única coisa entre você e a publicação, você não entrará em pânico. Você abrirá seu kit de marca, pegará um modelo, executará sua verificação de cinco pontos e enviará algo de que você realmente se orgulhará – em cinco minutos, sem um designer, sem um diploma de design e sem um único momento de desespero por nota de resgate. Vai fazer algo fantástico.