Av. Vale do Infulene, nº06 Matola Maputo MZ
Todos os dias 08:00 às 22:00
Conteúdo do curso
Aula 1 – O que é Design Gráfico?
# 🎨 Aula 1 – O que é Design Gráfico? O Design Gráfico não é enfeite. É estratégia visual. Vivemos numa era em que a atenção é curta e a concorrência é brutal. Quem comunica melhor visualmente, vence. Simples assim. Nesta primeira aula, vamos entender o conceito, as áreas de atuação e o mercado atual do Design Gráfico — sem ilusões, mas com visão clara de futuro. --- ## 📌 1️⃣ Conceito de Design Gráfico Design Gráfico é o processo de **comunicação visual estratégica**, que utiliza elementos como: * Tipografia * Cores * Imagens * Formas * Layout * Hierarquia visual O objectivo não é apenas “deixar bonito”. É **transmitir uma mensagem de forma clara, persuasiva e funcional**. Um bom designer não pergunta “ficou bonito?”. Pergunta: **“Resolve o problema?”** Design é solução. --- ## 🎯 2️⃣ Áreas de Atuação do Design Gráfico O mercado expandiu. O designer moderno precisa compreender várias frentes. ### 🖨️ Design Editorial * Revistas * Jornais * Livros * E-books * Catálogos Aqui entra organização visual e legibilidade. --- ### 🏢 Identidade Visual e Branding * Logotipos * Manual de marca * Cartões de visita * Papelaria corporativa Uma marca forte nasce da consistência visual. --- ### 📱 Design Digital * Redes sociais * Banners online * Landing pages * Interfaces de aplicativos Hoje, quem não domina o digital, fica para trás. --- ### 🌐 Web Design * Estrutura de websites * UX (Experiência do Usuário) * UI (Interface do Usuário) Aqui o design encontra a tecnologia. --- ### 📦 Design Publicitário * Outdoors * Flyers * Campanhas visuais * Anúncios pagos Design aqui é conversão. --- ## 📊 3️⃣ Mercado Atual do Design Gráfico A verdade direta: O mercado está saturado de amadores, mas carente de profissionais estratégicos. ### 🔥 O que o mercado procura hoje: * Designers que entendem marketing * Profissionais que saibam usar ferramentas modernas * Capacidade de trabalhar com redes sociais * Noções de programação básica * Visão estratégica de marca Não basta saber usar Photoshop. É preciso entender comunicação, comportamento do consumidor e tecnologia. --- ## 💰 Oportunidades Reais O designer pode atuar como: * Freelancer * Empreendedor digital * Colaborador em agências * Especialista em marketing * Criador de conteúdo visual Com a expansão do comércio digital, **a procura por design profissional continua a crescer**. Mas apenas para quem entrega qualidade. --- ## 🚀 Conclusão da Aula 1 Design Gráfico é: ✔ Comunicação estratégica ✔ Ferramenta de influência ✔ Profissão digital em expansão ✔ Ponte entre criatividade e negócio Quem aprende design hoje não aprende apenas estética. Aprende a comunicar poder.
Aula 2 – Princípios do Design
Se na Aula 1 entendemos que Design é comunicação estratégica, agora vamos à base estrutural que sustenta qualquer peça visual profissional. Sem estes quatro princípios, o design vira bagunça. Eles são clássicos. Funcionam há décadas. E continuam essenciais no digital moderno. 1️⃣ Contraste 📌 O que é? Contraste é a diferença clara entre elementos visuais. Pode ser diferença de: Cor Tamanho Espessura Forma Tipografia Espaçamento O contraste cria hierarquia visual. 🎯 Para que serve? Destacar o que é importante Guiar o olhar do leitor Criar impacto visual Evitar monotonia Sem contraste, tudo parece igual. E quando tudo parece igual, nada chama atenção. 🔥 Exemplo prático Errado: Título e texto com o mesmo tamanho Cores muito parecidas Certo: Título grande e forte Texto menor e legível Botão com cor diferente do fundo O contraste é o que faz o utilizador clicar. 2️⃣ Alinhamento 📌 O que é? Alinhamento é a organização visual dos elementos segundo uma linha invisível. Nada deve estar “solto” no layout. 🎯 Para que serve? Criar organização Transmitir profissionalismo Facilitar leitura Evitar aparência amadora Design desalinhado passa insegurança. 🔥 Regra prática Se algo está fora de eixo, parece erro. Alinhe: Textos Ícones Botões Imagens Mesmo no design moderno e futurista, o alinhamento continua obrigatório. 3️⃣ Repetição 📌 O que é? Repetição é usar elementos visuais consistentes ao longo do design. Pode ser: Mesma tipografia Mesma paleta de cores Mesmos estilos de botão Mesma estrutura visual 🎯 Para que serve? Criar identidade Gerar consistência Reforçar marca Melhorar reconhecimento Grandes marcas repetem padrões. Consistência gera confiança. 4️⃣ Proximidade 📌 O que é? Proximidade é agrupar elementos que estão relacionados. Informações ligadas devem estar próximas. 🎯 Para que serve? Organizar conteúdo Facilitar leitura Evitar confusão Melhorar escaneabilidade Se título e texto estão longe, o cérebro interpreta como assuntos diferentes. Agrupe o que pertence junto. 📊 Como os 4 Princípios Trabalham Juntos Princípio Função Principal Contraste Criar destaque Alinhamento Organizar Repetição Criar consistência Proximidade Agrupar informação Quando aplicados juntos: ✔ Layout fica profissional ✔ Mensagem fica clara ✔ Conversão aumenta ✔ Marca ganha autoridade 🚀 Conclusão da Aula 2 Estes princípios não são tendência. São fundamentos. Ferramentas mudam. Tendências mudam. Mas estes quatro continuam. Quem domina estes princípios, domina o design.
Aula 3 – Psicologia das Cores
Cores não são decoração. São gatilhos emocionais. Antes de alguém ler um texto, o cérebro já reagiu à cor. No design e no marketing, isso significa poder. Nesta aula vamos entender: ✅ O significado das cores ✅ Como combinar cores de forma harmoniosa ✅ Como usar cores estrategicamente para vender 🎯 1️⃣ Significado das Cores Cada cor ativa emoções específicas. O designer estratégico sabe disso e usa com intenção. 🔴 Vermelho Transmite: Urgência Energia Paixão Ação Muito usado em: Promoções Botões de compra Liquidações 👉 Excelente para gerar impulso. 🔵 Azul Transmite: Confiança Segurança Profissionalismo Estabilidade Muito usado por: Bancos Plataformas tecnológicas Empresas corporativas 👉 Ideal para marcas que querem autoridade. 🟢 Verde Transmite: Crescimento Saúde Natureza Prosperidade 👉 Funciona bem para educação, finanças e sustentabilidade. 🟡 Amarelo Transmite: Otimismo Energia Criatividade Mas cuidado: em excesso, pode gerar desconforto visual. 🟣 Roxo Transmite: Luxo Criatividade Sofisticação Muito usado em marcas premium. ⚫ Preto Transmite: Elegância Poder Exclusividade Minimalismo moderno usa muito preto. ⚪ Branco Transmite: Simplicidade Clareza Organização Espaço em branco não é vazio. É estratégia. 🎨 2️⃣ Combinações Harmoniosas Combinar cores mal destrói qualquer design. Aqui estão métodos clássicos que funcionam: 🔵 Combinação Monocromática Variações da mesma cor. Exemplo: Azul claro Azul médio Azul escuro ✔ Elegante ✔ Profissional ✔ Seguro 🟠 Complementar Cores opostas no círculo cromático. Exemplo: Azul + Laranja Vermelho + Verde ✔ Alto contraste ✔ Excelente para destacar botões 🟢 Análoga Cores vizinhas no círculo. Exemplo: Azul + Verde Amarelo + Laranja ✔ Harmonia natural ✔ Visual agradável 🎯 Regra prática Use 1 cor principal 1 cor secundária 1 cor de destaque (CTA) Menos é mais. 💰 3️⃣ Uso Estratégico no Marketing Agora vamos ao ponto crucial: conversão. Cores influenciam decisões de compra. 🔥 Botões de Ação (CTA) Botões precisam contrastar com o fundo. Exemplo: Fundo azul → Botão laranja Fundo branco → Botão vermelho O botão precisa “saltar” aos olhos. 🏢 Construção de Marca Uma marca deve manter coerência cromática. Repetição de cores gera: Reconhecimento Confiança Memória visual 🧠 Psicologia e Público-Alvo Jovens → cores vibrantes Corporativo → cores sóbrias Luxo → tons escuros e dourados Tecnologia → azul e roxo Não existe cor certa universal. Existe cor certa para o público certo. 📊 Erros Comuns no Uso de Cores ❌ Excesso de cores ❌ Baixo contraste ❌ Ignorar acessibilidade ❌ Não considerar daltonismo Design profissional considera legibilidade e acessibilidade. 🚀 Conclusão da Aula 3 Cores são ferramentas psicológicas. Quem domina a psicologia das cores: ✔ Comunica melhor ✔ Constrói marcas fortes ✔ Aumenta conversão ✔ Influencia decisões Design estratégico não escolhe cor porque “é bonita”. Escolhe porque gera resultado.
Módulo 2 – Canva do Zero ao Profissional
Aula 4 – Introdução ao Canva Criar conta Interface Tipos de projeto Aula 5 – Criando Posts para Instagram Tamanho ideal Tipografia Uso de elementos gráficos Aula 6 – Criação de Logotipo no Canva Escolha de fontes Ícones Paleta de cores Aula 7 – Design para Marketing Digital Anúncios Stories Capas de YouTube
0/4
Módulo 3 – Photoshop do Básico ao Avançado
Aula 8 – Introdução ao Photoshop Interface Ferramentas principais Configuração de documento
0/4
Módulo 4 – Projetos Reais
Aula 12 – Criando Identidade Visual Completa Logotipo Tipografia oficial Aplicações práticas
0/2
Protegido: Design Gráfico com Canva e Photoshop

