Como criar gráficos de mídia social que param o pergaminho

São 8:47 da manhã. Você tem um post que precisa ser ao vivo antes que o café entre, uma tela em branco olhando de volta para você e uma sensação irritante de que o que você fizer parecerá uma nota de resgate. Fontes lutando umas contra as outras. cores que chocam. O texto estava enfiado num canto porque era onde havia espaço. Você acerta em publicar de qualquer maneira, pisca um pouco e segue em frente.

Aqui está a boa notícia: a diferença entre “parece caseiro” e “parece uma marca” não é talento. Também não é um programa caro ou um grau de design. São alguns princípios que os profissionais aplicam no piloto automático, além de um sistema repetível para que você nunca mais comece a partir de uma tela em branco. É exatamente isso que este guia lhe dá.

Vamos percorrer como projetar gráficos de mídia social da maneira que um profissional que trabalha realmente pensa sobre eles: hierarquia, contraste, fontes, cor e espaço em branco. Então vamos transformar tudo isso em um kit de modelo reutilizável para que seu post de terça-feira de manhã de pânico leva cinco minutos e ainda parece que pertence a você. Não há jargão que você tenha para o Google. Nenhum número de “estudos dizem” fabricado. Apenas um método que você pode começar a usar em seu próximo post.

Por que a maioria dos gráficos caseiros falha (e é reparável)

Quando um gráfico se sente “desligado”, mas você não pode dizer por que, quase nunca é um grande erro. Geralmente são quatro ou cinco pequenas empilhadas juntas: tudo é do mesmo tamanho, então nada se destaca, o texto fica em um fundo ocupado, então você tem que esguichar, três fontes diferentes estão gritando de uma só vez, e a coisa toda está cheia de borda a borda sem espaço para respirar.

A solução não é tentar mais. É tomar menos decisões, mais deliberadas. Grandes gráficos sociais são implacavelmente simples. Eles costumam dizer uma coisa, eles dizem isso alto, e eles deixam tudo o resto de fora. Depois de internalizar os cinco princípios abaixo, você começará a detectar os problemas antes de publicar, e você os corrigirá em segundos, em vez de agonizar sobre uma tela que nunca parece muito certa.

Princípio 1: Hierarquia – decida o que é visto primeiro

A hierarquia é apenas a ordem em que seu olho se move através de um gráfico. Todo bom design tem uma primeira coisa clara, segunda coisa e terceira coisa. Seu trabalho é decidir essa ordem de propósito, porque se você não fizer isso, o design decide por você, e geralmente decide errado.

Pense no que alguém deve absorver no meio segundo que seu post recebe enquanto eles rolam. É a tua manchete, o teu gancho, a ideia única. Deve ser o maior e mais ousado elemento no gráfico, sem concurso. Tudo o mais, sua linha de apoio, sua alça, um pequeno logotipo, uma chamada à ação, é secundário e deve parecer secundário.

Uma maneira simples de construir hierarquia é o método de três níveis:

• Tier um (o herói): uma frase curta ou número. O que você quer lembrar. Faça-o dramaticamente maior do que tudo o mais.
• Nível dois (suporte): Subtítulo ou uma frase de contexto. Notavelmente menor que o herói.
• Tier três (os detalhes): Seu identificador, um alerta de deslize, um logotipo. Pequeno, silencioso, enfiado num canto.

O erro de hierarquia mais comum é fazer níveis um e dois muito próximos em tamanho. Se o título é 60 pontos e o subtítulo é 50, o olho não pode dizer o que importa mais, então ambos se sentem importantes, o que significa que nenhum dos dois faz. Exagere na diferença. Em caso de dúvida, faça a grande coisa maior e a pequena coisa menor. Contraste em tamanho é o que cria aquele sentimento instantâneo de “eu sei onde procurar”.

Um teste rápido: reduza o gráfico para o tamanho da miniatura, da maneira que ele realmente aparecerá em um feed lotado. Você ainda consegue ler a linha do herói? Uma coisa domina claramente? Se se transformar em mush, sua hierarquia é muito plana. Empurre-o mais.

Princípio 2: Contraste – tornar as coisas importantes impossíveis de perder

Contraste é a diferença entre elementos, e está fazendo dois trabalhos ao mesmo tempo. Primeiro, torna o texto legível. Em segundo lugar, cria ênfase e drama. Ambos importam enormemente nas redes sociais, onde seu gráfico está competindo com centenas de outros e sendo visto em uma tela de telefone sob luz solar brilhante.

O contraste mais importante é entre o texto e o fundo. É aqui que os gráficos caseiros se desfazem com mais frequência: texto cinza claro em um fundo branco ou uma manchete colocada diretamente sobre a parte mais movimentada de uma foto. Se um espectador tem que trabalhar para ler suas palavras, eles não vão. Vão rolar.

