Branding

Identidade visual de eventos: um só visual do convite ao palco

Um evento é visto em uma dúzia de formatos ao longo de poucas semanas: uma story, um convite, uma página de inscrição, um cartaz, um crachá, um ecrã do tamanho de uma parede. Eis como fazer com que tudo pareça a mesma noite.

GradientlyConta Gradiently verificada··5 min de leitura
Capa: Nordic Afternoon · GR·XPY5·NF

A versão curta

  • A identidade visual de um evento é o visual único que o acompanha desde o primeiro anúncio, passando pelos convites, pela sinalética e pelos ecrãs do palco, até ao seguimento.
  • Cria primeiro um pequeno kit do evento: um bloco com nome e data, uma paleta, um só visual de fundo, tipografia e algumas regras de composição.
  • Um evento aparece em formas muito diferentes, de uma story de 1080×1920 a diapositivos de palco de 1920×1080 e cartazes impressos, por isso cada formato precisa da sua própria composição a partir do mesmo kit.
  • O movimento nos ecrãs do palco deve ser lento e contínuo, para apoiar os oradores em vez de competir com eles.
  • O visual de um evento deve relacionar-se claramente com a marca anfitriã e ter o seu próprio destaque, para parecer especial mas familiar.
Nesta página

A identidade visual de eventos é um só visual que acompanha um evento do primeiro save the date ao último agradecimento, passando pelos convites, pela página de inscrição, pela sinalética, pelos crachás e pelos ecrãs do palco. Para lá chegar, cria um pequeno kit do evento antes de desenhar seja o que for, em vez de desenhar cada peça à medida que é precisa. O kit reúne um bloco com nome e data, uma paleta, um só visual de fundo, tipografia e algumas regras de composição, e todos os formatos nascem dele.

O difícil no design de eventos não é nenhuma peça isolada. É que um evento é visto em uma dúzia de formas ao longo de poucas semanas, muitas vezes feitas por pessoas diferentes e à pressa. Sem um kit, o cartaz, os diapositivos e as publicações nas redes acabam por parecer três eventos diferentes.

O que a identidade de um evento abrange, do convite ao palco

Faz a lista de todos os formatos antes de começar. Os tamanhos abaixo vêm do carregamento recomendado por cada plataforma e dos tamanhos de impressão habituais a 300 dpi.

FasePeçaTamanho (px)
AnúncioStory de save the date1080×1920
AnúncioPublicação no feed1080×1350
AnúncioCapa de evento no Facebook1920×1005
ConviteConvite impresso, 5×7 in1500×2100
ConviteCabeçalho de email1200×600
InscriçãoImagem principal da página de inscrição1920×1080
InscriçãoPré-visualização de ligação (Open Graph)1200×630
No diaCartaz, 18×24 in5400×7200
No diaSinalética A33508×4961
No diaDiapositivos de palco e de espera1920×1080
DepoisPublicação de agradecimento1200×1200 para o LinkedIn
Os formatos de um evento típico. Poucos eventos precisam de todos; a maioria precisa de mais do que se espera à partida.

Story

1080 × 1920

Convite 5×7

1500 × 2100

Capa de evento

1920 × 1005

Palco 16:9

1920 × 1080

Cartaz 18×24

5400 × 7200

O mesmo evento em cinco formas, desenhadas à escala. Formatos altos, quase quadrados e largos pedem cada um a sua composição.

Cria o kit do evento antes de tudo o resto

  1. 1

    Fixa o nome e a data num bloco

    Compõe o nome do evento, a data e o local como uma só unidade, com espaçamento fixo. Este bloco aparece em quase todas as peças, por isso decide-o uma vez.

  2. 2

    Tira a paleta da marca anfitriã

    Parte das cores da marca anfitriã e junta um destaque do evento. O evento deve parecer especial, mas continuar a pertencer claramente a quem o organiza.

  3. 3

    Escolhe um só visual de fundo

    Um gradiente, material ou textura que corre por trás de todos os formatos, da story ao palco. É isto que faz um cartaz e um diapositivo parecerem a mesma noite.

  4. 4

    Escolhe a tipografia

    Normalmente os tipos de letra da marca anfitriã, talvez com um tipo de destaque para o nome do evento. Os ecrãs do palco precisam de texto legível do fundo da sala.

  5. 5

    Escreve as regras de composição

    Onde fica o bloco, as margens, como se compõem os nomes dos oradores e os horários. Põe tudo numa página e partilha-a com quem faz materiais.

