Canva

Aprenda a criar apresentações, materiais visuais, protótipos, documentos e conteúdos profissionais utilizando o Canva.


🔎 Ctrl + K

📘 Bem-vindo ao Manual Digital

O Canva é uma ferramenta utilizada para criação de conteúdos visuais. Ele permite produzir apresentações, cartazes, documentos, infográficos, materiais para redes sociais, protótipos, vídeos, convites e muitos outros tipos de projetos. Durante o curso de Desenvolvimento de Sistemas, o Canva pode ser utilizado para organizar ideias, apresentar projetos, criar protótipos, produzir materiais de apoio e preparar apresentações.

💡 Como estudar? Não tente aprender todos os recursos do Canva de uma única vez. Primeiro aprenda a criar um projeto, inserir elementos, organizar informações e exportar o resultado. Depois, avance para recursos mais específicos.

01. O que é o Canva?

📌 Definição

O que é Canva? Canva é uma plataforma de criação de conteúdos visuais que permite produzir diferentes tipos de materiais utilizando modelos, textos, imagens, formas, elementos gráficos e outros recursos.

🎯 Para que serve?

O Canva pode ser utilizado para criar diversos tipos de materiais.

💻 Exemplo Um grupo de alunos está desenvolvendo um sistema para uma escola. Antes de apresentar o projeto, pode utilizar o Canva para criar uma apresentação mostrando o problema, a solução, as funcionalidades e as telas do sistema.

02. Acessando o Canva

🌐 Acesso

Site oficial: https://www.canva.com/

📝 Passo a passo

  1. Abra um navegador.
  2. Acesse o site do Canva.
  3. Localize a opção de entrada ou criação de conta.
  4. Entre utilizando uma conta existente ou crie uma conta.
  5. Aguarde o carregamento da página inicial.
⚠️ Atenção Sempre confirme se você está acessando o site oficial antes de informar seus dados de acesso.

03. Criando uma Conta

Definição Uma conta permite que o usuário utilize a plataforma e mantenha seus projetos associados ao seu acesso.

📝 Passo a passo

  1. Acesse o Canva.
  2. Escolha a opção para criar uma conta.
  3. Selecione uma das formas de cadastro disponíveis.
  4. Informe os dados solicitados.
  5. Conclua o cadastro.
  6. Entre na plataforma.
💡 Dica Em atividades acadêmicas, procure utilizar a conta indicada pela instituição ou pelo professor quando houver uma orientação específica.

04. Conhecendo a Tela Inicial

Definição A tela inicial é o espaço onde o usuário encontra seus projetos, modelos, opções de criação e recursos disponíveis.

🔎 O que procurar?

📖 Explicação A organização da tela pode mudar conforme atualizações da plataforma, tipo de conta e recursos disponíveis. Por isso, procure sempre pelo nome da função quando não encontrar uma opção imediatamente.

05. Criando um Novo Design

Definição Um design é o projeto visual que será criado dentro do Canva.

📝 Passo a passo

  1. Acesse a página inicial.
  2. Procure pela opção de criação de um novo design.
  3. Escolha o tipo de projeto.
  4. Selecione um modelo ou comece com uma página em branco.
  5. Aguarde o editor carregar.
💻 Exemplo Para criar uma apresentação de trabalho, procure por um formato de apresentação em vez de criar um design com dimensões aleatórias.

06. Escolhendo o Tamanho Correto

Definição O tamanho determina as dimensões do projeto que será criado.

📐 Por que isso é importante?

Um material criado para uma apresentação possui necessidades diferentes de uma postagem para redes sociais ou de um documento para impressão.

Objetivo Tipo de projeto
Apresentação Apresentação
Documento Documento
Redes sociais Postagem
Impressão Material para impressão
Vídeo Projeto de vídeo
⚠️ Atenção Evite criar um projeto com tamanho inadequado para o objetivo final. Antes de começar, pense onde o material será utilizado.

07. Utilizando Modelos Prontos

Definição Modelos são estruturas visuais previamente criadas que podem servir como ponto de partida para um projeto.

📝 Passo a passo

  1. Crie ou abra um projeto.
  2. Localize a área de modelos.
  3. Pesquise pelo tipo de material desejado.
  4. Analise os modelos disponíveis.
  5. Escolha um modelo adequado.
  6. Substitua textos e imagens.
  7. Personalize as cores e demais elementos.
💡 Dica Não escolha um modelo apenas porque ele é bonito. Verifique se a estrutura realmente combina com o conteúdo que será apresentado.

