Arte Publicitária IArte Publicitária I

Princípios Básicos do Princípios Básicos do DesignDesign

&&TipografiaTipografia

Princípios BásicosPrincípios Básicos

• ProximidadeProximidade

• AlinhamentoAlinhamento

• ContrasteContraste

• RepetiçãoRepetição

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?

ProximidadeProximidade

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

AlinhamentoAlinhamento

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.

ContrasteContraste

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.

RepetiçãoRepetição

Arte Publicitária IArte Publicitária I

TipografiaTipografia

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.

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

FamíliaFamília

• Variações baseadas em um único design:

Anatomia do Tipo de LetraAnatomia do Tipo de Letra

Características das FontesCaracterísticas das Fontes

Normal, Negrito e ItálicoNormal, Negrito e Itálico

Tipos AntigosTipos Antigos

Tipos Egípcios ou ModernosTipos Egípcios ou Modernos

Letra Bastão ou Sem SerifaLetra Bastão ou Sem Serifa

Letra ManuscritaLetra Manuscrita

Letras de FantasiaLetras de Fantasia

Expressão das FontesExpressão das Fontes

As fontes mostram as As fontes mostram as marcasmarcas

Saber usar as fontes certasSaber usar as fontes certas

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,

Nova Análise: serifa x sem Nova Análise: serifa x sem serifa serifa

Classificação de Letras Classificação de Letras

Classificação - Continuação Classificação - Continuação

Classificação - Continuação Classificação - Continuação

Nova anatomia das Fontes Nova anatomia das Fontes

Anatomia Anatomia

Classificação Classificação

Espaçamento entre Letras Espaçamento entre Letras

Vamos analisarVamos analisaros seguintes os seguintes anúncios...anúncios...