Aqui está como garantir texto legível todas as vezes:

• Coloque texto escuro em fundos claros ou texto claro em fundos escuros. Quanto maior a diferença de brilho, mais fácil é ler. Esboce na tela; se o texto começar a desaparecer, seu contraste é muito baixo.
• Quando o texto estiver em uma foto, proteja-a. Solte uma camada escura ou clara semitransparente sobre a imagem por trás das palavras, ou adicione uma sombra suave ao texto, ou coloque o texto em um bloco de cores sólidas. Nunca confie que uma foto ficará legível por conta própria.
• Mantenha fotos com texto sobre elas relativamente calmas. Uma imagem ocupada e de alto detalhe combate sua mensagem. Escolha imagens com áreas abertas e desembaraçadas onde as palavras possam viver.

Além da legibilidade, contraste é como você cria um ponto focal. Uma única cor de sotaque brilhante contra um fundo mudo puxa o olho direto para ele. Uma palavra ousada em um mar de texto de peso normal se torna a coisa que as pessoas lêem primeiro. Use contraste intencionalmente para apontar para o elemento que você mais quer ver e mantenha tudo o resto calmo para que apontar realmente funcione.

Princípio 3: Fontes – duas é suficiente, e o emparelhamento é uma habilidade

Tipo é onde o entusiasmo se transforma em caos mais rápido. É tentador procurar uma fonte de exibição divertida, outra, depois um script de sabor e, de repente, seu gráfico parece um amostrador de fonte. Os profissionais fazem o oposto: eles escolhem um pequeno e deliberado conjunto de tipos de letra e os usam consistentemente em todos os lugares.

A regra que vai salvar você: não use mais do que duas fontes por gráfico. Um para as manchetes, um para o corpo de texto. É isso aí. Você cria variedade não adicionando mais fontes, mas variando o peso, tamanho e caso dos dois que você escolheu. Uma única família de fontes que inclui um negrito, um regular e um peso leve pode carregar um design inteiro por conta própria.

Quando você emparelha duas fontes, apontar para o contraste, não semelhança. Duas fontes que são quase iguais parecem um erro; duas que são claramente diferentes parecem intencionais. Um emparelhamento clássico e confiável é uma fonte de título com uma fonte simples e limpa para todo o resto. Pense nisso como uma voz alta e uma voz calma, não duas pessoas falando uma sobre a outra.

Alguns hábitos de fonte que aumentam instantaneamente sua qualidade:

• Priorize a legibilidade sobre a personalidade por mais do que algumas palavras. Essa fonte condensada da moda pode parecer ótima em uma manchete de três palavras e se tornar ilegível em uma frase completa.
• Observe o comprimento da linha e o espaçamento. Texto apertado demais é difícil de ler; dê às suas linhas um pouco de espaço para respirar e não deixe uma manchete correr de ponta a ponta.
• Cuidado com todos os caps. É punchy para manchetes curtas, mas cansativo para texto mais longo. Reserve-o para ênfase.
• Escolha uma personalidade de fonte e comente. Amigável e arredondado, afiado e moderno, clássico e sério, escolha o humor que combina com sua marca e não vagueie dele para o post.

A coerência aqui é uma arma secreta. Quando você usa as mesmas duas fontes em todos os gráficos, as pessoas começam a reconhecer suas postagens antes mesmo de ler seu nome. Esse reconhecimento vale mais do que qualquer escolha de fonte inteligente.

Princípio 4: Cor – construir uma pequena paleta e cumpri-la

A cor é emocional e poderosa, e é também onde as boas intenções vão morrer. O instinto é usar muitas cores porque mais parece mais emocionante. Na prática, uma paleta apertada e limitada quase sempre parece mais profissional e mais “marca” do que um arco-íris.

Construa uma paleta de trabalho de aproximadamente três a cinco cores e use-as em todos os lugares:

• Uma ou duas cores principais que definem o seu visual. É isso que as pessoas vão associar com você.
• Uma cor de sotaque usada com moderação para as coisas que você quer pop, um botão, uma palavra-chave, um destaque. Porque você usá-lo raramente, ele embala um soco cada vez.
• Alguns neutros (um quase preto, um quase branco, talvez um cinza macio) para texto e fundos. Neutros fazem a maior parte do trabalho silencioso e deixam suas cores principais brilharem.

Seus próprios gráficos podem usar qualquer cor que se encaixe na sua marca e no seu humor, essa é inteiramente sua decisão. O ponto não é quais cores específicas você escolhe; é que você escolhe um conjunto e o repete. Repetição é o que transforma “algumas postagens” em “um feed reconhecível”.

Alguns princípios de cores que vale a pena conhecer:

