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

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:

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!

O Website

O Canvajá oferecealgunstemplatesbásicos.

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”.

A “Área de Trabalho”

Menude inte-

raçãogeral

Barra de ferramentas

Pran-chetaprin-cipal

Templates gerais

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.

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

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.

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.

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.

Inserindo itens: textos

Adiciona texto à prancheta.

Fontes disponíveis no Canva.

Barra de ferramenta para texto.

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”.

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).

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.

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.

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)

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.

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”.

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!

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!

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.

Thanks!Onde nos encontrar:

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

cristhovamlucas@gmail.com | psicomonalisa@gmail.com• Instagram:

@lukeverso | @monapsi