Upload
tais-paranhos
View
311
Download
2
Embed Size (px)
Citation preview
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...