arte publicitária i princípios básicos do design e tipografia
TRANSCRIPT
![Page 1: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/1.jpg)
Arte Publicitária IArte Publicitária I
Princípios Básicos do Princípios Básicos do DesignDesign
&&TipografiaTipografia
![Page 2: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/2.jpg)
Princípios BásicosPrincípios Básicos
• ProximidadeProximidade
• AlinhamentoAlinhamento
• ContrasteContraste
• RepetiçãoRepetição
![Page 3: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/3.jpg)
ProximidadeProximidade
•Elementos similares devem estar próximos. Por exemplo, acima deste de parágrafo existe o título “Proximidade”. Se eu colocasse o título três linhas acima do início deste parágrafo, isso poderia gerar certa confusão pra você leitor; você estaria se perguntando “O que essa palavra tá fazendo aí no meio do texto? É uma palavra-chave? Qual a relação dele com o resto do texto?”.
•A regra é: não faça a pessoa ter que pensar nisso. Se ela ficar se questionando o por que desta distância, ela não vai conseguir concentrar-se no conteúdo. O mesmo vale para imagens: se uma imagem não têm nexo nenhum com uma segunda, por que deixá-los próximos? Vamos manter uma distância para não confundir a pessoa que está visualizando a obra. Aproximando elementos similares, você diminui a confusão, e deixa a informação mais clara e direta.
•De que forma?
![Page 4: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/4.jpg)
ProximidadeProximidade
![Page 5: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/5.jpg)
AlinhamentoAlinhamento • Aqui no Ocidente, sempre começamos a olhar algo Aqui no Ocidente, sempre começamos a olhar algo
começando do canto superior esquerdo descendo começando do canto superior esquerdo descendo pela lateral. Se eu alinhasse apenas este parágrafo pela lateral. Se eu alinhasse apenas este parágrafo do centro pra direita da página (deixando o resto do do centro pra direita da página (deixando o resto do texto como está), possivelmente seus olhos iriam texto como está), possivelmente seus olhos iriam ignorar este parágrafo e passar adiante.ignorar este parágrafo e passar adiante.
• Se começar a alinhar algo pela esquerda, alinhe tudo Se começar a alinhar algo pela esquerda, alinhe tudo pela esquerda. Se for pra alinhar tudo a direita, pela esquerda. Se for pra alinhar tudo a direita, alinhe tudo pela direita. Se alinhar a um, dois ou alinhe tudo pela direita. Se alinhar a um, dois ou quatro centímetros da borda, alinhe tudo a um, dois quatro centímetros da borda, alinhe tudo a um, dois ou quatro centímetros da borda. Evite a todo custo ou quatro centímetros da borda. Evite a todo custo alinhar texto pelo centro: isto dá um ar de alinhar texto pelo centro: isto dá um ar de desordenado e a pessoa se perde facilmente quando desordenado e a pessoa se perde facilmente quando vai de uma linha pra outra, já que ela não têm um vai de uma linha pra outra, já que ela não têm um ponto de referência fácil (no caso, o início da última ponto de referência fácil (no caso, o início da última linha lida). linha lida).
![Page 6: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/6.jpg)
AlinhamentoAlinhamento
![Page 7: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/7.jpg)
ContrasteContraste • Não é incomum de ver gente usando fundo amarelo com letra Não é incomum de ver gente usando fundo amarelo com letra
branca. Pessoal, amarelo é muito próximo do branco. Se você branca. Pessoal, amarelo é muito próximo do branco. Se você colocar aquilo no sol, o pessoal não vai conseguir ler nada. colocar aquilo no sol, o pessoal não vai conseguir ler nada. Contraste é algo importantíssimo, ainda mais quando existe Contraste é algo importantíssimo, ainda mais quando existe uma figura e um fundo. Convenhamos, até quando não existe uma figura e um fundo. Convenhamos, até quando não existe um fundo, existe uma cor da mídia (por exemplo, o papel ou a um fundo, existe uma cor da mídia (por exemplo, o papel ou a tela do PC). Claro, dá pra colocar um texto preto sobre um tela do PC). Claro, dá pra colocar um texto preto sobre um papel branco. É uma ótima forma de contraste. Mas se quiser papel branco. É uma ótima forma de contraste. Mas se quiser destacar algo em amarelo, por que não colocar uma tarja preta destacar algo em amarelo, por que não colocar uma tarja preta no fundo desta palavra? É uma ótima forma de contraste; faz no fundo desta palavra? É uma ótima forma de contraste; faz aparecer bem aquilo que você quis que se destacasse e não aparecer bem aquilo que você quis que se destacasse e não acabou sumindo no fundo.acabou sumindo no fundo.
• E contraste não é só de cor, mas de elementos também. Uma E contraste não é só de cor, mas de elementos também. Uma frase com tipografia diferente do restante do texto pode ser frase com tipografia diferente do restante do texto pode ser contrastante. contrastante. Até uma palavra ou frase negritada pode dar Até uma palavra ou frase negritada pode dar o ar de contrasteo ar de contraste. Isso serve não só para destacar algo, mas . Isso serve não só para destacar algo, mas também para diferenciar dois elementos.também para diferenciar dois elementos.
![Page 8: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/8.jpg)
ContrasteContraste
![Page 9: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/9.jpg)
RepetiçãoRepetição
• Quando falo sobre repetição, estou falando Quando falo sobre repetição, estou falando sobre repetição de elementos visuais. Em um sobre repetição de elementos visuais. Em um site, por exemplo, você deve repetir a site, por exemplo, você deve repetir a estrutura dele em todas as páginas internas. estrutura dele em todas as páginas internas. Ou seja, nada de mudar a posição do menu nas Ou seja, nada de mudar a posição do menu nas páginas internas.páginas internas.
• A repetição de elementos é importante A repetição de elementos é importante especialmente para a pessoa saber que ainda especialmente para a pessoa saber que ainda está no mesmo site. No caso do design de está no mesmo site. No caso do design de impressos, você pode repetir a cor, fontes, impressos, você pode repetir a cor, fontes, relações espaciais, etc. A repetição cria uma relações espaciais, etc. A repetição cria uma sensação de organização.sensação de organização.
![Page 10: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/10.jpg)
RepetiçãoRepetição
![Page 11: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/11.jpg)
Arte Publicitária IArte Publicitária I
TipografiaTipografia
![Page 12: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/12.jpg)
Tipografia x TipologiaTipografia x Tipologia
•A A TipografiaTipografia é conhecida como o método é conhecida como o método de impressão baseado na montagem dos de impressão baseado na montagem dos TIPOS MÓVEIS, criado por Johanes TIPOS MÓVEIS, criado por Johanes Gutemberg, inventor da imprensa, e está Gutemberg, inventor da imprensa, e está em extinção com o desenvolvimento do em extinção com o desenvolvimento do computador e dos softwares de editoração computador e dos softwares de editoração eletrônica. eletrônica.
•Tipologia,Tipologia, no entanto, é o estudo da no entanto, é o estudo da formação dos tipos. Essa por sua vez formação dos tipos. Essa por sua vez cresce a cada dia, principalmente com a cresce a cada dia, principalmente com a importância do design gráfico e digital. importância do design gráfico e digital.
![Page 13: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/13.jpg)
FonteFonte
• Vem do latim Fundere, que significa “Fusão de Metais. E é o mesmo significado de “Tipologia”
• Um alfabeto inteiro pode ser chamado de FONTE
![Page 14: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/14.jpg)
FamíliaFamília
• Variações baseadas em um único design:
![Page 15: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/15.jpg)
Anatomia do Tipo de LetraAnatomia do Tipo de Letra
![Page 16: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/16.jpg)
Características das FontesCaracterísticas das Fontes
![Page 17: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/17.jpg)
Normal, Negrito e ItálicoNormal, Negrito e Itálico
![Page 18: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/18.jpg)
Tipos AntigosTipos Antigos
![Page 19: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/19.jpg)
Tipos Egípcios ou ModernosTipos Egípcios ou Modernos
![Page 20: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/20.jpg)
Letra Bastão ou Sem SerifaLetra Bastão ou Sem Serifa
![Page 21: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/21.jpg)
Letra ManuscritaLetra Manuscrita
![Page 22: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/22.jpg)
Letras de FantasiaLetras de Fantasia
![Page 23: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/23.jpg)
Expressão das FontesExpressão das Fontes
![Page 24: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/24.jpg)
As fontes mostram as As fontes mostram as marcasmarcas
![Page 25: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/25.jpg)
Saber usar as fontes certasSaber usar as fontes certas
![Page 26: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/26.jpg)
Algumas dicas Algumas dicas
• A tipologia segue as tendências da Moda;• Ao trabalhar, experimente três ou quatro tiposde fontes• A fonte deve ser a mais legível possível, para facilitar a leitura do anúncio•Produtos masculinos pedem fontes sem serifa•Produtos femininos pedem fontes manuscritas•Tipos serifados e clássicos resistem ao tempo•Tipos favoritos dos diretores de arte:
TIMES, GARAMOND, BODONI,
![Page 27: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/27.jpg)
Nova Análise: serifa x sem Nova Análise: serifa x sem serifa serifa
![Page 28: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/28.jpg)
Classificação de Letras Classificação de Letras
![Page 29: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/29.jpg)
Classificação - Continuação Classificação - Continuação
![Page 30: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/30.jpg)
Classificação - Continuação Classificação - Continuação
![Page 31: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/31.jpg)
Nova anatomia das Fontes Nova anatomia das Fontes
![Page 32: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/32.jpg)
Anatomia Anatomia
![Page 33: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/33.jpg)
Classificação Classificação
![Page 34: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/34.jpg)
Espaçamento entre Letras Espaçamento entre Letras
![Page 35: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/35.jpg)
Vamos analisarVamos analisaros seguintes os seguintes anúncios...anúncios...
![Page 36: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/36.jpg)
![Page 37: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/37.jpg)
![Page 38: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/38.jpg)
![Page 39: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/39.jpg)
![Page 40: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/40.jpg)
![Page 41: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/41.jpg)
![Page 42: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/42.jpg)
![Page 43: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/43.jpg)
![Page 44: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/44.jpg)
![Page 45: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/45.jpg)
![Page 46: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/46.jpg)
![Page 47: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/47.jpg)
![Page 48: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/48.jpg)
![Page 49: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/49.jpg)
![Page 50: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/50.jpg)
![Page 51: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/51.jpg)
![Page 52: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/52.jpg)
![Page 53: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/53.jpg)
![Page 54: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/54.jpg)
![Page 55: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/55.jpg)
![Page 56: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/56.jpg)
![Page 57: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/57.jpg)
![Page 58: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/58.jpg)
![Page 59: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/59.jpg)
![Page 60: Arte publicitária i princípios básicos do design e tipografia](https://reader035.vdocuments.site/reader035/viewer/2022062405/55717e83d8b42ae45b8b4b50/html5/thumbnails/60.jpg)