Um guia de marca é um documento que descreve todos os aspectos da marca de uma empresa, incluindo sua missão, valores, personalidade, identidade visual e tom de voz. Este documento é um guia para todos os colaboradores da empresa, parceiros e agências que trabalham na criação e promoção de uma marca.

Aqui estão algumas seções principais que devem ser incluídas em um guia da marca:

  1. Missão e valores. Esta seção descreve o que a empresa faz e quais valores ela representa. Ajuda a determinar como uma empresa deseja ser percebida no mercado e quais valores deseja promover.
  2. Personalidade da marca. Esta seção define qual caráter e personalidade a marca possui. Descreve como uma marca deve falar e se comportar em redes sociais, publicidade, marketing de conteúdo, etc.
  3. Imagem visual. Esta seção descreve a aparência da marca, incluindo logotipo, cores, tipografia e outros elementos visuais. Ajuda a determinar a aparência da marca em todos os materiais, incluindo o site, embalagem do produto, banners publicitários, etc.
  4. Tom de voz. Esta seção define qual estilo e tom a marca deve utilizar na comunicação com os clientes e com o mercado como um todo. Ajuda a definir como uma marca deve falar e se comportar redes sociais, publicidade, marketing de conteúdo, etc.
  5. Identificação da marca. Esta seção descreve como usar o logotipo e outros elementos visuais da marca em uma variedade de materiais, incluindo um site, embalagem de produto, banners publicitários, etc.
  6. Recomendações para criação de conteúdo. Esta seção fornece orientação sobre como criar conteúdo que corresponda à sua personalidade e tom de voz da marca.

O guia da marca deve ser visual e compreensível para todos os colaboradores da empresa.

Você recebeu a tarefa de criar um guia de marca e não sabe por onde começar? Está tudo bem, todos nós já passamos por isso. Respire fundo, tome uma xícara de café ou chá (ou vinho) e prepare-se para aprender tudo o que você precisa saber sobre como criar o melhor guia de marca no Illustrator!

Design de logotipo
Em primeiro lugar, quais são as diretrizes da marca? Este é um documento que reflete a essência da marca. Define sua personalidade, estilo e tom, e reflete a forma como a marca se comunica. Um guia da marca deve ser claro, fácil de entender e visual.

Acho que o que diferencia um manual de marca de apenas um bom manual de marca é que você não precisa ler uma única palavra para entender a marca. Um guia de marca eficaz contará tudo o que você precisa saber sobre sua marca por meio de imagens e cores.

1. Pesquisa. Guia da marca

O primeiro e mais importante passo na criação de um guia de marca é a pesquisa. Você deve começar anotando tudo o que vem à mente sobre a marca: estilo, tom, adjetivos, objetos relacionados, cores ou até ações. Pense na marca como uma pessoa: como seria?

Guia da marca de recursos descritivos
Não tente fazer uma página de apresentação sofisticada para isso, apenas deixe suas ideias correrem soltas. Realmente ajuda ter o logotipo de uma marca à sua frente enquanto você faz isso e escreve tudo sobre você - e quero dizer tudo, mesmo que não pareça ou pareça importante a princípio. Guia da marca

Quando você sentir que todos perceberam isso, agora você pode usar essas palavras-chave para pesquisar imagens que reflitam a imagem da marca.

Guia da marca.

Coleção de imagens coloridas Guia da marca

2. Personalize seu documento. Guia da marca

Agora que você tem tudo que precisa, vamos começar a projetar!

  • Abra o Illustrator e crie um novo arquivo, especificando o tamanho e a orientação da página desejados (para este tutorial, usarei 1280x720 pixels no modo paisagem).
  • Defina o corte para 2 mm. (ou pergunte casas de impressão , os tamanhos com os quais eles trabalham podem variar um pouco), efeitos raster em 300 ppi e modo de cor em CMYK.
  • Insira o número de pranchetas desejadas (você pode adicionar novas ou removê-las mais tarde), nomeie o documento e clique em Criar.

