apresentação do powerpoint · 2019-11-27 · à comunicação digital e/ou impressa, trabalhando...

DESIGN APOSTILA

Curso desenvolvido por LaGracia Design Ltda ME. Terminantemente proibida a reprodução ou distribuição deste material sem autorização expressa do autor.

DESIGN SÓ É DESIGN SE FUNCIONAR

Design significa projetar, compor visualmente ou colocar em prática um plano “intencional”. É um elemento essencial para agregar valor em produtos, ambientes e serviços. Também pode ser considerado como um meio de estruturar e dar forma à comunicação digital e/ou impressa, trabalhando a relação entre imagem e texto, com o objetivo de tornar o produto ou a mensagem mais clara, objetiva, bonita e principalmente funcional.

O design está presente em tudo o que utilizamos no dia-a-dia e traz soluções para uma vida mais prática e confortável.


COR FORMA

TEXTO

FUNDO

IMAGEM

DESIGN

REPETIÇÃO ALINHAMENTO

CONTRASTE PROXIMIDADE

Antes de iniciar a montagem dos slides é necessário pensar na identidade visual da apresentação considerando padronização nos seguintes itens:

Pratique a Arquitetura de conteúdo (elimina informações repetidas ou sem relevância) combinada com os 4 fundamentos do design para: valorizar mensagens chave, criar hierarquia na informação, reforçar uma ideia, agrupar situações parecidas, orientar o olhar da audiência e organizar o conteúdo.

Veja na pág. 23 links para vídeos com revisão desses tópicos

Veja na pág. 24 link de um vídeo com revisão desse tópico


Pesquisas recentes mostram quais são as áreas ativadas e os resultados no comportamento das pessoas.

PSICOLOGIA DAS CORES

Sugere: harmonia, frescor, equilíbrio, coerência, ponderação.

Verde Sugere: transparência, alegria, força, riqueza credibilidade, carência, recompensa.

Amarelo Sugere: Atenção, perigo, sensualidade, prazer, dinamismo, agressividade, virilidade.

Vermelho

Sugere: Criatividade, emoção, mudança, expansão, dinamismo.

Laranja Sugere: Descanso, pureza, inteligência, frieza, produtividade.

Azul Sugere: Solidez, força, sofisticação, mistério, superioridade, distinção, curiosidade.

Preto

Sugere: Tranquilidade, paz, sossego, limpeza, frescor.

Ciano Sugere: Velocidade, concentração, otimismo, alegria, felicidade, idealismo.

Roxo Sugere: Conservadorismo, estaticidade, solidez estática, discrição, aspereza, isolamento.

Marrom

Sugere: Luxúria, sensualidade, feminilidade, desejo.

Magenta Sugere: Elegância, humildade, respeito, reverência, sutileza;

Cinza Sugere: Pureza, inocência, paz, simplicidade

Branco

Sugere: Feminilidade, desejo, sexo.

Rosa

Cores exercem impacto sobre a psique e devem ser sempre utilizadas em um contexto apropriado a função. Vejamos os principais atributos de algumas cores.

Breve introdução


REFERÊNCIA DE CORES

Obtenha cores a partir de uma imagem salva em seu computador. http://www.pictaculous.com/

Algumas ferramentas não ficam disponíveis gratuitamente na internet por muito tempo, por isso busque outras opções no google usando as palavras-chaves: color palettes from images

Obtenha referências de cores sugeridas pelo site design seeds http://design-seeds.com/

Baixe o Color Cop, um programa útil de contas gotas (copia cores de imagens) http://colorcop.net/download

http://www.pictaculous.com/�

http://design-seeds.com/�

http://design-seeds.com/�

http://colorcop.net/download�


Cores

CONTRASTE DAS CORES

Fonte: SLIDE:OLOGY

Use cores quentes no fundo para quebrar a informação de tempos em tempos ou em ambientes muito grandes.

Cores

Slides mais claros ajudam a descansar a vista.

