palestra: o design e a publicidade em sinergia com o marketing - marcus vinicius -...
DESCRIPTION
Palestra realizada no EmpíricaSpecialists II por Marcus Vinícius, responsável pela Agência FullType. Nessa palestra, Marcus Vinícius, convidou o público a pensar fora da caixa quando o assunto é apresentar a marca para o público - de uma forma bem leiga de dizer. Com toda a maestria que só um grande profissional pode oferecer, Marcus passa por diversos tópicos importantíssimos no que se refere a qualidade do desenvolvimento do Design em prol da publicidade e do Marketing. Tópicos: Os mestres da publicidade A estrutura de pensamento da publicidade e do marketing Psicologia das Cores Gestalt Identidade Corporativa Tipografia Layout Planejamento Visual Ilustrações Crossmedia e TransmídiaTRANSCRIPT
![Page 1: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/1.jpg)
O DESIGN E APUBLICIDADE
EM SINERGIA COM OMARKETING DIGITAL
Marcus Vinícius Liberato
2013
![Page 2: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/2.jpg)
comunicação & marketing
Av. Alberto Lamego, 2000Uenf • Centro de ConvençõesParque Califórnia | Campos • RJCEP: 28013.602
Tel. 22 9989.8150
Publicitário e sócio proprietário
www.fulltype.com.br
![Page 3: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/3.jpg)
![Page 4: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/4.jpg)
PHILIP KOTLER
STEVE JOBS“Não faz parte do trabalho do consumidor descobrir o que ele
quer. Não gastamos um dólar com isso. Não dá para sair pergun-tando às pessoas qual é a próxima grande coisa que elas querem.
Henry Ford disse que, se tivesse questionado seus clientes sobre o que queriam, a resposta seria um cavalo mais rápido.”
“Processo social por meio do qual pessoas e grupos de pessoas obtêm aquilo de que necessitam e o que desejam com a cria-ção, oferta e livre negociação de produtos e serviços de valor com outros.”
“Marketing é satisfazes as necessidades dos clientes.”
![Page 5: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/5.jpg)
![Page 6: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/6.jpg)
![Page 7: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/7.jpg)
![Page 8: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/8.jpg)
![Page 9: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/9.jpg)
![Page 10: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/10.jpg)
![Page 11: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/11.jpg)
![Page 12: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/12.jpg)
PSICOLOGIA DAS CORES
![Page 13: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/13.jpg)
GESTALT
![Page 14: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/14.jpg)
IDENTIDADE CORPORATIVA
Trecho do Livro Design/Web/Design | Luli Radfahrer
“Imagem é identidade. A identidade corporativa de uma empresa é como ela se coloca perante o mundo. Essa identidade está em cartões, instalações, folhetos, cartazes, propaganda, website, em seus funcionários, no que a imprensa diz… é seu posicionamento estratégico na sociedade, uma “geral” da empresa.”
“A primeira coisa que vem à cabeça quando falamos em identidade visual de uma empresa é seu logotipo. Isso acontece porque o logo (para os íntimos) é normalmente o primeiro e muitas vezes o único contato que ela terá com seu público. Por isso é tão importante e deve sintetizar todos oselementos que diferenciam essa empresa do resto. Um bom logotipo é muito mais que um desenho bonito ou uma “sacada visual”. É uma declaração de inten-ções e não deve deixar dúvidas.”
![Page 15: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/15.jpg)
Tudo começa, e pode terminar, na…
ASSINATURA VISUAL
![Page 16: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/16.jpg)
![Page 17: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/17.jpg)
![Page 18: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/18.jpg)
IDENTIDADE CORPORATIVA“É aí que entra o design de identidade corporativa: se uma empresa quer ser co-nhecida como inovadora, ela deve ser realmente inovadora e, para que todo mun-do saiba disso, ela deve parecer inovadora.”
Trecho do Livro Design/Web/Design | Autor Luli Radfahrer
![Page 19: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/19.jpg)
IDENTIDADE CORPORATIVA
![Page 20: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/20.jpg)
ASSINATURA VISUAL
Logomarca mal visto
Logotipo impreciso
Marca cuidado
Assinatura visual ok
Logo apelido
Design Gráfico (!)simbolo e/ou logotipo
Branding (metonímia)“Marca é a percepção intuitiva de uma pessoa em relação a um produto, serviço ou empresa.”(Marty Neumeier)
![Page 21: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/21.jpg)
IDENTIDADE VISUAL (DEFINIÇÃO)Um sistema de identidade visual [SIV] constitui um conjunto de definições particulares relacionadas a apresentação visual de uma empresa, produto ou serviço.
Símbolo, logotipo, fonte de apoio e web, sistema de assinaturas, paleta de cores, grafismos e elementos de apoio linguagem gráfica materiais compor-tamento modelos tridimensionais animação avatares e mascotes, etc.
![Page 22: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/22.jpg)
ASSINATURA VISUAL (CLASSIFICAÇÃO)segundo o INPI: marca é todo sinal distintivo, visualmente perceptível, que identifica e diferencia empresas, produtos e serviços de outros análogos.
nominativa
tipografia legívele sem estilização (?)
figurativa
imagem e/ougrafia estilizada
mista
imagem e tipografia sem estilização
segundo o INPI: marca é todo sinal distintivo, visualmente perceptível, que identifica e diferencia empresas, produtos e serviços de outros análogos.
classificação
(classificação de Viena)
40
identidade visual
tutorial flopez
![Page 23: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/23.jpg)
ASSINATURA VISUAL (CLASSIFICAÇÃO)
logo-símbolo
ambos signos identificadores estão formalmente integrados e constituem uma unidade gráfica indissociável.
apenas símbolo logotipo com símbolo
em alguns casos o símbolo alcança um nível de imposiçãotão grande que pode prescindir totalmente do logotipo.
ambos signos são independentes e têm capacidadede identificação tanto em conjunto como separados.
formalmente
logotipo com fundo
o logotipo está inserido em um fundo sem autonomia no processo de identificação da marca.
logotipo purologotipo com acessório
representação exclusivamentetipográfica, caligráfica ou manuscrita do nome.
o logotipo está acompanhadode algum sinal acessório semautonomia no processo de identificação da marca.
identificadores nominais
identificadores simbólicosclassificação proposta por Norberto Chaves
41
identidade visual
tutorial flopez
![Page 24: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/24.jpg)
![Page 25: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/25.jpg)
![Page 26: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/26.jpg)
DEFINIÇÃOTipografia é a área do design gráfico dedicada ao estudo, ao uso e a criação de letras, alfabetos e sistemas de escrita. É um dos campos mais tradicionais do design, cujo desenvolvimento teórico vem sendo construído há mais de 500 anos.
105
_definição Tipografia é a área do design gráfico dedicada
. é um dos campos mais tradicionais do design, cujo desenvolvimento teórico vem sendo construído há mais de 500 anos.
ao estudo, ao uso e a criação de letras, alfabetos e sistemas de escrita
tipografia
tutorial flopez
![Page 27: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/27.jpg)
![Page 28: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/28.jpg)
também é ferramenta de expressão.
Marcia Martins
Julia Valle
Diego Cataldo e Sergio Rodríguez
Fred Eerdekens
Vladimir Tomin
Amandine Alessandra
107
tipografia
tutorial flopez
![Page 29: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/29.jpg)
141
_classificação
antigas (pré-venezianas)
humanistas (venezianas)
garaldinas(old style)
transicional(neo clássica)
serifa quadrada(slab)
display(decorativas)
modernas(didones)
antes de 1400 1400 - 1500 1600
sem serifa(grotescas)
1700
1700 - 1800
1900
tip. digital
2000
(Old English)
antigas humanistas garaldinas transicional modernas serifa quad. sem serifa display tip. digital
(Centaur) (Baskerville)(Garamond) (Bodoni) (Rockwell) (Helvetica) (Mistral) (Scala)
classificação derivada da proposta da pesquisadora Karen Cheng
tipografia
tutorial flopez
![Page 30: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/30.jpg)
LAYOUTZAGUEIRO
![Page 31: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/31.jpg)
LAYOUTARTILHEIRO
![Page 32: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/32.jpg)
![Page 33: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/33.jpg)
![Page 34: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/34.jpg)
![Page 35: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/35.jpg)
![Page 36: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/36.jpg)
![Page 37: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/37.jpg)
![Page 38: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/38.jpg)
![Page 39: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/39.jpg)
![Page 40: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/40.jpg)
![Page 41: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/41.jpg)
![Page 42: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/42.jpg)
ALGUMAS NOÇÕES BÁSICAS DE PLANEJAMENTO VISUAL
RETIRADO DO LIVRO: DESIGN PARA QUEM NÃO É DESIGNER. WILLIANS, ROBIN. 7ª EDIÇÃO, SÃO PAULO : CALLIS. 1995
![Page 43: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/43.jpg)
PROXIMIDADE
![Page 44: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/44.jpg)
PROXIMIDADE
O maior problema desta lis-ta é que tudo está próximo
de tudo, dificultando uma relação ou organização
A mesma lista foi criada através de grupos visuais. Acrescentando um con-traste aos títulos e a linha divisória dá-se mais legibili-dade, o que torna mais fácil uma relação entre o título e seus tópicos.
![Page 45: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/45.jpg)
ALINHAMENTO
![Page 46: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/46.jpg)
ALINHAMENTO
![Page 47: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/47.jpg)
REPETIÇÃO
![Page 48: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/48.jpg)
CONTRASTE
![Page 49: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/49.jpg)
![Page 50: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/50.jpg)
FLAT DESIGNFlat Design, o design plano.Essa tendência do web design é a pura simplicidade dos elementos, da clareza do layout. Se distingue por suas formas cleans e planas. O conceito funciona sem variações na estrutura do layout, como chanfros, relevo, gradientes ou outras ferramentas que adicionam profundidade. Cada elemento ou caixa é nítido. Nada realista é adicionado.
![Page 51: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/51.jpg)
DESENHANDO COM FONTES
SKEUOMORPHISMO QUE É ISSO?
Flat Design, o design plano.Essa tendência do web design é a pura simplicidade dos
elementos, da clareza do layout. Se distingue por suas formas cleans e planas. O conceito
funciona sem variações na estrutura do layout, como chanfros, relevo, gradientes
ou outras ferramentas que adicionam profundidade. Cada elemento ou caixa é
nítido. Nada realista é adicionado.
Esta palavra complicada trata-se de algo que você encontra diariamente. Skeuomorphism é um estilo de design onde um objeto virtual mantém a aparência e a estrutura de um elemento real, apenas por questão de familiaridade.
![Page 52: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/52.jpg)
METRO A “Linguagem de Design Microsoft”, também conhecido como “Metro”, é a nova onda varrendo o web design.
![Page 53: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/53.jpg)
DO PINTEREST PARA A WEBO Pinterest explodiu em popularidade no final de 2011, e de lá para cá, o web design foi largamente influenciado pelo visual limpo e ordenado do layout de grade que ele usa com maestria
![Page 54: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/54.jpg)
FOTOS ORIGINAISFotografias stock ou de metáforas clichê estão caindo em desuso (a menos que você as use ironicamente). Imagens autênticas e inovadoras estão se tornando uma parte vital de qualquer site de sucesso.
![Page 55: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/55.jpg)
LAYOUTS ALL TYPERecurso já conhecido entre os criadores de artes impressas, o All Type agora é uma tendência também em layouts para a web. Layout All Type consiste em utilizar bastante o contraste de tamanho de fontes, dando destaque a elas sem nenhum recurso de imagem ou foto.
![Page 56: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/56.jpg)
FULL BACKGROUNDBackgrounds não são mais despercebidos e ganham cada vez mais detalhes e espaço nos layouts. A tendência do momento é deixar o fundo da página cheio.
![Page 57: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/57.jpg)
LAYOUT MINIMALISTAMenos é mais ainda está na moda! Nada de exageros, você pode ter um site simples, mas rico em detalhes e efeitos
![Page 58: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/58.jpg)
CONTEÚDO SEGMENTADOÉ tendência segmentar e dividir o conteúdo do seu site em diferentes páginas que apresentam apenas informações relevantes e pertinentes ao tema principal. Muitos testes de usabilidade indicam que o internauta já se habituou a utilizar o botão voltar do navegador, ou seja, a famosa regra dos 3 cliques não é mais válida.
MENOS ANIMAÇÕESApesar das ilustrações estarem em alta, o uso de animações está cada vez mais perdendo força na internet, e os motivos são simples. Animações em Flash não ajudam os buscadores a indexar seu site nos resultados de busca e o aumento do número de acessos mobile está fazendo com que os sites sejam mais amigáveis aos navegadores dos celulares e smartphones. O navegador do iPhone por exemplo, não é compatível com conteúdos em flash que simplesmente não são exibidos na tela.
![Page 59: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/59.jpg)
ILUSTRAÇÕESEm plena era digital, nunca foi tão cool utilizar ilustrações e desenhos estilizados para compor o design de uma página. Além de ajudar a direcionar a atenção do usuário para determinada área, uma boa ilustração agrega valor artístico ao seu site.
![Page 60: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/60.jpg)
RESOLUÇÕES MAIORESCom a própria evolução do hardware, os monitores estão com resoluções cada vez maiores, o que possibilita que os sites trabalhem em versões wide. O que antes era área perdida, as laterais dos sites se tornaram espaços potenciais para divulgação de produtos, serviços e até mesmo ferramentas que auxiliam na navegação. Os sites mais recentes têm aproveitado para inserir imagens relevantes e até caprichar em um background todo trabalhado e cheio de detalhes.
RODAPÉ MAIS ALTO E ROBUSTOSabemos que toda a informação importante que procuramos geralmente está disponível no rodapé do site, como telefone pra contato, endereço e horário de atendimento. As empresas perceberam que o rodapé do site é um ponto que pode ser muito bem trabalhado para aumentar a visibilidade das informações contidas ali.
Muitas tem inclusive utilizado o espaço do rodapé para incluir um mapa do site com acesso a todas as páginas relevantes.
![Page 61: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/61.jpg)
TRANSPARÊNCIAFinalmente o Internet Explorer 6 foi aposentado, com isso, abriram-se as portas para as imagens em extensão png que permite o uso de transparências e dégradés muito melhores e mais leves que os arquivos gif.
Hoje em dia todos os navegadores suportam imagens png, possibilitando que sombras e transparências sejam amplamente usadas em seu site.
BARRAS FIXASCada vez mais se tem notado o uso de barras fixas no navegador com atalho para as principais funcionalidades do site. Principalmente nos e-commerces esta tendência é muito útil para permitir a visualização rápida dos itens do carrinho e as opções de compartilhamento, além de ser um excelente canal para veiculação de promoções e lançamentos
![Page 62: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/62.jpg)
CROSSMEDIA TRANSMÍDIACrossmedia vem do inglês e significa “cruzar” – ou “atravessar” – a mídia, ou seja, levar o conteúdo além de um meio apenas. O termo em si não é muito co-mum, mas a utilização desta técnica é. O conteúdo (a mensagem) é distri-buído através de diferentes mídias (o meio) para atingir o público (o recep-tor), mas tudo isso acontece sem que a mensagem tenha qualquer alteração de um meio para o outro. O sentido básico deste termo é que uma pessoa possa acessar o mesmo conteúdo por diferentes meios.
O transmedia, que também vem do in-glês, significa “além da” mídia, ou seja, o conteúdo sobressai a mídia. Na práti-ca, significa que o diferentes mídias (os meios) irão transmitir diferentes con-teúdos (as mensagens) para o público (o receptor), mas de forma que os dife-rentes meios se complementem. Se o receptor utilizar apenas um dos meios, vai ter apenas a mensagem parcial.
![Page 63: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/63.jpg)
![Page 64: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/64.jpg)
ONLINE + OFFLINE + ONLINE...= ALL LINE
![Page 65: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/65.jpg)
![Page 66: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/66.jpg)
![Page 67: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/67.jpg)
![Page 68: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/68.jpg)
![Page 69: Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinicius - EmpíricaSpecialists II](https://reader033.vdocuments.com.br/reader033/viewer/2022052903/55735b12d8b42ac6258b5065/html5/thumbnails/69.jpg)
OBRIGADO!
“Nos países desenvolvidos as ideias são caras e os produtos baratos, nos países sub-desenvolvidos as
ideias são caras e os produtos são caros”
Roberto Menna Barreto