Photoshop não é ferramenta para amadorismo.
É padrão profissional do mercado gráfico e publicitário.

Quem domina Photoshop tem controlo real sobre imagem, manipulação, composição e produção visual de alto nível.

Nesta aula vamos abordar:

  • Interface

  • Ferramentas principais

  • Configuração de documento


1. Interface do Photoshop

Ao abrir o Photoshop, a estrutura pode parecer complexa.
Mas ela é lógica.

Componentes principais da interface

Barra Superior (Menu)

Contém:

  • File (Ficheiro)

  • Edit (Editar)

  • Image (Imagem)

  • Layer (Camada)

  • Type (Texto)

  • Select (Selecção)

  • Filter (Filtros)

  • View (Visualização)

É onde estão os comandos avançados.


Barra de Ferramentas (Lado Esquerdo)

Aqui ficam as ferramentas práticas:

  • Move Tool

  • Marquee Tool

  • Lasso Tool

  • Brush Tool

  • Eraser

  • Text Tool

  • Shape Tool

  • Crop Tool

É o núcleo operacional.


Painel de Camadas (Layers)

Camadas são a base do Photoshop.

Cada elemento (imagem, texto, forma) fica numa camada separada.

Sem dominar camadas, não há controlo.


Painéis Laterais

  • Properties

  • Adjustments

  • Color

  • Character

  • Paragraph

