design simplificado: utilizando o canva como ferramenta de...

22
por Lucas Cristovam, bacharelando em Ciências e Tecnologia e Monalisa Peixoto, bacharelanda em Comunicação Social — Audiovisual, bolsistas de Apoio Técnico no Setor de Comunicação da Escola de Saúde da UFRN utilizando o Canva como ferramenta de design Design simplificado:

Upload: others

Post on 03-Aug-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

por Lucas Cristovam, bacharelando em Ciências e Tecnologiae Monalisa Peixoto, bacharelanda em Comunicação Social — Audiovisual,

bolsistas de Apoio Técnico no Setor de Comunicação da Escola de Saúde da UFRN

utilizando o Canva comoferramenta de design

Designsimplificado:

Page 2: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Uma breve introdução...

Falar sobre o Canva como ferramenta de designsem falar sobre design em si seria como ensinar a dirigirsem saber antes as teorias relacionadas ao trânsito e sua

legislação. Por isso, nos slides a seguir, comentaremos nãosó sobre como funciona o Canva, mas também sobre

alguns conceitos de design que serão úteis na construçãodas artes que vocês estarão em breve desenvolvendo.

Sem mais delongas, vamos começar!

Page 3: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

O Website

O Canvajá oferecealgunstemplatesbásicos.

Page 4: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A primeira arte

• A opção “Criar um design” permite ao usuárioescolher um entre os temas disponíveis, ou criar

seu próprio, do zero, na opção interna “Dimensõespersonalizadas”.

Page 5: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A “Área de Trabalho”

Menude inte-

raçãogeral

Barra de ferramentas

Pran-chetaprin-cipal

Templates gerais

Page 6: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

O “Menu de Interação Geral”Barra de pesquisa

• A dependerda opção esco-lhida no menude interação geraldo Canva, dife-rentes itens sãodisponibilizadosao usuário.

Page 7: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A “Barra de Ferramentas”

• Tal como ocorre com o menu de interação geral, a barra de ferramentas do Canva varia de acordo com o item selecionado na prancheta. É interessante

notar, porém, que, independente do item selecionado, o lado direito da barra sempre é igual, mostrando as opções: “Duplicar” (criar um novo item igual ao

selecionado); “Posição” (utilizada para alinhamento); “Copiar formatação”(ícone de rolo de pintura, copia a con�guração atual do item selecionado);

“Transparência” (aplica opacidade); “Link” (adiciona hyperlink);“Bloquear” (“trava” um item); e “Excluir” (apaga um item).

Barra de ferramentas para imagem

Barra de ferramentas para texto

Page 8: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A “Prancheta principal”Menu da prancheta, composto pelos botões:“Adicionar anotações” (adiciona notas na arte);“Subir” e “Descer” (retornar ou avançar prancheta);“Copiar página” (copia todo o conteúdo na prancheta);“Excluir página” (apaga toda a página atual);e “Adicionar nova página” (adiciona nova prancheta).

Arte em desenvolvimento.

Page 9: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Inserindo itens: imagens

• O Canva permite inserir

imagens de duas formas

diferentes: utilizando o

menu de interação geral

“Fotos” ou o “Uploads”.

Para inserir umaimagem na pran-cheta principal,basta clicar sobrea desejada.

Page 10: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A importância do alinhamento

• Para uma boa organização e harmonia entre os itens dispostos pela arte,preze por um alinhamento conciso. Alinhamentos podem ser feitos noseixos/bordas verticais ou horizontais, como ilustra a imagem acima.

Page 11: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Inserindo itens: textos

Adiciona texto à prancheta.

Fontes disponíveis no Canva.

Barra de ferramenta para texto.

Page 12: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A barra de ferramentas de texto

(1) (2) (3) (4) (5) (6) (7) (8)

(1) Caixa de seleção de fontes: mostra as fontes disponíveis no Canva;(2) Caixa de tamanho da fonte: altera o tamanho da fonte em uso;(3) Caixa de cor da fonte: altera a cor da fonte em uso;(4) Opção “Negrito” e “Itálico”;(5) Opção “Alinhamento”;(6) Alternador entre MAIÚSCULAS e minúsculas;(7) Opção “Lista”: torna o texto selecionado em tópicos;(8) Opção “Espaçamento”.

Page 13: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A importância do alinhamento• Tal como ocorre com as imagens, textos também precisam de um bom alinhamento para �uírem naturalmente pela arte. Os tipos podem ser alinhados de cinco maneiras distintas:

(a) justi�cados à direita/esquerda (onde aúltima linha alinha-se à direita/esquerda);(b) alinhados à direita (linhas com diferentes tamanhos, alinhadas à direita);(c) alinhados à esquerda (linhas com diferentes tamanhos, alinhadas à esquerda);(d) centralizada (linhas com diferentes tamanhos, com ambos os lados desalinhados);(e) assimétricas (com arranjo sem padrão).

Page 14: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

As cores e o design

O Color Scheme Designer 3 é uma das melhores ferramentasonline para administração e uso de cores.

Cores estão presentes em todos os ambientes e nossa percepção sobre

elas conta muito sobre nós mesmos: todos temos uma cor favorita que

gostamos de usar, por exemplo.

O mesmo se aplica ao design, onde as cores possuem um papel

fundamental para transmitir sensações.

O bom uso das cores auxilia e reforça a mensagem a ser

transmitida pela arte criada. Procure administrar bem as cores

utilizadas em seus layouts.

Page 15: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

As cores complementares

São cores “opostas entre si”em relação ao círculo cromático,

que, quando usadas em conjunto,geram contraste su�ciente entre

os itens utilizados na arte.

Dicas:• Branco e preto são as duas

“cores básicas” fundamentais.Use-as sempre que possível;

• A “cor predominante” deve sera que cobre a maior parte da arte.

A cor complementar deve serescolhida com base nela.

Page 16: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A importância da diagramaçãoUma boa diagramaçãoauxilia no recebimento

da mensagem trans-mitida pela arte

criada.

Nosso sentido de leiturabaseia-se na diagonalsinistra: de cima para

baixo, da esquerdapara a direita.

Use a diagonal sinistracomo referência para cons-

trução de suas artes.Aplicação de uma boa diagramação. (© Eduardo Ferigato, Editora Abril)

Page 17: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

A importância da organização

No design, tambémexiste hierarquia.

Visualmente representada,ela indica a ordem deimportância do que

está sendo mostrado.

Cores, linhas, tipos,formas, entre outros,são boas formas de

demonstrar ahierarquia visual.

Evite que tudo �que “empilhado” em sua arte. Use dodinamismo visual para criar boas composições

grá�cas, de modo a agregar valor para cadainformação transmitida.

Page 18: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Organizando o feedÉ importante manter o per�l do Instagram organizado para uma

boa aparência ao público.

Dicas:• Escolha cores padrões para usar

em suas postagens.• Crie séries de postagens com

cores alternadas entre si — procure usar padrões como o

“quadriculado”ou a “regra de 3”.

• Planeje suas postagens com antecedência para manter a

organização em dia.A conta @thefemalehustlersusa o tema “quadriculado”.

A conta @personaljournalappusa a “regra de 3”.

Page 19: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Salvando sua arte

E, por último, omais importante:

como salvar a arte criada no Canvapara o compu-

tador?

Seguiremos os passos ao lado

ilustrados.

Menu “Publicar”.

Opções de publicaçãono menu “Publicar”. Formatos disponíveis

no Canva.

Opção “Baixar”:utilizaremos pararealizar o downloadda arte criada!

Page 20: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Finalizando...

Não há segredos para utilizar o Canva. E, tal como qualquer outracoisa que se está aprendendo, requer-se prática para aprimorar

suas técnicas.

Esteja sempre em busca de referências que podem ser úteis parao desenvolvimento de suas artes, e procure estar sempre em

dia com as práticas.

E agora... Mão na massa no mouse!

Page 21: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Referências• CANVA. Getting started: Canva’s quick start guide. Disponível em

<https://www.canva.com/learn/canvas-quick-start-guide/>.Acesso em 29 de outubro de 2019.

• BRINGHURST, Robert. Elementos do Estilo Tipográ�co.São Paulo: Cosac Naify, 2005.

• MATTOS, Walter. Pôster Logan e o papel da diagonal em uma composição.Disponível em <https://waltermattos.com/tutoriais/poster-logan-e-o-papel-da-

diagonal-em-uma-composicao/>. Acesso em 29 de outubro de 2019.

• APP, e Preview. Organize your Instagram like a boss. Disponível em:<https://thepreviewapp.com/organize-instagram-like-boss/>.

Acesso em 29 de outubro de 2019.

Page 22: Design simplificado: utilizando o Canva como ferramenta de ...escoladesaude.ufrn.br/wp-content/uploads/Design-simplificado.pdf · Canva varia de acordo com o item selecionado na

Thanks!Onde nos encontrar:

• Na sala 16 da ESUFRN (em frente à Biblioteca Setorial)• E-mails:

[email protected] | [email protected]• Instagram:

@lukeverso | @monapsi