amarelo

oliva

verde

turquesa laranja

vermelho ciano

rosa celeste

magenta azul

púrpura

FRIAS QUENTES


Ao fazer o fundo da sua apresentação, opte por espaços limpos, fazendo uso de poucos elementos. O fundo deve ajudar a valorizar o seu conteúdo e trazer ao seu projeto unidade visual.

FUNDOS

Prefira fundos mais cleans para valorizar o conteúdo, imagens ou dados no slide

Quando você usa logo em todos os slides, é como se você dissesse: “Oi, eu sou a marca tal, oi, eu sou a marca tal, oi, eu sou a marca tal, oi, eu sou a marca tal. Prefira usar apenas nas capas e divisões de capítulos.


Relações

Relação concordante: você usa somente uma família de fontes (ex: Arial Black, Arial e Arial narrow) sem muitas variações de estilo, tamanho, peso etc. É fácil manter a harmonia, mas pode ser chato e formal. Relação conflitante: combinação de fontes similares em estilo, tamanho, peso etc. Criam conflito porque não atraem igualmente (concordantes), mas também não são diferentes (contrastantes). Relação contrastante: mix de fontes separadas e elementos totalmente diferentes entre si. Os contrates são enfatizados e ajudam a chamar a atenção para os elementos que você deseja destacar.

Categorias de tipos Hoje em dia, há milhares de fontes disponíveis, mas a maioria das fontes pode ser classificada em 6 categorias:

No design, existem algumas relações que podem ajudar a escolher a fonte ideal:

1 -Estilo Antigo

2 -Moderno

3 -Serifa Grossa

4 -Sem Serifa

5 -Manuscrito

6 -Decorativo / Ornamental

FONTES


Categorias de tipos FONTES


Os sistemas operacionais, seja Windows, MacOS ou Linux, contém um número limitado de fontes tipográficas pré-instaladas. Para que se tenha disponível aquela tipografia que você tanto queria, você precisará instalar a fonte. O mesmo acontece para quem vai ver a sua apresentação em outro computador. Todos os computadores onde essa apresentação irá ser projetada precisam ter a fonte instalada. O que acontece se a pessoa não possuir a fonte instalada? O sistema operacional substitui randomicamente a fonte inexistente. Por uma existente. Esta nova fonte, muitas vezes, não tem nada a ver com o seu projeto. Resultado: um layout arruinado e impossível de ler!

Instalar fontes é simples: Selecione o arquivo da fonte, clique com o botão da direita do mouse sobre ela e escolha: instalar fonte. Feito!

4 razões para você pensar antes de usar uma fonte que não é do padrão Windows.

FONTES PADRÃO DO WINDOWS

1 Porque você pode precisar enviar esta apresentação a um cliente que não sabe instalar fontes e terá que explicar. 2 Porque pode ser inconveniente dar a este cliente a tarefa de instalar. 3 Para evitar contaminação de vírus e afins, muitos computadores em empresas possuem softwares que bloqueiam a instalação de aplicativos, inclusive a instalação de fontes. Pode ser o seu caso. 4 Pode ser ainda que você precise apresentar seu projeto em um computador alheio, num local onde não é permitido instalar fontes.


As fontes do padrão Windows evitam sustos e podem gerar boas combinações

“Coloque o arquivo em classificação de slides, coloque 66% do tamanho. Se conseguir ler, seu público também conseguirá.” Fonte: slide:ology

FONTES


FORMAS

As formas, assim como as cores e as fontes, também servem para passar mensagem. Formas retas dizem coisas diferentes das redondas. Para a escolha adequada é importante pensar que tipo de mensagem você quer transmitir com sua apresentação.

Solidez

Autoritarismo

Exatidão

Estabilidade

Suavidade

Leveza

Afeto

Sensualidade


Atenção: um quadrado com canto reto é diferente de um quadrado com canto arredondado ou cortado.

Formato

É importante se atentar a esses detalhes para não se perder na unidade visual da apresentação.