Guia da marca de configurações de imagem do Illustrator
Em seguida, você precisa criar uma grade de layout usando guias.

  • Crie um retângulo de 20x20mm e coloque-o na borda da página.
  • Pressione ctrl + R para tornar as réguas visíveis, clique nela e arraste para criar uma guia.
  • Coloque as guias nas laterais internas do retângulo.

Um pequeno canto no guia da marca Illustrator

  • Mova o retângulo para a parte inferior esquerda da prancheta e coloque as guias lá.
  • Certifique-se de que suas guias estejam desbloqueadas (para fazer isso, clique em Visualizar > Guias > Desbloquear Guias), selecione as duas guias horizontais e copie-as.
  • Clique na próxima prancheta e pressione Shift + Ctrl + V para colá-los em uma nova prancheta no mesmo local.
  • Repita isso para todas as pranchetas.
  • Renomeie a camada que contém as guias "Guias", arraste o retângulo para fora da prancheta (mas não o exclua, você pode precisar dele novamente para medir) e bloqueie a camada. Guia da marca

Nas próximas etapas, clique na próxima prancheta e crie uma nova camada para cada capítulo! Desta forma você poderá organizar seus negócios, simplificando e agilizando seu processo de trabalho.

3. Capa

Lembra de todas aquelas lindas fotos que você coletou anteriormente?

  • Depois de escolher aquele que você acha que melhor se adapta à capa do guia da sua marca, abra-o no Photoshop.
  • Em seguida, converta-o para o modo de cores CMYK e salve-o como um arquivo .psd.

Guia da marca do ilustrador de cores CMYK
Salvar como Ilustrador

  • Volte para o seu documento do Illustrator e crie uma nova camada. Chame isso de "Capa" (que criativo, certo?).
  • Clique na primeira prancheta e coloque a imagem .psd usando o atalho de teclado Shift + Ctrl + P ou Arquivo > Local.
  • Redimensione e posicione a imagem na página.
  • Se necessário você pode usar máscaras de recorte.

É muito importante que a imagem preencha também a área de sangramento! Guia da marca

Área de sangramento no guia da marca Illustrator

Pense no que você deseja que a capa contenha. Obviamente, o logotipo da marca deve fazer parte disso. Importe e coloque onde quiser. O título também é muito importante, então digite-o ou escreva você mesmo (como fiz neste caso). Então, a base da capa está pronta.

Guia da marca Radpaw
Deixe como está e quando todas as páginas estiverem prontas veremos se podemos torná-lo mais divertido e interessante.

4. Página de conteúdo. Guia da marca

Esta é provavelmente a página mais simples. Basta escrever os títulos dos capítulos em linhas separadas e deixar espaços em branco para os números das páginas correspondentes – você nunca sabe quanto tempo um capítulo terá. Agora você já percebeu que precisa de um título para o título de cada página. Felizmente, você salvou o retângulo criado na etapa dois.

  • Desbloqueie a primeira camada, crie mais duas guias usando este retângulo e trave-a novamente.

  • Vá para a camada de capa, copie o título, volte para a camada de conteúdo e cole. Redimensione-o para caber no título. Guia da marca
  • Abaixo dele, digite o nome da sua página atual e organize-os como desejar.

Sua página agora deve ser parecida com isto:

Conteúdo do guia da marca
Deixe como está e siga em frente!

5.Sobre. Guia da marca

Comece a página copiando o título da camada de conteúdo para uma nova camada chamada “Sobre a página” (você pode criar nomes de camadas mais criativos). Lembre-se de segurar Shift + Ctrl + V para colar no lugar. Se você ainda não tem um, peça ao seu cliente informações sobre a empresa que deveriam estar aqui.

Agora é só dar asas à imaginação e usar as fotos que você coletou anteriormente. Não se esqueça de convertê-los para o modo de cores CMYK no Photoshop. Você pode recortá-los, recortá-los, fazer uma colagem com eles, mas tenha em mente o estilo da marca. Agora coloque suas fotos, insira suas informações, adicione um número de página (esta é a 3ª página) e posicione-as na prancheta.

Guia da marca de recomendações