08. Trabalhando com Textos

Definição Textos são utilizados para apresentar informações, títulos, explicações, legendas e outras mensagens dentro do projeto.

📝 Passo a passo

  1. Abra um projeto.
  2. Adicione uma caixa de texto.
  3. Clique no texto.
  4. Digite a informação desejada.
  5. Selecione o texto para editar sua aparência.
  6. Escolha fonte, tamanho e alinhamento.
  7. Posicione o texto corretamente na página.
💻 Exemplo Em uma apresentação sobre um sistema escolar: 
SISTEMA DE GESTÃO ESCOLAR

Controle de alunos, professores,
turmas e atividades.

09. Escolhendo Fontes

Definição Fonte é o estilo visual utilizado para apresentar os caracteres de um texto.

🎯 Boas práticas

⚠️ Atenção Uma apresentação com muitas fontes diferentes pode ficar visualmente confusa e dificultar a leitura.

10. Trabalhando com Cores

Definição As cores ajudam a criar identidade visual, destacar informações e organizar visualmente um projeto.

🎨 Boas práticas

💻 Exemplo Um projeto de tecnologia pode utilizar uma cor principal para títulos e elementos importantes e cores neutras para o restante do conteúdo.

11. Inserindo Imagens

Definição Imagens podem ser utilizadas para ilustrar informações e tornar o conteúdo mais visual.

📝 Passo a passo

  1. Abra o projeto.
  2. Localize a área de imagens ou uploads.
  3. Escolha uma imagem.
  4. Adicione a imagem ao projeto.
  5. Ajuste seu tamanho.
  6. Posicione corretamente.
  7. Verifique se a imagem não está escondendo outros elementos.
💡 Dica Utilize imagens que realmente tenham relação com o conteúdo. Uma imagem decorativa não deve prejudicar a compreensão da informação.

12. Enviando Arquivos do Computador

Definição O upload permite enviar arquivos armazenados no computador para utilização dentro do projeto.

📝 Passo a passo

  1. Abra seu projeto.
  2. Procure a área de uploads ou envio de arquivos.
  3. Selecione o arquivo no computador.
  4. Aguarde o envio.
  5. Localize o arquivo dentro do projeto.
  6. Adicione-o à página.
⚠️ Atenção Verifique o tamanho e o formato do arquivo antes de fazer o upload.

13. Utilizando Elementos Gráficos

Definição Elementos são recursos gráficos que podem ser adicionados ao projeto, como formas, linhas, ícones, ilustrações e outros componentes visuais.

🧩 Exemplos

💡 Dica Utilize elementos para melhorar a organização visual. Evite adicionar elementos somente para preencher espaços vazios.

14. Alinhamento e Posicionamento

Definição Alinhamento é o processo de organizar elementos para que mantenham uma disposição visual consistente.

🎯 Procure manter:

💻 Exemplo Em uma apresentação, os títulos das páginas podem permanecer sempre na mesma região. Isso cria uma identidade visual mais organizada.

15. Trabalhando com Páginas

Definição Páginas são as diferentes partes que formam um projeto, especialmente em apresentações e documentos.

📝 Exemplo de apresentação

Página 01 → Capa

Página 02 → Problema

Página 03 → Solução

Página 04 → Funcionalidades

Página 05 → Tecnologias

Página 06 → Conclusão
💡 Dica Antes de começar a criar muitas páginas, organize primeiro o conteúdo que será apresentado.

16. Duplicando Páginas

Definição Duplicar uma página cria uma cópia de uma página existente para que ela possa ser reutilizada.

📝 Quando utilizar?

💻 Exemplo Você criou uma página com título, imagem e descrição. Em vez de construir tudo novamente, pode duplicar a página e alterar apenas o conteúdo necessário.

17. Desfazendo e Refazendo Alterações

Definição Desfazer permite voltar uma alteração realizada anteriormente. Refazer permite recuperar uma alteração que foi desfeita.
Ação Atalho
Desfazer Ctrl + Z
Refazer Ctrl + Y
💻 Exemplo Você apagou um texto sem querer. 
Ctrl + Z
pode ser utilizado para desfazer a ação, quando o recurso estiver disponível no contexto utilizado.

18. Zoom e Visualização

Definição O zoom permite aumentar ou diminuir a visualização do projeto dentro do editor.
💡 Dica Se um elemento parece estar fora de posição, diminua o zoom para observar a página inteira. Para trabalhar em detalhes, aumente novamente a visualização.

19. Bloqueando Elementos

