43
PRINCÍPIOS BÁSICOS DE TIPOGRAFIA Tipografia Ortografia Visual

Principios basicos de tipografia e ortografia visual

Embed Size (px)

Citation preview

Page 1: Principios basicos de tipografia e ortografia visual

PRINCÍPIOS BÁSICOS DE TIPOGRAFIA

TipografiaOrtografia Visual

Page 2: Principios basicos de tipografia e ortografia visual

Fontes:Design Gráfico: Uma História Concisa

RICHARD HOLLIS

Design para quem não é Design – Robin Willians

http://tipografos.net/magazine/

Page 3: Principios basicos de tipografia e ortografia visual

AGRUPAMENTO OU PROXIMIDADE (ITENS RELACIONADOS ENTRE SI DEVEM ESTAR PRÓXIMOS)

Page 4: Principios basicos de tipografia e ortografia visual

ALINHAMENTO (LÓGICA DE LEITURA)

Page 5: Principios basicos de tipografia e ortografia visual

REPETIÇÃO (CONSISTÊNCIA, IDENTIDADE)

Page 6: Principios basicos de tipografia e ortografia visual

CONTRASTE (AS COISAS APARECEM POR CONTRASTE. ATRATIVIDADE)

Contraste se consegue com:

• Valor tonal• Pesos

diferentes• Tamanhos

diferentes

Page 7: Principios basicos de tipografia e ortografia visual

CONTRASTE

Page 8: Principios basicos de tipografia e ortografia visual

CONTRASTE

Page 9: Principios basicos de tipografia e ortografia visual

CONTRASTE

Page 10: Principios basicos de tipografia e ortografia visual

TIPOGRAFIA

Processo: desde a criação dos caracteres à sua composição e impressão, de modo que resulte num produto gráfico ao mesmo tempo adequado, legível e agradável.

Page 11: Principios basicos de tipografia e ortografia visual
Page 12: Principios basicos de tipografia e ortografia visual
Page 13: Principios basicos de tipografia e ortografia visual
Page 14: Principios basicos de tipografia e ortografia visual
Page 15: Principios basicos de tipografia e ortografia visual

ORTOGRAFIA VISUAL

O uso correto de elementos gráficos para compor uma mensagem. Grafia –regras da gramática para o uso correto das palavras. A forma como os elementos gráficos estão dispostos para transmitir uma mensagem.

Page 16: Principios basicos de tipografia e ortografia visual

DIAGRAMAÇÃO: Distribuir e colocar as coisas no devido lugar, obedecendo ordens simétricas ou assimétricas.

Na prática vemos boas diagramações porém não muito criativas. Basicamente apresentam as seguintes características:

Textos em colunas: facilita a leitura nos casos de um espaço muito grande (organização do espaço)

Pesos diferentes entre títulos, subtítulos e texto

Alinhamentos: elementos iguais devem alinhados iguais e aproximados

Page 17: Principios basicos de tipografia e ortografia visual

A organização está resolvida quando houver clareza de onde colocar os elementos e do porque eles estão sendo colocados

naquele espaço e daquela forma.

A DIAGRAMAÇÃO CRIATIVA QUEBRA OS PADRÕES DO USUAL

Observação, criatividade e inovação, mas com adequação aos objetivos.

Page 18: Principios basicos de tipografia e ortografia visual
Page 19: Principios basicos de tipografia e ortografia visual
Page 20: Principios basicos de tipografia e ortografia visual
Page 21: Principios basicos de tipografia e ortografia visual
Page 22: Principios basicos de tipografia e ortografia visual
Page 23: Principios basicos de tipografia e ortografia visual
Page 24: Principios basicos de tipografia e ortografia visual
Page 25: Principios basicos de tipografia e ortografia visual
Page 26: Principios basicos de tipografia e ortografia visual

ORTOGRAFIA VISUAL

“Todos vão opinar sobre o assunto”.

Page 27: Principios basicos de tipografia e ortografia visual

ORTOGRAFIA VISUAL

É preciso administrar as opiniões. Existem bons e maus comentários. Mas atente a esse tipo de comentário:

• Quando o público destinado não entendeu a mensagem

• Tamanho da fonte ilegível

• Título muito grande ou pesado

• Logotipo com tamanho ou muito grande ou muito pequeno