Podem ser reorganizados conforme a necessidade.

Profissional organiza o espaço de trabalho conforme o tipo de projecto.


2. Ferramentas Principais

Photoshop tem dezenas de ferramentas, mas algumas são fundamentais.


Move Tool (V)

Serve para mover elementos na tela.

Simples, mas essencial.


Marquee Tool (M)

Ferramenta de selecção retangular ou elíptica.

Usada para recortes simples.


Lasso Tool (L)

Selecção manual.

Ideal para cortes mais orgânicos.


Brush Tool (B)

Ferramenta de pintura.

Muito usada para:

  • Ilustração

  • Edição

  • Máscaras


Text Tool (T)

Permite inserir texto.

No Photoshop, tipografia exige atenção à nitidez e espaçamento.


Crop Tool (C)

Serve para cortar e ajustar enquadramento.

Muito usada para redes sociais e banners.


Shape Tool (U)

Cria formas vetoriais:

  • Retângulos

  • Círculos

  • Linhas

  • Polígonos

Essenciais para design estruturado.


3. Configuração de Documento

Criar documento errado compromete qualidade final.

Antes de começar qualquer projecto, defina:


Dimensões

Para redes sociais:

  • Instagram Post: 1080 x 1350 px

  • Story: 1080 x 1920 px

  • YouTube Thumbnail: 1280 x 720 px


Resolução

Para digital:

  • 72 dpi é suficiente

Para impressão:

  • 300 dpi obrigatório


Modo de Cor

Para redes sociais e web:

  • RGB

Para impressão:

  • CMYK

Escolher modo errado altera cores no resultado final.


Fundo

Pode iniciar com:

  • Branco

  • Preto

  • Transparente

Para logotipos, sempre escolha fundo transparente.


4. Organização Profissional

Desde o início:

  • Nomeie as camadas

  • Agrupe elementos relacionados

  • Use pastas (Group)

  • Evite trabalhar tudo numa única camada

Organização economiza horas de retrabalho.


Conclusão da Aula 8

Photoshop é ferramenta de precisão.

Para dominar, precisa:

  • Entender a interface

  • Praticar as ferramentas principais

  • Configurar correctamente cada documento

  • Trabalhar com organização profissional

Ferramenta poderosa exige disciplina.