Definição O bloqueio impede alterações acidentais em determinados elementos do projeto.

🎯 Quando utilizar?

💻 Exemplo Se você criou um fundo para uma apresentação e continua selecionando esse fundo acidentalmente, o bloqueio pode ajudar a evitar alterações involuntárias.

20. Camadas e Sobreposição

Definição Os elementos de um design podem ocupar diferentes níveis de sobreposição. Um elemento pode aparecer na frente ou atrás de outro.

💻 Exemplo

Camada superior
      ↓
Texto
      ↓
Imagem
      ↓
Fundo
      ↓
Camada inferior
📖 Explicação Se um texto estiver escondido atrás de uma imagem, verifique a ordem dos elementos e ajuste a posição das camadas.

21. Editando Imagens

Definição O editor permite realizar diferentes ajustes visuais em imagens, dependendo dos recursos disponíveis.

🛠️ Exemplos de ajustes

💡 Dica Sempre observe a qualidade final da imagem. Aumentar demais uma imagem pequena pode deixar o resultado visualmente ruim.

23. Trabalho Colaborativo

Definição O trabalho colaborativo permite que diferentes pessoas participem de um mesmo projeto conforme as permissões disponíveis.

👥 Exemplo para alunos

  1. Um aluno cria o projeto.
  2. Compartilha o projeto com os integrantes.
  3. Cada integrante contribui com uma parte.
  4. O grupo revisa o material.
  5. O projeto final é apresentado.
💡 Dica Combine com o grupo quem será responsável por cada parte para evitar que duas pessoas alterem a mesma informação ao mesmo tempo.

24. Comentários e Revisões

Definição Comentários podem ser utilizados para registrar observações, sugestões ou dúvidas durante a revisão de um projeto, conforme os recursos disponíveis na plataforma.
💻 Exemplo O professor pode solicitar que determinada informação seja alterada. O comentário pode ajudar a indicar exatamente qual parte precisa ser revisada.

25. Compartilhando um Projeto

Definição Compartilhar permite disponibilizar um projeto para outras pessoas, de acordo com as opções e permissões escolhidas.

📝 Passo a passo

  1. Abra o projeto.
  2. Localize a opção de compartilhamento.
  3. Escolha a forma de compartilhamento.
  4. Defina as permissões disponíveis.
  5. Copie o link quando necessário.
  6. Envie para a pessoa ou grupo correto.
⚠️ Atenção Antes de enviar o link, verifique se a outra pessoa possui permissão para visualizar ou editar o projeto.

26. Baixando e Exportando o Projeto

Definição Exportar significa gerar o projeto em um formato que possa ser utilizado ou enviado fora do editor.

📝 Passo a passo

  1. Abra o projeto.
  2. Localize a opção de compartilhamento ou download.
  3. Escolha a opção de download.
  4. Selecione o formato desejado.
  5. Configure as opções disponíveis.
  6. Inicie o download.
  7. Verifique o arquivo gerado.

27. Escolhendo o Formato de Exportação

Formato Utilização
PDF Documentos e apresentações para entrega
PNG Imagens com boa qualidade
JPG Imagens
MP4 Conteúdos em vídeo
💻 Exemplo Se o professor solicitou um trabalho em PDF, não envie apenas o link do projeto sem verificar se o formato solicitado foi realmente atendido.

28. Criando um PDF para Entrega

Definição PDF é um formato amplamente utilizado para compartilhar documentos preservando sua estrutura visual.

📝 Checklist antes de exportar

29. Criando uma Apresentação

Definição Uma apresentação organiza informações em páginas para explicar determinado assunto de maneira visual.

📚 Estrutura recomendada

01 - Capa

02 - Introdução

03 - Problema

04 - Objetivo

05 - Solução

06 - Funcionalidades

07 - Tecnologias

08 - Demonstração

09 - Resultados

10 - Conclusão
💡 Dica Não transforme cada página em um texto enorme. Utilize palavras-chave e explique os detalhes durante a apresentação.

30. Criando um Infográfico

Definição Infográfico é uma representação visual utilizada para apresentar informações, dados ou processos de maneira organizada.

💻 Exemplo

PROBLEMA
   ↓
ANÁLISE
   ↓
PLANEJAMENTO
   ↓
DESENVOLVIMENTO
   ↓
TESTES
   ↓
ENTREGA
💡 Dica Utilize elementos visuais para representar etapas, mas mantenha o conteúdo simples e fácil de compreender.

31. Utilizando o Canva para Protótipos Visuais