6. Logotipo Principal/Guia da Marca

Cole o título em uma nova camada. Adicione um número de página, coloque seu logotipo principal na prancheta e anote algumas características principais do logotipo para destacá-lo.

Logotipo principal do guia da marca

7. Logotipo adicional

Esta página é opcional porque nem todas as marcas terão um logotipo secundário. Nesse caso, basta repetir os passos indicados no logotipo principal. Guia da marca

Logotipo do guia da marca secundária

8. Opções de logotipo

Clique na próxima prancheta, cole um título (guias e título) em uma nova camada e adicione um número de página. Guia da marca

opções logotipo inclui cor e formato do logotipo (vertical ou horizontal). Depois de coletar ou criar todas as opções, você deve organizá-las na página. Certifique-se de incluir seu logotipo principal e secundário. Se você acha que há algo que os futuros usuários das diretrizes precisarão prestar atenção especial, você pode sempre deixar uma nota na página.

Opções de logotipo do guia da marca

9. Diretrizes de uso/marca do logotipo

Este capítulo irá dimensões mínimas e máximas são definidas, no qual você pode usar seu logotipo. Isso evitará que o logotipo seja usado em tamanhos tão pequenos que perca a legibilidade e se torne apenas uma mancha de tinta no papel ou um pixel feio na tela. Neste caso utilizarei uma largura mínima de 25mm para o formato vertical do logotipo. Para o formato horizontal, manterei as proporções verticais definindo a largura mínima para 43 mm. Obviamente, como esse logotipo do doggo é muito legal, não terei um tamanho máximo específico.

Diretrizes da marca para tamanhos mínimos e máximos de logotipo
Você também deve determinar o espaço mínimo ao redor do logotipo. Se você tiver texto ou outros elementos muito próximos do logotipo, corre o risco de perder seu charme, essência e, novamente, legibilidade. Este espaço ajudará o logotipo a respirar, mantendo-o limpo.

Guia da marca
Para fazer isso, logotipo que vou usar diferenças do slogan como medidas. (Você pode usar o que achar melhor: um elemento de logotipo, outra palavra ou apenas um tamanho específico).Uso do logotipo

10. Fontes. Guia da marca

Não mencionei isso no capítulo anterior porque não queria soar como um disco quebrado, mas lembre-se de clicar na próxima prancheta, colar o título (guias e título) em uma nova camada e adicionar um número de página . Esta página apresenta fontesque deve ser usado para a marca. Nesse caso, usei minha caligrafia (bagunçada) para escrever o nome da marca no logotipo, então usei o mesmo estilo para os títulos. Se você decidir fazer o mesmo, apenas mencione que usou letras personalizadas - isso aparentemente deixa você muito legal!

Obviamente você precisará de uma fonte diferente para parágrafos de texto. Depois de selecioná-lo, certifique-se de que esteja legível e nunca use um script. Depois de selecionar uma fonte, insira todo o alfabeto, bem como todos os números e pontuação, usando essa fonte específica. Além disso, adicione um pequeno parágrafo de texto usando a mesma fonte - para isso sugiro que você use texto Lorem Ipsum (o que é isso, você pergunta? É um texto de preenchimento sem absolutamente nenhum significado).
Guia da Marca 4

11. Paleta de cores

Essa é a minha parte favorita (adoro muito as cores e brincar com elas). As principais cores da marca devem ser citadas e apresentadas aqui. Inclua as utilizadas no logotipo, bem como o preto e branco, cores secundárias (neste caso, cores secundárias do logotipo) e as cores de destaque são opcionais, também não há necessidade de criar uma categoria separada para elas, mas você sabe, sou fã de cores, então por que não? Guia da marca

A paleta de cores

12. Aplicação da marca. Guia da marca

Neste capítulo, você apresenta documentos e materiais de marcas estacionárias em redes sociais (Se houver algum). Basta colocá-los ordenadamente na página e pronto.

Guia da marca do cartão de visita

13. Entre em contato com o designer. Guia da marca

Esta página é dedicada a você! Adicione sua foto, informações de contato e, claro, seu arco-íris design de logotipo.

