Composição introdução

COMPOSIO E DIAGRAMAO

Prof. Eduardo Rocha

PRINCPIOS DO DESIGN

Proximidade

Repetio

Alinhamento

Contraste

PRINCPIOS DO DESIGN

Diagramao Leiga

PRINCPIOS DO DESIGN - PROXIMIDADE

PROXIMIDADE

agrupamento de valores que so prximos, criando identidade visual

PRINCPIOS DO DESIGN - ALINHAMENTO

ALINHAMENTO

o alinhamento tende a criar uma esttica moderna e sofisticada

PRINCPIOS DO DESIGN - REPETIO

REPETIO

a repetio ajuda na criao da identidade visual e na identificao do itens importantes dentro da diagramao

PRINCPIOS DO DESIGN - CONTRASTE

CONTRASTE

o contraste ajuda na valorizao da forma e quebra a monotonia da leitura

PRINCPIO DA COR

PRINCPIO DA COR

PRINCPIO DA COR

PRINCPIO DA COR

PRINCPIO DA COR

PRINCPIO DA COR

PRINCPIO DA COR

COMPOSIO

SIMTRICA

ASSIMTRICA

COMPOSIO SIMTRICA

Mantm a colunagem e a imagem em harmonia

COMPOSIO ASSIMTRICA

O ritmo quebrado pela modulagem de textos quebrando propositadamente a harmonia da pgina. Alm disso, outros elementos da pgina contribuem para quebrar a lineariedade da leitura

TIPOS DE DIAGRAMAO

Horizontal

Vertical

Modular

DIAGRAMAO HORIZONTAL

A colunagem de texto acompanha de maneira horizontal a disposio dos elementos na pgina

DIAGRAMAO VERTICAL

A disposio dos elementos na pgina so verticalizados. O mesmo pode ocorrer com fotos, ilustraes e outros elementos grficos

DIAGRAMAO MODULAR

a mais utilizada no meio industrial de jornais e revistas, por ser composta de mdulos de texto de tamanho previamente estabelecido.

a mais utilizada porque permite o encaixe de mdulos de texto e anncios com maior facilidade.

Por outro lado, a modalidade que permite menos criatividade do diagramador

TCNICAS DE DIAGRAMAO

Tcnica do L

Tcnica do U

Tcnica do T

Tcnica do H

Tcnica do I

Tcnica do Suporte

DIAGRAMAO TCNICA DO L

DIAGRAMAO TCNICA DO L

DIAGRAMAO TCNICA DO L

DIAGRAMAO TCNICA DO L

DIAGRAMAO TCNICA DO U

DIAGRAMAO TCNICA DO U

DIAGRAMAO TCNICA DO U

DIAGRAMAO TCNICA DO T

DIAGRAMAO TCNICA DO T

DIAGRAMAO TCNICA DO T

DIAGRAMAO TCNICA DO H

DIAGRAMAO TCNICA DO 4

DIAGRAMAO TCNICA DO 4

DIAGRAMAO TCNICA DO I

DIAGRAMAO TCNICA DO I

DIAGRAMAO TCNICA DO I

DIAGRAMAO TCNICA DO I

DIAGRAMAO TCNICA DO SUPORTE

DIAGRAMAO TCNICA DO SUPORTE

DIAGRAMAO TCNICA DO SUPORTE

DIAGRAMAO RITMO DE LEITURA

O que no fazer

DIAGRAMAO RITMO DE LEITURA

O que no fazer

DIAGRAMAO REAS DE RESPIRO

Valorizando os espaos em branco

DIAGRAMAO REAS DE RESPIRO

Valorizando os espaos em branco

CRIAO COM A TIPOLOGIA

Escrita normal

(sem tratamento tipogrfico)

Um paraso chamado Cancun

CRIAO COM A TIPOLOGIA

TRABALHANDO O TAMANHO UM PARASO

CHAMADO CANCN

CRIAO COM A TIPOLOGIA

TRABALHANDO A FONTE

CRIAO COM A TIPOLOGIA

FONTE + TAMANHO

CRIAO COM A TIPOLOGIA

TRABALHANDO O CONTRASTE

(de tamanho)

CRIAO COM A TIPOLOGIA

TRABALHANDO O CONTRASTE

(tamanho+cor)

CRIAO COM A TIPOLOGIA

CONTRASTE

(tamanho + cor + fonte)

CANCN

CRIAO COM A TIPOLOGIA

CONTRASTE

(tamanho + cor + fonte+peso)

CANCN

CRIAO COM A TIPOLOGIA

COR

CANCN

CRIAO COM A TIPOLOGIA

COR

CANCN

CRIAO COM A TIPOLOGIA

COR

CANCN

CRIAO COM A TIPOLOGIA

COR

CANCN

CRIAO COM A TIPOLOGIA