O mesmo acontece com o preenchimento das formas. Eles devem seguir o mesmo padrão para você não se perder na identidade da apresentação.

Preenchimento

sólido degradê

Inicie seus testes visuais pelo preenchimento sólido, ele poderá garantir bons resultados para um design mais simples e eficiente.

Ao escolher a característica da forma e o preenchimento adequado, aplique as mesmas propriedades nas demais. Fazendo isso você facilita a compreensão da sua mensagem pelo público.

textura

FORMAS UNIDADE VISUAL


Você deve se atentar com a diagramação dos textos dentro da forma. Tome cuidado para o texto não ficar muito grudado nas bordas, ou para não deixar sobrar palavras monossílabas sozinhas (viúvas). Os textos precisam de ajuste sim

Os textos precisam de ajuste sim

Os textos precisam de ajuste sim

Textos muito colados na caixa causam sensação ruim Tem que cuidar para os bullets ficarem iguais Olha que chato, fica pulando São detalhes que fazem toda a diferença (padronize)

Socoooooooooorro

ATO DE CLASSIFICAR intrínseca ao “Ser Humano”


1







Referências visuais para caixas de texto. Crie o seu modelo

ATO DE CLASSIFICAR intrínseca ao

“Ser Humano”

TEXTO DENTRO DA FORMA


Você não precisa usar imagens em todos os slides, mas quando usar, mostre a imagem para o público. Essa imagem, pequena assim, não agrega valor ao slide.

Aqui parece que você não terminou o slide. Não tem alinhamento e a imagem está cortando o texto no meio.

Cuidado para sempre manter os padrões de tamanho da foto, sem distorcer.

IMAGENS

Apesar de ser muito fácil usar cliparts do próprio PowerPoint, eles passam uma sensação de amadorismo para o seu visual.

Nunca use imagens demonstrativas contendo a marca d’água do dono dos direitos autorais.

Aqui parece que você tentou usar a foto no slide inteiro mas não conseguiu. Se for usar foto no slide todo, use de verdade!

Imagens da internet podem ter baixa resolução ou virem esticadas . Cuidado, o resultado pode ser desastroso.


Prefira fotos inusitadas, com ângulos diferentes Também funciona: Fotos que contem histórias Fotos que transmitam emoção Que tenham espaços vazios

http://www.dreamstime.com/ http://www.istockphoto.com/ http://www.shutterstock.com/ http://www.latinstock.com.br/ http://www.grupokeystone.com.br/ http://www.fotolia.com/

http://compfight.com/ http://www.flickr.com/creativecommons http://www.sxc.hu/ http://www.dreamstime.com/free-photos http://www.flickr.com/commercial http://www.imageafter.com http://www.everystockphoto.com/ http://www.unprofound.com/ http://aarinfreephoto.com/gallery/index.shtml http://www.freephotobank.org/main.php http://www.freeimages.co.uk/ http://www.freephotosweb.com/freephotosweb http://www.public-domain-photos.com/ http://www.bigfoto.com/ http://www.freepixels.com/ http://www.stockvault.net/ http://www.morguefile.com

Bancos de imagem gratuitos imagens gratuitas são restritas para usos internos sem circulação comercial

Bancos de imagem pagos

IMAGENS


Relação redundante Texto e imagem trazem a mesma informação.

Os principais elementos para se compor um design são a imagem e a palavra. Eles interagem e se completam transmitindo melhor a informação. Esquemas ou situações complexas são muito melhor explicados por imagens. Existem 3 tipos principais de relação entre o texto e a imagem:

TEXTO X IMAGEM

Quando um dado por si só já é complexo, pra que dificultar? Para mostrar problemas complexos, mecânicas, processos, sistemas, produtos ou mesmo informações difíceis de entender, prefira ser redundante e mostrar no slide exatamente aquilo que está falando.