• As cores carregam a sensação. Tons mais quentes tendem a se sentir enérgicos e amigáveis; tons mais frios se sentem calmos e confiáveis; paletas suaves e dessaturadas se sentem refinadas; os brilhantes e saturados se sentem brincalhões. Escolha um humor que corresponda à sua mensagem e deixe-o guiar suas escolhas.
• Dê à sua paleta um colapso no trabalho. Um guia útil é deixar uma cor dominante cobrir a maior parte do design, uma cor secundária apoiá-lo, e um sotaque aparecer em apenas uma pequena fatia. Quando o sotaque está em toda parte, ele deixa de ser um sotaque.
• Contraste mental, mais uma vez. Uma paleta linda é inútil se a cor do texto e a cor do fundo estiverem muito próximas no brilho. Sempre verifique se suas palavras são legíveis.

Mais uma coisa vale a pena dizer claramente: a consistência da cor é uma das maneiras mais rápidas de se parecer com uma marca real. Se alguém pode passar pelo seu post, não ler uma palavra e ainda saber que é sua por causa das cores, você ganhou.

Princípio 5: Espaço branco – a confiança para deixar espaço

Espaço em branco, às vezes chamado de espaço negativo, é a área vazia ao redor e entre seus elementos. Não precisa ser branco, é apenas respirar. E é a ferramenta mais subestimada no design iniciante, porque o instinto é sempre preencher cada polegada. O espaço vazio parece um espaço desperdiçado. Não é. É o que faz o espaço preenchido parecer intencional e premium.

Olhe para qualquer design que pareça caro e calmo, e você notará que está dando espaço aos seus elementos. A manchete não está presa contra a borda. O logotipo não está tocando no texto. Há uma margem confortável em torno de tudo. Esse espaço está fazendo um trabalho real: ele concentra a atenção, sinaliza qualidade e torna sua mensagem importante impossível de ignorar, porque nada mais está apinhando-a.

Maneiras práticas de usar bem o espaço em branco:

• Dê a tudo uma margem. Mantenha seu conteúdo longe das bordas do gráfico. Uma fronteira consistente de espaço vazio enquadra seu design e evita esse sentimento apertado e claustrofóbico.
• Agrupe coisas relacionadas e separe coisas não relacionadas. Coloque uma manchete e seu subtítulo juntos para que eles leiam como uma unidade, em seguida, deixe uma lacuna clara antes do próximo elemento. Espaçamento comunica relacionamentos.
• Resista ao desejo de preencher. Se um gráfico parece vazio, isso é muitas vezes um sinal de que está funcionando. Adicionar um elemento decorativo ao “equilíbrio” geralmente apenas adiciona ruído. Confiança é deixar o espaço sozinho.
• Lembre-se do imóvel da plataforma. Elementos de interface, legendas e botões se sobrepõem a partes da sua imagem em alguns feeds. Manter o conteúdo chave longe das bordas também o impede de ser coberto.

A união dos princípios: uma construção de cinco minutos

Agora vamos ver os cinco princípios cooperarem. Digamos que você está fazendo um gráfico simples para uma dica que você quer compartilhar. Aqui está o fluxo:

• Comece pela hierarquia. Decida a linha que é o herói. Digite grande. Adicione uma pequena linha de suporte e seu punho, ambos claramente menores.
• Defina suas duas fontes. Cabeçalho na fonte de exibição, tudo o mais na fonte do corpo limpo. Sem exceções.
• Aplique sua paleta. Fundo em uma cor principal ou neutra, texto em um neutro contrastante e sua cor de sotaque em apenas uma palavra ou elemento que você deseja pop.
• Verifique o contraste. Squint. Você consegue ler o herói instantaneamente? Se não, escureça o fundo ou clareie o texto até que você possa.
• Adicione espaço em branco. Puxe tudo para dentro das bordas, dê espaço ao herói e pare antes de ser tentado a preencher as lacunas.

É um gráfico acabado, de aparência profissional, e uma vez que você fez isso algumas vezes, é genuinamente um trabalho de poucos minutos. Mas podemos torná-lo ainda mais rápido e mais consistente, com um sistema de modelos.

O sistema de template reutilizável para não designers

Aqui está a mudança que muda tudo: pare de projetar postagens individuais e comece a projetar um pequeno conjunto de modelos reutilizáveis. Um modelo é um layout que você constrói uma vez, com suas fontes, cores, espaçamento e hierarquia já bloqueadas, então tudo o que você faz mais tarde é trocar as palavras e a imagem. É exatamente assim que as marcas com feeds polidos e consistentes realmente funcionam nos bastidores. Não reinventam a roda todas as manhãs. Estão a preencher espaços em branco.

Você não precisa de muitos. Um kit inicial de cinco a sete modelos cobre a grande maioria do que a maioria das pessoas publica:

• A citação ou modelo de grande declaração: Uma grande linha de heróis, seu punho no canto, um fundo simples. Reutilizável para dicas, tomadas quentes e linhas individuais.
• A lista ou modelo de dicas: Um título no topo e três a cinco pontos de bala curtos abaixo, uniformemente espaçados. Excelente para carrosséis cheios de valor e rápidas instruções.
• O modelo de foto-mais-título:Uma imagem com uma zona de texto protegida (um bloco de cores ou banda escura) onde vive sua manchete. Seu cavalo de trabalho para anúncios e recursos.
• O modelo de pergunta ou engajamento: Uma pergunta ousada projetada para convidar comentários, com muito espaço em branco, para que pareça um convite aberto.
• A capa de carrossel e o par de páginas internas: um modelo de capa que acopla, além de um layout de página interna correspondente para que os posts multi-slide se sintam unificados.
• O anúncio ou modelo CTA: uma manchete clara, uma linha de detalhes e um chamado óbvio para a ação em sua cor de sotaque.

Construa cada um deles uma vez, com cuidado, aplicando todos os cinco princípios. Em seguida, salve-os como arquivos reutilizáveis que você duplicar cada vez. A magia é que a consistência se torna automática. Porque as fontes, cores e espaçamento são assados, cada post que você faz é on-brand sem que você tenha que pensar sobre isso. Seu feed começa a parecer que foi feito por uma pessoa intencional, porque foi.

Algumas dicas para um sistema de templates que realmente se sustenta:

• Mantenha a estrutura, mude o conteúdo. Resista ao desejo de “melhorar” o layout todas as vezes. O ponto é que você não redesenha; você reabastece.
• Construa uma referência de estilo mestre. Observe suas fontes exatas, seus valores de cor e suas regras de espaçamento em um só lugar, para que cada modelo corresponda e você nunca precise adivinhar.
• Design para a praça em primeiro lugar. Um gráfico quadrado limpo se adapta à maioria dos feeds. Uma vez que seus modelos quadrados funcionam, você pode criar variações altas para histórias e formatos verticais.
• Junte a sua criação. Sente-se uma vez por semana, preencha vários modelos de uma só vez enquanto estiver na zona, e você nunca mais enfrentará o pânico das lonas em branco novamente. Isso combina muito bem com o planejamento de suas postagens com antecedência usando um modelo de calendário de mídia social para que você saiba o que está acontecendo e quando.

Erros comuns para parar de cometer hoje

Uma lista rápida de verificação intestinal. Se você está fazendo qualquer um destes, agora você sabe exatamente como corrigi-los:

• Tudo do mesmo tamanho. Hierarquia plana. Torne seu herói dramaticamente maior.
• Texto que você tem que esguichar para ler. Contraste fraco. Aumente a diferença de brilho e proteja o texto sobre as fotos.
• Três ou mais fontes. Caos. Corte para dois e varie o peso em vez disso.
• Uma dúzia de cores. Não há identidade. Apare uma paleta de três a cinco e repita.
• Borda embalada para borda. Não há espaço para respirar. Adicione margens e deixe respirar.
• Reinventando todos os posts. Lenta e inconsistente. Construa modelos e recarregue-os.
• Ignorando a miniatura. Se for ilegível pequeno, falha no feed. Sempre visualize o tamanho do pergaminho.

Design é apenas metade do trabalho

Fazer um grande gráfico é uma vitória, mas um gráfico sentado em uma pasta não faz nada. A outra metade é colocá-lo na frente das pessoas de forma consistente, nos momentos certos, nas plataformas certas, sem queimar toda a sua manhã em postagem manual. É aí que um sistema para o resto do seu fluxo de trabalho compensa. Uma vez que seus visuais são manipulados, vale a pena aprender como agendar postagens de mídia social para que seu conteúdo lindamente projetado realmente seja enviado em um ritmo confiável e vale a pena saber quais métricas de mídia social rastrear para que você possa ver quais de seus projetos estão realmente ressoando e fazer mais do que funciona.

Comece com um modelo hoje

Você não precisa revisar tudo de uma vez. Escolha um modelo do kit, o gráfico de citação é o mais fácil, e construa-o bem: uma grande linha de heróis, duas fontes, três cores, espaço em branco generoso, alto contraste. – Salva-a. Use-o para os próximos três posts, apenas trocando as palavras. Esse único movimento já fará com que seu feed pareça mais intencional do que ontem.

Em seguida, construa o próximo modelo. E a próxima. Dentro de algumas semanas, você terá um kit completo, um visual reconhecível e um fluxo de trabalho de cinco minutos que costumava comer toda a sua manhã. O design deixa de ser a coisa que você teme e se torna a coisa que você mal pensa, que é exatamente como os profissionais querem. O gráfico de parar o pergaminho não é um golpe de sorte. É um sistema, e agora é seu.