1. Estruturar Briefing
1.1. Um briefing é um resumo com todas as informações e objetivos necessários para orientar um projeto.
1.1.1. Modelo Briefing
2. Ferramenta para Criação
2.1. Ferramentas Vetoriais (Illustrator, Corel Draw, Figma)
2.1.1. Primeiros passos com Figma
3. Iniciar a Criação
3.1. Leitura do Briefing
3.1.1. Tipografia
3.1.1.1. Tipos de tipografia
3.1.1.1.1. Serifadas: Passam uma sensação de tradição, elegância e formalidade. Sem Serifa (Sans-Serif): Transmitem modernidade, simplicidade e clareza. Manuscritas (Scripts): Criam uma sensação pessoal, delicada e humanizada. Display (Decorativas): Chamam atenção, são expressivas e ideais para causar impacto. Monoespaçadas: Passam um visual técnico, organizado e uniforme.
3.1.1.2. Selecionar tipo de tipografia baseado no briefing
3.1.1.2.1. Testar Tipografias do estilo selecionado e escolher a fonte principal e de apoio
3.1.1.3. Como baixar e instalar fontes novas
3.1.1.3.1. Sites recomendados Dafont e Befonts
4. Icone/Isotipo
4.1. Instalar Plugin Iconify
4.2. Selecionar Icone para personalizar
4.2.1. Lembrete: é possível criar o ícone manualmente, mas no curso vamos focar em uma abordagem mais prática e descomplicada.
4.2.1.1. Criar Logotipo juntando Icone+Tipografia
4.2.1.1.1. Criar o Pattern (Padrão)
5. Paleta de cores
5.1. Psicologia das cores
5.1.1. A psicologia das cores é o estudo de como as cores afetam nossas emoções e decisões. Cada cor transmite uma sensação, que pode influenciar como as pessoas se sentem e se comportam. Vou explicar algumas cores comuns e seus significados:
5.1.1.1. Cor Vermelha O vermelho é uma cor intensa e cheia de energia. Ele pode transmitir amor e paixão por isso, no Dia dos Namorados, as lojas usam muito vermelho. Essa cor também desperta fome! Já reparou que fast foods, como McDonald’s e Burger King, usam muito vermelho? Além disso, o vermelho é uma cor chamativa que dá destaque e estimula a ação. Por isso, é muito usada em campanhas de divulgação para divulgar promoções ou sinalização de emergência. Sentimento: Energia, fome, urgência.
5.1.1.1.1. Cor Laranja Derivado do vermelho, o laranja é vibrante e transmite energia, mas de um jeito mais “amigável”. Ele passa uma sensação de alegria e criatividade. Marcas que querem ser vistas como jovens e dinâmicas, como a Fanta, costumam usar laranja. Produtos de verão, como bronzeadores, também usam laranja para transmitir calor. Sentimento: Alegria, entusiasmo, energia.
6. Diagramação
6.1. Espaçamento e Ajuste Visual
6.1.1. Regra de diagramação horizontal (2) e vertical (3)
7. Organização e Variações
7.1. Cores positivas e negativas
7.1.1. Aplicação em Background
7.1.1.1. Criação de arte Simples
8. Aplicação em Mockups
8.1. O que são mockups?
8.1.1. Mockups são representações visuais realistas de como um design ou produto final ficará, ajudando na visualização antes da produção real.
8.1.1.1. Aplicar logo em mockups que tenham contexto com a marca
9. Fechamento de arquivos
9.1. Organização de pastas (Criar pasta Identidade Visual [NOME DA MARCA]
9.1.1. Logotipo
9.1.1.1. Versão Horizontal
9.1.1.1.1. PNG/PDF/SVG
9.1.1.2. Versão Vertical
9.1.1.2.1. PNG/PDF/SVG
9.1.1.3. Isotipo
9.1.1.3.1. PNG/PDF/SVG
9.1.1.4. Assinatura
9.1.1.4.1. PNG/PDF/SVG
9.1.2. Paleta de cores
9.1.2.1. Salvar arquivo com os códigos Hexadecimais (#000000)
9.1.3. Fontes
9.1.3.1. Arquivo da fonte principal e de apoio/Documento falando sobre elas
9.1.4. Pattern
9.1.4.1. PNG/SVG
9.1.5. Modelos
9.1.5.1. Fazer upload dos Mockups produzidos e Artes Simples.
10. Brandbook
10.1. Criar o Brandbook de identidade visual da Marca.
10.1.1. Substituir e adicionar informações baseado no modelo de referência.
10.1.1.1. Fechamento em PDF e Adicionar a Pasta de Identidade Visual [NOME DA MARCA]