Relação complementar Texto e imagem apresentam conteúdos diferentes. É preciso ver os dois para entender a ideia principal. Você olha a imagem, vê a palavra/frase, imagina um monte de coisas mas não consegue resolver sozinho, então, recorre ao apresentador, que ganha status diante da mensagem...

Relação cenário Um dos elementos define um cenário (ou ambiente) e conta a situação. O segundo conta uma história dentro desse ambiente.

Ótima para apresentadores que gostam de contar histórias, pois a frase ou a imagem descrevem um cenário e o apresentador descreve uma ação. A imaginação nesse tipo de relação voa longe, afinal, quem é que não gosta de ouvir histórias?


CONTRASTE Chame a atenção e cause impacto. O contraste serve para tornar sua página atrativa visualmente e criar uma hierarquia organizacional entre os diferentes elementos. Se dois ou mais elementos juntos não tem claramente uma diferença, você gera um conflito. O segredo é: se os elementos não fazem parte da mesma informação, diferencie-os completamente. O uso do contraste pode se dar pela Cor, pelo TAMANHO, pela Fonte e pelas Formas.

PROXIMIDADE O objetivo básico da proximidade é organizar e unificar. Se os elementos de uma página estiverem mais organizados, tornam a sua leitura mais clara e fácil de entender. Elementos que têm algo em comum devem estar juntos no layout. Quando vários itens estão próximos, tornam-se uma unidade visual integrada e não várias unidades individualizadas.

Evite: Colocar itens somente nos cantos e no meio da página. Quanto menos seus olhos tiverem que viajar, melhor. Deixar quantidades iguais de espaços em branco entre os elementos, a não ser que cada conjunto seja parte de um subgrupo. Relacionar elementos que não devam estar agrupados. Separe-os.

OS 4 FUNDAMENTOS DO DESIGN


ALINHAMENTO Alinhar é organizar e unificar a página. O alinhamento deve ser consistente. É bom repeti-lo nos outros slides sempre que a informação for parecida, assim você facilita a leitura, pois o espectador entende que aquela informação vai estar sempre ali.

REPETIÇÃO Unifica o conteúdo e facilita a construção de slides. Em uma apresentação, a repetição é fundamental, pois deixa claro que os slides subsequentes fazem parte de um mesmo material. A repetição pode ser aplicada na forma de plano de fundo, pode ser inserida através de uma logomarca, na utilização de uma fonte específica, formas ou padrões de cores e texto.

Evite repetir demais. Se fizer tudo exatamente igual, sua apresentação pode ficar chata e sem movimento.

Evite: Usar mais de um alinhamento de texto por página (não centralize um texto e alinhe o outro à direita/esquerda).

OS 4 FUNDAMENTOS DO DESIGN


Composição simétrica rígida: as partes se encontram dispostas totalmente iguais em relação ao eixo central.

SIMETRIA Distribuição dos elementos do quadro de ambos os lados de um ponto ou eixo central, de modo que uma das partes esteja em correspondência com as outras.

Para produzir um layout simétrico basta centralizar tudo ou duplicar do outro lado. Mas esse tipo de layout não chama a atenção. Para conseguir destaque é preciso criar movimento, utilizar elementos de pesos e tamanhos diferentes que se oponham e se complementem.

Composição simétrica variável: a correspondência entre as partes é mais livre e elástica, porém, um lado não deixa de falar com o outro.

A posição das imagens é um fator importante a se pensar. Lembre-se que estamos no Ocidente e as pessoas leem da esquerda para a direita. Essa é a posição que mais ajuda a facilitar o entendimento.

EQUILÍBRIO NO SLIDE


Alguns cuidados ao usar imagens em seus slides

Cuidado! Ao usar imagens você pode atrair a atenção da audiência para longe daquilo que você quer que eles vejam. Se tiver uma informação importante no slide, nunca coloque imagens de pessoas olhando para o lado oposto da informação.

