Principios basicos de tipografia e ortografia visual

PRINCÍPIOS BÁSICOS DE TIPOGRAFIA

TipografiaOrtografia Visual

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

RICHARD HOLLIS

Design para quem não é Design – Robin Willians

http://tipografos.net/magazine/

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

ALINHAMENTO (LÓGICA DE LEITURA)

REPETIÇÃO (CONSISTÊNCIA, IDENTIDADE)

CONTRASTE (AS COISAS APARECEM POR CONTRASTE. ATRATIVIDADE)

Contraste se consegue com:

• Valor tonal• Pesos

diferentes• Tamanhos

diferentes

CONTRASTE

CONTRASTE

CONTRASTE

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.

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.

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

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.

ORTOGRAFIA VISUAL

“Todos vão opinar sobre o assunto”.

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

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.

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.

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

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

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

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