Definição Um protótipo visual é uma representação preliminar de uma interface que ajuda a demonstrar como um sistema poderá funcionar.

💻 Exemplo

Antes de programar uma página de login, o grupo pode criar uma representação visual contendo:

⚠️ Atenção Um protótipo visual não substitui o desenvolvimento do sistema. Ele serve para representar e discutir a interface antes ou durante o desenvolvimento.

32. Canva Aplicado ao Desenvolvimento de Sistemas

Por que utilizar Canva no curso? O desenvolvimento de sistemas não envolve apenas programação. Também é necessário planejar, documentar, apresentar e comunicar as ideias do projeto.

💻 O Canva pode ajudar a:

33. Criando um Briefing Visual

Definição Briefing é um documento que organiza informações importantes sobre um projeto, seus objetivos, público e necessidades.

📋 Estrutura sugerida

NOME DO PROJETO

Problema:
Qual problema será resolvido?

Público:
Quem utilizará o sistema?

Objetivo:
O que o projeto pretende alcançar?

Funcionalidades:
O que o sistema deverá fazer?

Tecnologias:
Quais tecnologias serão utilizadas?

Identidade visual:
Quais cores, fontes e estilos serão utilizados?

34. Criando uma Identidade Visual

Definição Identidade visual é o conjunto de elementos visuais utilizados para representar uma marca, projeto ou sistema.

🎨 Elementos

💡 Dica Utilize as mesmas cores e estilos nos diferentes materiais do projeto para criar uma identidade visual consistente.

35. Organizando seus Projetos

Definição Organização facilita a localização dos projetos e evita perda de tempo procurando arquivos.

📁 Exemplo de organização

Projetos
│
├── Projeto Integrador
│
├── Apresentações
│
├── Atividades
│
├── Protótipos
│
└── Materiais
💡 Dica Utilize nomes claros para identificar seus projetos. 
Projeto_Sistema_Escolar

Apresentacao_Projeto_Final

Prototipo_Login

36. Problemas Comuns e Soluções

❓ O elemento não aparece

Possíveis causas: O elemento pode estar atrás de outro objeto, fora da área visível ou com características que dificultam sua visualização.

❓ Não consigo editar um elemento

Verifique: Se o elemento está bloqueado ou se você possui permissão para editar o projeto.

❓ Minha imagem ficou ruim

Possível causa: A imagem original pode possuir baixa qualidade ou ter sido ampliada excessivamente.

❓ O texto ficou difícil de ler

Solução: Aumente o contraste, utilize uma fonte mais legível e ajuste o tamanho do texto.

37. Boas Práticas no Canva

Definição Boas práticas são hábitos que ajudam a produzir materiais mais organizados, claros e profissionais.

38. Checklist Antes de Entregar

Faça uma revisão final Antes de enviar qualquer material criado no Canva, faça uma revisão completa do projeto.

🏆 Desafio Final — Criando uma Apresentação de Projeto

🎯 Objetivo Criar uma apresentação visual para apresentar um projeto de desenvolvimento de sistemas.

📝 Passo a passo

  1. Acesse o Canva.
  2. Crie um novo projeto de apresentação.
  3. Escolha um modelo profissional ou comece com uma página em branco.
  4. Crie a capa do projeto.
  5. Informe o nome do projeto.
  6. Informe o nome dos integrantes.
  7. Explique o problema que o projeto pretende solucionar.
  8. Apresente o objetivo do sistema.
  9. Apresente as principais funcionalidades.
  10. Apresente as tecnologias utilizadas.
  11. Insira imagens ou representações das telas.
  12. Explique o funcionamento geral do sistema.
  13. Crie uma conclusão.
  14. Revise todas as páginas.
  15. Verifique textos, imagens, cores e alinhamento.
  16. Exporte o projeto no formato solicitado.

📚 Estrutura esperada

APRESENTAÇÃO DO PROJETO

│
├── 01. Capa
│
├── 02. Integrantes
│
├── 03. Problema
│
├── 04. Objetivo
│
├── 05. Solução
│
├── 06. Funcionalidades
│
├── 07. Tecnologias
│
├── 08. Interface
│
├── 09. Demonstração
│
└── 10. Conclusão
🎯 Resultado esperado Ao finalizar o desafio, você deverá possuir uma apresentação organizada, visualmente consistente e adequada para apresentar um projeto de desenvolvimento de sistemas.
💡 Desafio extra Crie também uma segunda versão da capa utilizando uma identidade visual diferente. Depois compare as duas versões e explique qual delas apresenta melhor o projeto e por quê.