Agregue elegância e clareza à sua informação. Também chamado de espaço negativo ou espaço em branco, o espaço vazio é um conceito extremamente simples, porém um dos mais difíceis de ser aplicado pelas pessoas. O maior erro cometido em slides é preencher cada centímetro do slide com informações.

ESPAÇO VAZIO

Imagens abaixo ajudam a conduzir o olhar da audiência para a informação.

52% 52%

EQUILÍBRIO NO SLIDE

Os espaços vazios, na verdade, ajudam a valorizar a informação que você quer que as pessoas vejam.


Lei da seção dourada Qual o melhor ponto ou pontos para se conseguir uma diagramação equilibrada E organizada dentro de um espaço em branco? Vitrúvio, arquiteto romano dos tempos de Augusto, estudou e definiu o problema estético da seguinte forma:

Os pontos de equilíbrio servem para que consigamos ângulos mais interessantes para a foto, sem usar o centralizado de costume. Muitas máquinas fotográficas possuem esse recurso e normalmente, as pessoas pensam que o quadrado serve para colocar a figura no meio.

Para conseguir essa relação, basta dividir o seu espaço em 8 partes iguais. Depois, marque o ponto que divide 5 pedaços de um lado e 3 do outro. Faça o mesmo na vertical e na horizontal.

Na verdade, devemos usar os pontos para marcar o que chama mais atenção na foto. Em pessoas, normalmente o olho ou nariz são os destaques, então, você deve posicioná-los em um dos pontos de equilíbrio.

PROPORÇÃOESPACIAL

“Para que um espaço dividido em partes desiguais torne-se agradável e estético, deverá haver, entre a parte menor e maior, a mesma relação existente entre esta maior e o todo.”


http://goo.gl/gllMDf

Se os vídeos não abrirem Copie o link abaixo e cole no browser do seu navegador

Clique nas imagens, ao lado e abaixo, e veja vídeos

de 1 min cada que ajudam a pensar melhor na identidade visual de sua apresentação.

Cores Fundos Fontes

Formas Imagens

REVISÃO

http://goo.gl/gllMDf�

http://goo.gl/gdM49c�

https://www.youtube.com/watch?v=q37j8i8YlIM&list=PL8KK71eejNhVNYRuC-7tfiGGpyFvRD-3p�

https://www.youtube.com/watch?v=4sLzwHFV_sQ&list=PL8KK71eejNhVNYRuC-7tfiGGpyFvRD-3p�

https://www.youtube.com/watch?v=EavQRI5fHD4&list=PL8KK71eejNhVNYRuC-7tfiGGpyFvRD-3p�

https://www.youtube.com/watch?v=ToLeWoi4GRw&list=PL8KK71eejNhVNYRuC-7tfiGGpyFvRD-3p�


REVISÃO

Clique na imagem abaixo e veja a importância de eliminar excessos e equilibrar seu slide utilizando os fundamentos do design.

http://goo.gl/xqdHA0

Se o vídeo não abrir Copie o link abaixo e cole no browser do seu navegador

http://www.mba60.com/serie/revolucione-seu-jeito-de-pensar-e-fazer-apresentacao/�

https://www.youtube.com/watch?v=K9vs_CwK8Do�




SAIBA MAIS Design para quem não é Designer, Robin Willians - Editora Callis Robin Willians Design Workshop, Robin Willians e John Tollett, Peachpit Press Editing by Design, Jan V. White, R. R. Bowker Company Design with Type, Carl Dair - University of Toronto Press The non-designer´s Type Book, Robin Willian - Peachpit Press Isto significa isso, Isso significa aquilo Guia de semiótica para iniciantes, Hall, Sean – ISBN Slide:ology Nancy Duarte, O Reilly Universo dos Livros SITES Graphicdesign.about.com virtuallastchapter.com/ www.graphicdesignbookclub.com www.behance.com

facebook.com/lagraciadesign

https://www.facebook.com/LaGraciaDesign�

apresentação do powerpoint · 2019-11-27 · à comunicação digital e/ou impressa, trabalhando...

Documents