E aí bem-vindos à aula 4 da nossa jornada pelo design gráfico e a gente vai chegar agora num tema super bacana mais visual um tema que vai gerar muita polêmica vai fazer seu cérebro fritar que tem a ver com forma tem a ver com estilo a gente vai ver muitas referências vai ser bem bacana essa aula nessa aula a gente vai falar da Escolha dos elementos visuais que a gente vai colocar no nosso cartaz que que são esses Tais elementos visuais que você tanto tá falando Jó cara são as coisas mais básicas paraa comunicação tipografia
foto ou ilustração Às vezes as coisas se misturam as cores a relação que você vai fazer de cores e tudo isso sem esquecer do o livro da marca vamos começar falando de tipografia que é o assunto mais polêmico do design gráfico queer ter polêmica bota o assunto tipografia na mesa por quê Porque é um assunto gigantesco Inclusive tem designers gráficos focados no assunto da tipografia a tipografia tem a ver com a história do design gráfico ela permeia a história do design gráfico e é importante até hoje nos tempos das redes e das Artes digitais porque
a gente ainda não substituiu a capacidade de se comunicar através das Letras então a cada dia surgem milhares e milhares de novas letras de novas tipos de de famílias de fonte e cada vez mais o assunto Fica qu Quando se diz que uma fonte é feita para uma coisa é feita para outra vem alguém e subverte essa regra e traz um novo jeito de utilizar aquela fonte e as coisas vão ficando cada vez mais polêmicas o que a gente vai tentar fazer aqui é só trazer uma noção básica para que vocês possam entender a grandiosidade
do assunto e pesquisar a fundo não só para esse trabalho mas também pra vida de vocês porque que além de tudo é um assunto muito bacana eu adoro falar de tipografia quando a gente fala tipografia tipografia também é o termo usado paraa arte de definir o estudo dos tipos eu digo que é uma arte Porque por mais que se tente colocar ciência por trás disso sempre acontecem exemplos que subvertem essa ciência essas regras que são colocadas eu me divirto quando falam que uma tipografia via serve para tal coisa e de repente você vai lá e
encontra um exemplo um designer gráfico vai lá e cria um projeto subvertendo essa regra e fazendo todo mundo ficar espantado em como ficou legal subverter a regra fazer diferente e resolver o problema do Job de maneira inusitada só para vocês saberem do grego tipos quer dizer forma e grafia significa escrita então tipografia é a forma que a gente dá pra escrita pra Construção do cartaz pra Construção de qualquer peça de comunicação ou pra grande maioria das peças de comunicação a escolha de uma tipo é muito importante porque muita gente diz essa é uma frase recorrente
no design gráfico a tipografia é a voz do seu layout a tipografia é a voz da comunicação por quê Porque ela ocupa espaço e sempre traz um toque de emoção então se você coloca uma tipografia x ela pode parecer um grito se você coloca uma tipografia diferente ela pode parecer um sussurro isso tudo tem muita relação realmente com o som a maneira como a tipografia é colocada no seu layout acaba criando essa sensação a gente vai passar por diversos exemplos de cartazes aqui e vai perceber essas nuances E como você pode utilizar isso para fazer
sua comunicação ficar mais assertiva para ela realmente entregar os objetivos que você tem para cada Job Eu já ouvi várias teori sobre os tipos de fontes e as famílias tipográficas e como elas são para uma coisa e são pra outra eu gosto de dividir de duas maneiras basicamente de um lado você pensa na tipografia pelo lado da usabilidade pela parte mais técnica dela por exemplo a gente tem tipografias que são serifadas elas têm aquelas asinhas no final das letras que são um recurso que ajuda na leitura de grandes textos Essa é a regra né por
outro lado você tem tipografias conhecidas como Bão ou ssif que não tem a serifa E essas tipografias são geralmente utilizadas para textos mais curtos para criar um certo Impacto e para quando você quer fazer um um layout ser mais limpo por exemplo e a gente tem um outro tipo de tipografia em relação a usabilidade que eu gosto de chamar das script que são como se tivessem sido escritas à mão são tipografias que apesar de terem um toque Industrial porque ela tá ali perfeitinha ela simula o desenho que a mão faz ligando as letras uma nas
outras isso do ponto de vista de usabilidade então parte-se do ponto que quando eu quero mais leitura e mais Impacto eu uso uma tipografia sanif bastão e quando eu quero uma tipografia para grandes textos eu vou usar ali uma tipografia com o serifa E se eu quiser transmitir uma coisa um pouco mais humana mais dinâmica eu posso usar uma script mas aí vem o outro ponto que eu gosto de usar para classificar as tipografias que é a emoção as tipografias elas inevitavelmente transmitem emoções mesmo quando a gente considera os contextos aonde os layouts são feitos
e aonde os layouts estão comunicando então você começa a ter tipografias serifadas com um peso absurdo que acabam dando mais leitura do que uma letra bastão porque ali Elas transmitem Uma emoção que tem muito a ver com o seu layout e letras bastões que são feitas de uma maneira que realmente possibilitam que você possa ler um texto mais longo justamente porque ou você tá numa mídia digital e ali é melhor que você leia a a a a letra bastão então isso tudo vai se misturando e a gente consegue equilibrar essas esses dois lados o lado
técnico da usabilidade e o lado mais emocional que a fonte inevitavelmente transmite Principalmente dentro do contexto de um layout eu vou trazer para vocês alguns exemplos na tela para vocês perceberem como que a tipografia ela pode subverter as regras e ao mesmo tempo transmitir a emoção que a gente sabe que aquele cartaz pedi dia que a gente sabe que tava por trás dos objetivos daquele cartaz porque são cartazes clássicos a gente sabe o briefing daquele cartaz então na primeira primeiro exemplo que eu quero trazer para vocês aí é o cartaz clássico original vintage do Alice
no País das Maravilhas Olha que interessante o uso da tipografia aqui você consegue perceber que em cima a gente tem a imagem que é uma mistura de Tod os personagens na mesma cena então meio que um jeito de retratar o filme de uma vez só contando ó nesse filme tem muitos personagens A história é muito complexa aqui tem uma história longa para caramba tudo isso tá por trás do Alice pode estar querendo dizer nessa imagem e embaixo você tem a parte que usa a tipografia a parte da mensagem que vai ser lida e a gente
tem ali Walt Disney escrito com uma tipografia razoavel ente clássica e ordenada um impacto muito grande pra questão do Alice e quando você traz no País das Maravilhas in Wonderland a gente traz as letras todas bagunçadas todas confusas todas malucas porque a gente sabe que o país das maravilhas é tudo muito louco né então a gente consegue já através desse detalhe entender um toque um pouco da história do filme pelo cartaz no próximo exemplo Clássico filme aí dos anos 80 percebam como a tipografia do jeito que ela tá organizada já virou quase que um logotipo
ela tá ali transmitindo tudo que o filme é né quando você vê ali o back to the future pela cor pela forma pelos símbolos gráficos que foram acrescentados Você já consegue entender o back voltando to the future indo pra frente né em sentidos contrários isso traz uma sensação muito forte da história do filme aí quando combina com a imagem fica claro que tem a ver com com Viagem no Tempo que o nosso herói nosso personagem principal que tá em destaque ali tá com preocupado com o relógio Então tudo junto conta a a história do filme
mas a as tipografias escolhidas que transmitem uma certa tecnologia né e a maneira como elas estão colocadas Já ajudam muito na contação da história Esse é um cartaz que eu adoro porque ele tenta retratar o filme quase que completo Se você assistir o filme e olha pro cartaz Você lembra do filme inteiro desde o estilo gráfico que foi escolhido para fazer a ilustração dos personagens mas eu acho que o detalhe mesmo tá na tipografia por on Upon time quando do jeito que você vê ele colocado ali as letras da parte de cima copiam o movimento
irregular de Hollywood isso faz o filme ficar com uma personalidade quase que realista vamos assim dizer porque é como se as letras do ento do nome estivessem na colina de Hollywood Essa realidade tem a ver com o filme que brinca com a realidade né ele ele distorce a realidade fazendo um filme quase documental né quase quase eh um filme que está tentando retratar a realidade mas que depois ele vai lá e distorce essa realidade é a mesma coisa que acontece com os tipos isso é muito interessante nesse cartaz e depois foi usado como o próprio
logotipo do do do filme mesmo né toda a história tá sendo contada pelo pelo pelo nome do filme E o interessante é que quando você vai pesquisar cartazes de filmes antigos você percebe como realmente eles fizeram força para copiar esses esses cartazes do de filmes antigos né eu botei aqui para comparar o um cartaz do do 007 E aí você percebe que tipo todas as estruturas todas as os estilos todas as técnicas são bem parecidas e com certeza isso é de propósito mas o O legal é a gente comparar quando dá certo e quando não
dá certo se a gente pensar que o cartaz tem ali uma das funções do cartaz é ajudar a contar o filme para que as Pessoas sintam vontade de assistir Então você percebe quem é o herói você percebe quem é o vilão você percebe Quem são os atores um pouco da trama acontece ali no cartaz olha só que interessante nessa página quando a gente compara com cartazes que outras pessoas fizeram eh o segundo cartaz eu acredito que seja um cartaz secundário da campanha de lançamento do filme onde Em vez de usarem ilustração usaram uma foto da
atriz dentro do cenário de uma cena importante para ela que é o momento que ela vai visitar o cinema Mas eles mantiveram o logotipo e as tipografias já no terceiro cartaz a gente vê algum artista gráfico tentando reproduzir imaginar como que seria para ele o cartaz do mesmo filme E aí ele pega uma cena do filme e representa mas com estilos que assim do meu ponto de vista né Na minha opinião pessoal não retratam o filme eu eu olho para esse cartaz eu não vejo tanto assim o filme mas eu acho que pior mesmo é
a última situação onde realmente você percebe o papel da tipografia a importância da tipografia E é claro de toda a composição dos outros elementos gráficos quando mesmo quando você pega o protagonista e coloca ele numa foto quase de corpo inteiro você não consegue transmitir a sensação do filme porque a tipografia não combina as cores não combina não o recorte da foto não combina E aí Ah não bate eu acho que aqui a gente vê claramente uma situação onde a comunicação não foi eficaz não transmitiu a sensação do filme e é muito legal quando a gente
consegue colocar isso lado a lado e percebe a diferença do que é uma comunicação bem feita bem direcionada que usa os elementos da marca né aqui no caso a marca é o pró próprio filme né E quando você não faz o uso correto disso o efeito que dá uma outra um outro exemplo interessante pra gente ver o poder da tipografia olhando esses cartazes alternativos né é quando a gente vê esses cartazes aqui que só usam tipografia como pode né somente a tipografia bem utilizada bem posicionada consegue transmitir uma sensação tão complexa então assim do lado
esquerdo ali na primeiro exemplo a gente vê uma ilustração de Londres feita só com tipografia e dá para sentir que é Londres porque você vê o rio você vê a torre do do do Big B você consegue ver a a roda gigante e Tod toda feita de tipografias bastão que Teoricamente não tem tanta personalidade mas combinadas com cor e forma e distorção a gente vê uma personalidade muito clara aqui da retratação de Londres e ali do lado a gente vê dois filmes representados só com tipografia quem assistiu killbill olha para esse cartaz entende tudo né
E quem ainda não não assistiu percebe alguma coisa mesmo que minimalista mesmo com poucos elementos percebe uma intenção do filme tem a ver com velocidade tem a ver com dinamismo tem a ver com sangue né tudo representado apenas com as letras ali o cartaz que a gente tem do Black SW a gente consegue ver certinho né o desenho ali do Cisne feito com a letra s do próprio Swan então com uma letra se resolver o cartaz Isso é uma uma grande sacada um esse é um cartaz alternativo que eu que eu achei que ficou top
e quando a gente fala de tipografia no nosso projeto Com certeza a tipografia vai ter um papel importantíssimo na hora que a gente for lá fazer o layout do cartaz porque a gente tem uma tipografia já pré-definida no guia da marca na verdade a gente tem três tipografias uma tipografia que vem lá do logotipo uma tipografia que foi escolhida pra gente poder ter leitura em grandes textos imaginando que essa marca teria muita atividade digital foi escolhida uma tipografia bastão para melhorar a leitura nas telas e ali uma tipografia de comunicação bem expressiva bem artística que
combina com a rusticidade do cordel combina com a rusticidade do artesanal pode trazer uma tipografia nova será que pode eu tô curioso para saber por que Não por que não encontrar uma tipografia que possa de alguma maneira se relacionar com a marca e ajudar na comunicação é possível o que que a gente vai ter que fazer a gente vai ter que estudar e encontrar um porquê muito forte para que ela seja adicionada por qu trazer uma outra tip grafia que pareça do logotipo usa do logotipo trazer uma outra tipografia bastão parecida com a com a
que já foi escolhida não vale a pena trazer uma outra tipografia pincelada à mão também a gente pode usar que já foi escolhida se for trazer um novo elemento pra marca esse novo elemento ele tem que ser essencial esse novo elemento ele precisa realmente representar algum aspecto da marca que não tenha sido representado até então no guide é possível é possível totalmente possível porque agora a gente tá re olhando a marca num novo ponto de vista que é o ponto de vista de comunicação então a gente precisa tomar como ponto de partida o guia da
marca não podemos esquecê-lo não podemos desconsiderá-lo não devemos nem tirar ele da mesa ele tem que ficar ali na nossa mesa ele tem que ficar ali na nossa cabeça ele pode ser usado a alguns elementos no board visual inclusive mas a gente pode trazer algo novo a gente não pode se esquivar da possibilidade de trazer algo novo desde que isso tenha uma justificativa que esteja conectado com algum elemento conceitual de Pernambuco de Triunfo do café gourmet do do café artesanal da lavoura da cultura do cordel alguma coisa precisa justificar isso para poder fazer sentido para
poder integrar a marca a partir daqui o próximo elemento visual que a gente vai vai falar agora é da foto e das ilustrações foto ou ilustração Eis a questão aí a gente vai ter que estudar quando eu falo de estudar é realmente isso é testar fazer de um jeito fazer do outro e testar para ver qual é o recurso que vai comunicar melhor o que eu escolhi comunicar naquele naquele cartaz Então a gente tem que ficar muito de olho nas limitações gráficas Lembrando que o designer gráfico Ele trabalha dentro da limitação gráfica daquele projeto Então
se o projeto só pode usar duas cores e você escolhe fazer o projeto com uma foto você tem que considerar que essa foto só vai poder ter duas cores é possível se for possível se você for trazer estilo se for for trazer um uma estética é interessante que possa impactar e complementar a a a a contação da história daquela peça gráfica perfeito Agora imagina se a gente tá fazendo aqui Uma Peça gráfica que vai comunicar eh alimentos e você tem menos cores do que o semic ou do que o necessário para transmitir um alimento gostoso
talvez a foto não seja a melhor solução aqui no nosso caso que a gente tá falando de um cartaz do Café do Brejo a gente tem muita liberdade para trabalhar a parte artística a marca propõe isso quando mostra um monte de ilustrações e mostra um uso bem eh dinâmico dessas ilustrações então lá nas especificações quando a gente falou semic a gente também falou semic ou quatro cores então sei lá você pode enlouquecer e fazer um cartaz que em vez de sian Magenta Yellow e preto e a combinação dessas cores você pode fazer um cartaz laranja
verde roxo e amarelo isso tem a ver com a marca isso vai ajudar você a contar a história que você escolheu contar sobre o café do Brejo naquela peça gráfica naquele cartaz para aquele contexto das feiras que a gente combinou no briefing se fizer sentido perfeito temos aí já uma ideia que pode nortear um board visual com referências de cartazes que usam cores fora do contexto cores malucas é possível agora a gente não pode esquecer as limitações gráficas e o contexto que a gente tá trabalhando a gente não pode esquecer que a gente tem um
guia de marca que pode ser ampliado mas isso tem que fazer sentido com a história da marca para que a gente tenha uma marca consistente falando de fotoilustração eu lembro vocês de um detalhe dessa marca que é muito interessante o Instagram do Café do Brejo tem fotos muito legais o guia de marca não trouxe o assunto da fotografia mas a marca já trabalha a fotografia na rede social então Eh trazer fotos que estejam dentro do mesmo estilo ali do Instagram ou até as próprias fotos que eles já têm lá no Instagram roubando as fotos de
lá para fazer o nosso cartaz pode ser uma solução super bacana pode ser uma solução muito factível muito exequível então não esqueçam do Instagram da marca e vamos falar de cores porque cor é muito importante para essa marca é uma marca que escolheu tem um logotipo ali meio monocromático meio duoc cromático né preto branco e vermelho Mas é uma marca que compensou ess essa falta de cores no logotipo nas embalagens e as embalagens São um ponto de contato com o consumidor muito importante toda marca tem os seus pontos de contato com o consumidor com o
público cada marca acaba dando mais importância ou menos importância pros pontos de contato conforme o seu negócio então por exemplo uma marca que vende eh um serviço talvez não tenha embalagem talvez a embalagem exista só para condicionar um uma ferramenta ou um um algum tipo de aparelho e aquilo talvez não seja tão importante pro negócio dela agora quando a gente tá falando de um produto como um café especial único que tem uma personalidade muito diferenciada do resto de todos os outrosa que a gente já viu a parte gráfica é importante e as embalagens São super
importantes então é um ponto de contato que diz muito quando a gente olha pras paletas de cores que foram escolhidas para essa marca elas são baseadas nas cores das variantes de sabor Então essas cores são importantes quando você olha pro guia de marca você vê essas cores expressas o tempo todo né cada capítulo vem com uma cor most mostra um certo dinamismo poderia ser um guia de marca todo bege e aí só tem cor na embalagem mas não foi escolhido manifestar essas cores Então isso é uma pista muito forte de como a gente pode trabalhá-las
na nossa no nosso cartaz na nossa peça gráfica ainda falando de cores a gente nunca pode esquecer as limitações gráficas né as nossas as nossas possibilidades Ah então Jó e queria usar cinco cores porque eu queria usar o semic mas eu queria usar uma quinta cor dourada pode não pode dessa vez não pode guarda ideia pra próxima Eh Ou então você pode fazer uma ou duas opções do cartaz dentro das especificações E aí você leva uma outra como um estudo uma provocação pro cliente onde você vai est dizendo ou querendo dizer olha o que você
orçou com o fornecedor A4 semic impresso em offset pode ser incrementado por essa entrada dessa nova cor dessa nova dessa nova eh possibilidade gráfica é possível é possível mas você não pode apoiar toda a sua criação nisso porque o projeto já chegou com uma definição é possível mudar é possível mudar se for para aumentar o custo do do do projeto existe uma chance menor mas ainda assim é possível montar mudar muitas vezes eu já vi projetos que começaram mais simples e ficaram mais complexos porque a ideia era tão bacana que o cliente topou pagar um
pouco a mais pro nosso projeto aqui vale a pena trazer a ideia vale a pena trazer a ideia a gente vai achar muito legal mas não esqueça de que isso tem que ser uma opção adicional uma provocação uma sugestão antes disso a gente tem que entregar o projeto como ele foi orçado a gente tem que entregar o projeto como ele foi especificado senão no final das contas a gente não tá entregando o projeto e por fim para essa etapa aqui que a gente tá falando de forma e estilo eu queria lembrar vocês do livro da
da marca é muito importante vocês entenderem que o livro da marca ele foi feito para direcionar a criatividade dentro de um ambiente onde se acredita que o que foi feito vai fazer aquela marca se manifestar de maneira consistente Por que que é importante que uma marca se manifeste de maneira consistente porque dessa maneira a gente investe criando novas comunicações sempre a marca Inicial imagina se a coca-cola mudasse de cor a cada 2 anos toda vez ela tem que ficar comunicando a nova cor dela e isso custa dinheiro custa muito dinheiro o que que a coca-cola
fez pelo contrário desde o começo ou desde muito tempo atrás ela foi reforçando que ela era o refrigerante vermelho e com esse reforço cada pea de comunicação feita foi um investimento no reforço dessa mensagem hoje essa mensagem vale muito porque dentro da categoria de refrigerantes o refrigerante vermelho é a coca-cola todo esse investimento teve como consequência quase que a posse sobre a cor vermelha dentro daquela categoria a ponto de que se você olhar de longe uma gôndula de de refrigerantes e ver algumas latinhas vermelhas você não precisa ver o logotipo você não precisa ver o
preço você não precisa ver nada você vai achar que aquilo é uma coca-cola Então ela encontrou ali uma personalidade que depois de muito tempo investindo investindo Investindo na mesma criou uma uma propriedade a marca Café do brego acabou de lançar um guia de marca novo com toda a personalidade nova com todos os elementos novos se a gente começar a trazer um monte de elemento que novo que não tá dentro desse guia da marca o que que vai ser Café do Brejo daqui a pouco então a gente precisa criar dentro deste ambiente Essa é uma das
dificuldades Lembra que eu falei que o designer ele precisa trabalhar dentro das especificações que foram colocadas dentro das regras que foram colocadas dentro do Brief o briefing pede que a gente utilize o guia da marca Então por quê Porque a gente precisa construir a consistência dessa marca ao longo do tempo criando várias comunicações com os mesmos elementos até que as pessoas que estão dentro do nosso público possam reconhecer a nossa marca pela utilização dos seus elementos e na tarefa da nossa aula 4 a gente vai pegar a nossa apresentação e vai ampliar ela mais um
pouquinho agora a gente vai trazer os elementos visuais para dentro do nosso board visual e vai complementar ele com os elementos da marca então use as tipografias que já existem quer estudar uma nova tipografia pode usar também o importante é a gente temperar o nosso boord visual que tava cheio de referências cheias de ideias com os elementos da marca e começar a misturar isso de maneira que comece a cada vez mais parecer com o nosso layout você faz isso revisa seus boards visuais e exporta o pdf e manda lá no formulário na nossa página para
que a gente possa acompanhar o trabalho com vocês e não esquece para quem tá começando no design gráfico e sente dificuldade de montar esses arquivos vai lá ver a aula prática adicional onde a gente vai mostrar passo a passo como que a gente tá montando essa apresentação como que a gente tá trazendo cada vez mais elementos para dentro do board visual e você vai ver que não é um bicho de sete cabeças você vai começar a perceber o seu layout aparecendo você vai começar a perceber bords visuais diferentes criando caminhos diferentes de layout vai ser
super bacana vem com a gente vem com a ebac