Se este guia for usado em formato digital, certifique-se de que todos os links funcionem.

14. Glossário

Provavelmente, seu cliente que não é de design não entenderá o que significam todos os termos de design que você usou em seu guia de marca. CMYK, vetor, EPS, AI, RGB - há muitos termos que podem parecer sem sentido para não profissionais. Por isso, crie um glossário para explicar tudo o que seu cliente precisa saber sobre esses termos. Guia da marca
Guia da Marca 6

15. Adicionando personalidade às páginas e retoques finais

Eu sei que disse que a página de flores era minha favorita, mas essa etapa também é muito divertida. Depois de terminar de colocar todos os elementos e informações em cada página, você pode voltar ao início do documento e torná-lo o mais bacana possível. Guia da marca
Como a marca é divertida e inconformista, eu e o cliente concordamos que ela deveria ter um visual raivoso, sujo e punk para que eu tivesse total liberdade para me deixar enlouquecer. Obviamente você deve discutir isso com seu cliente, mas basicamente siga seus instintos e não fique obcecado com isso. Além disso, aqui você precisará adicionar números de página ao índice, não se esqueça disso.

Isso pode parecer estranho para você, mas você ainda precisa seguir algumas regras menores. Por exemplo, na página de opções de logotipo, certifique-se de não adicionar muitas coisas para que pareça lotado. Você ainda quer que o foco esteja nos logotipos.

Guia da Marca 8

Mas na página Cores ou na página de contato do designer, por exemplo, você pode adicionar muitos elementos divertidos, como toques de cor. Afinal, as cores fazem o mundo girar e a página de contato do designer é dedicada a você!

Guia da marca.

Guia da Marca 9

16. Salvando o arquivo. Guia da marca

Agora que seu documento está completo e pronto para apresentação, você precisará salvá-lo para enviá-lo a um cliente ou impressora.

  • Para fazer isso, escolha Arquivo > Salvar como, selecione Adobe PDF no menu suspenso e marque Tudo para salvar o documento inteiro como um só. ficheiro PDF.

Guia de preservação da marca

  • Em seguida, na janela que aparece, vá para a seção Marcas e recortes e use a configuração de sangramento para o documento com marcas de corte.

Guia da Marca 11

  • Clique em "Salvar" e suas páginas deverão ficar assim:

 
Observe aquelas pequenas linhas nas bordas? É aqui que as páginas serão cortadas e por que precisamos do sangramento. Porém, se o seu cliente precisar de orientação da marca para uso digital, apenas algumas pequenas alterações precisarão ser feitas. Guia da marca

  • Vá em Arquivo > Configuração do documento e remova o sangramento (basta digitar 0).

  • Vá para Arquivo > Modo de cores do documento e selecione uma cor RGB.

Agora você precisa alterar as imagens CMYK para imagens RGB.

Para fazer isso, você precisará ir ao painel Links (Janela > Links) e vincular novamente cada imagem que usa o modo de cores CMYK. Guia da marca

  • Em seguida, basta salvá-lo como um arquivo PDF conforme descrito na etapa anterior – observe que desta vez você não precisa definir nenhuma opção relacionada ao sangramento.

Alternativamente, se você for enviar o arquivo editado para o seu cliente, será necessário incluir um pacote com as imagens utilizadas, caso contrário o seu cliente não conseguirá visualizar o arquivo corretamente - tanto para arquivos impressos quanto digitais. Para fazer isso, vá em Arquivo > Lote, escolha onde salvá-lo e clique em Lote. Isso criará uma pasta com todos os links que você usou, então certifique-se de enviá-la também. Guia da marca

17. Conclusão

Se você está lendo esta frase, quero que saiba que estou muito orgulhoso de você por ter chegado ao final da lição. Parabéns!

Agora você sabe passos básicos na criação de suas próprias diretrizes de marca. No entanto, tutoriais não fará de você um mestre, você realmente precisa sujar as mãos, experimentar, falhar, falhar um pouco mais e então ter sucesso. Lembre-se, a prática leva à perfeição!