Uma paleta de evento: o azul-marinho da marca anfitriã, um destaque do evento em coral, um quase preto para os ecrãs do palco, uma cor viva para a sinalização e branco para crachás e letra miúda.

Um só visual, todos os formatos

Com o kit pronto, cada formato passa a ser uma composição e não um design novo. Uma story de contagem decrescente, um diapositivo de palco e um cartaz partilham o fundo, o bloco e a tipografia; só a composição muda para servir a forma.

Uma story de contagem decrescente na semana anterior…

Quinta-feira, 19h
Noite de lançamento
Studio North
Gradiently · @gradiently

…e o diapositivo de espera na própria noite. O mesmo fundo, o mesmo bloco, uma composição larga.

Para a parte física, vê design de painéis para eventos e design de cartazes. A impressão precisa do mesmo fundo renderizado em resolução total, não de uma imagem das redes esticada, e imprimir gradientes explica como manter as transições suaves no papel.

Movimento para os ecrãs do palco e a página do evento

É nos ecrãs que a identidade de um evento ganha vida. Entre intervenções, um ecrã de espera com o fundo a mover-se devagar parece muito mais cuidado do que um diapositivo estático. Mantém o movimento lento e contínuo e garante que o loop se une sem se notar, porque um salto visível a cada trinta segundos num ecrã do tamanho de uma parede não passa despercebido. Os loops contínuos explicam como. Por trás de um orador, reduz ainda mais o movimento ou para-o; o público deve olhar para a pessoa, não para a parede.

Na página de inscrição, a mesma ideia funciona em CSS. Respeita quem pediu ao dispositivo para reduzir o movimento.

css
.event-hero {
  background: linear-gradient(120deg, #14213d, #ff6b4a, #14213d);
  background-size: 200% 200%;
  animation: drift 24s ease-in-out infinite alternate;
}

@keyframes drift {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .event-hero { animation: none; }
}
Uma deriva lenta para a página do evento, na paleta do evento. Alternar a direção faz com que o loop nunca salte.

A Gradiently exporta qualquer design como um loop contínuo de 5 a 30 segundos, com o movimento, o ritmo e a cor que escolheres, o que serve tanto para ecrãs de espera como para stories.

Manter a identidade do evento coerente

Evita

  • Cada fornecedor a recriar o visual a partir de uma captura de ecrã
  • Esticar o design da story para caber no palco
  • Uma nova cor de destaque para cada sessão
  • Movimento agitado por trás dos oradores
  • Texto minúsculo nos diapositivos do palco

Faz

  • Um só kit, partilhado em ficheiros, com o bloco e a paleta
  • Uma composição feita para cada forma
  • Um só destaque do evento, usado com coerência
  • Loops lentos e contínuos apenas nos ecrãs de espera
  • Texto dimensionado para a última fila

Perguntas frequentes

O que é a identidade visual de um evento?

É o visual coerente que acompanha um evento em todos os pontos de contacto: anúncios, convites, página de inscrição, sinalética, crachás, ecrãs do palco e seguimento.

O que deve incluir o kit de marca de um evento?

Um bloco com nome e data, uma paleta, um só visual de fundo, tipos de letra e um conjunto curto de regras de composição que todos os fornecedores e designers seguem.

Que tamanho devem ter os diapositivos de palco de um evento?

A maioria dos ecrãs atuais usa 16:9, por isso 1920×1080 píxeis é a escolha habitual. Confirma o ecrã do local antes de desenhar.

Um evento deve parecer-se com a marca anfitriã?

Deve relacionar-se claramente com ela, usando as cores e a tipografia da marca anfitriã, com um destaque do evento para parecer especial mas familiar.

Os fundos do palco devem ter movimento?

Um movimento lento e contínuo funciona bem nos ecrãs de espera entre intervenções. Por trás de um orador, mantém-no muito subtil ou parado para não distrair.

Partilhar este guia

Escrito pela GradientlyConta Gradiently verificada

A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.

Ver o nosso perfil