• A pessoa não sabe o que ler ou o que ver primeiro

Page 28: Principios basicos de tipografia e ortografia visual

ORTOGRAFIA VISUAL

São comentários que demonstram um layout em desequilíbrio. O MAIS IMPORTANTE: É PRECISO COERÊNCIA E HIERARQUIA DE LEITURA NO LAYOUT

OS ELEMENTOS GRÁFICOS DEVEM COMPOR UMA HARMONIA, OU UNIDADE, VISUAL.

A SIMETRIA E A ASSIMETRIA SÃO DUAS FORMAS DE SE PASSAR A MENSAGEM. Deve ser pensado e estar de acordo com os objetivos da comunicação.

Page 29: Principios basicos de tipografia e ortografia visual
Page 30: Principios basicos de tipografia e ortografia visual
Page 31: Principios basicos de tipografia e ortografia visual
Page 32: Principios basicos de tipografia e ortografia visual

No alinhamento do texto com objetos: É preciso haver coerência no alinhamento.

Ao alinhar o texto, é preciso motivo que justifique o alinhamento escolhido.

Assimetria sem razão de ser não serve. É preciso ter lógica. Se existe mais de uma foto no layout, qual é a mais importante de destacar?

O logotipo não deve ficar perdido pela página.

Dê a importância devida a cada coisa. Pesos diferentes e contrastes diferentes para coisas diferentes. Quando tudo tem o mesmo peso não se sabe o que olhar primeiro.

As cores também tem um objetivo, muitas vezes longe do apenas estético. Tem relação com EMOÇÃO.

Page 33: Principios basicos de tipografia e ortografia visual
Page 34: Principios basicos de tipografia e ortografia visual
Page 35: Principios basicos de tipografia e ortografia visual
Page 36: Principios basicos de tipografia e ortografia visual
Page 37: Principios basicos de tipografia e ortografia visual

INOVAÇÃONem sempre é possível inovar, mas sempre deve-se tentar. Mudar, surpreender, mostrar de uma forma diferente. Esqueça tudo o que foi dito, e pense nas seguintes DICAS para inovar:

Não alinhe o texto

Não coloque a foto com o recorte perfeito

Não utilize a cor que todos usam

Tipologias diferenciadas

Não atente a muitas opiniões

Seja imprevisível (pense no previsível)

Não mostre o produto, ou não o mostre inteiro

Não obedeça o cliente

Use imagens que sejam distoantes do título

Não use título

Não use formatos padronizados

Não tenha medo de perder o emprego

Page 38: Principios basicos de tipografia e ortografia visual
Page 39: Principios basicos de tipografia e ortografia visual
Page 40: Principios basicos de tipografia e ortografia visual
Page 41: Principios basicos de tipografia e ortografia visual

Quando se inova, as pessoas entendem ou não. Se você achar que inovar, naquele caso, será positivo,

então faça.

NÃO INOVE APENAS POR UMA QUESTÃO DE EGO, MAS SIM PARA ATENDER AOS OBJETIVOS DA COMUNICAÇÃO

Page 42: Principios basicos de tipografia e ortografia visual

TRABALHO (INÍCIO)(20 minutos)

Abra o Corel Draw ou Adobe Photoshop, utilize folha no formato A4.

Escreva o Título: Pessoas não acreditam em propaganda, pessoas acreditam em pessoas.

Escreva a assinatura: Terceiro PP JOR UDC. Criando e Informando.

ENTRAR NO SITE: www.sxc.hu, e escolha uma foto que conceitualmente traduza o conceito.

Transforme essa foto em Preto e Branco.

(30 minutos)

Escolha a família de fontes a ser usada apenas com as fontes já instaladas.

Monte a arte pensando nos princípios de: agrupamento, alinhamento, contraste e repetição.

Utilize apenas PRETO e BRANCO.

Para próxima aula justifique suas escolhas, respondendo:

• Porque da escolha da foto

• O porque da escolha da fonte

• Qual alinhamento escolhido e porque

• Qual o elemento repetitivo

• Como foi resolvido o contraste

Page 43: Principios basicos de tipografia e ortografia visual

PRÓXIMAS AULAS

- Tipologia

- Cores

- Design editorial

- Arte-final e preparação de arquivo para impressão

- Criatividade

- Design de marca

- Técnicas gerais dos softwares