planejamento visual na diagramação

51
PLANEJAMENTO VISUAL RENATO MELO – 2017

Upload: renato-melo

Post on 20-Jul-2015

785 views

Category:

Design


4 download

TRANSCRIPT

Page 1: Planejamento Visual na Diagramação

PLANEJAMENTO VISUALRENATO MELO – 2017

Page 2: Planejamento Visual na Diagramação

PLANEJAMENTO VISUAL#01 – PROXIMIDADE

Page 3: Planejamento Visual na Diagramação

Quando tivermos vários itens relacionados entre si, eles devem ser agrupados para

que se tornem uma unidade visual.

Isso ajuda a organizar as informações e reduz a

desordem para a visualização.

PROXIMIDADE

Page 4: Planejamento Visual na Diagramação

Iniciantes costumam ter palavras e frases espalhadas preenchendo todo layout, de maneira que não sobre espaço livre.

MEDO DO ESPAÇO VAZIO

Page 5: Planejamento Visual na Diagramação

Escola Superior de Administração,Marketing e Comunicação Santos-SP

Rua Egydio Martins, 188 Fone: (13) 3231-0614

Page 6: Planejamento Visual na Diagramação

Escola Superior de Administração,Marketing e Comunicação Santos-SP

Rua Egydio Martins, 188 Fone: (13) 3231-0614

Quantas vezes seu olho parou?

E por onde você começou a leitura?

Page 7: Planejamento Visual na Diagramação

Quando vários itens estão próximos entre si, eles se

tornam uma unidade visual.

O layout precisa estar organizado. É preciso saber

por onde começar a leitura e por onde terminá-la.

PROXIMIDADE

Page 8: Planejamento Visual na Diagramação

Escola Superior de Administração,Marketing e Comunicação

Rua Egydio Martins, 188 - Fone: (13) 3231-0614Santos-SP

AGRUPANDO

Page 9: Planejamento Visual na Diagramação

AGRUPANDO

ATLÉTICA ESAMCMarço de 2015

JORNAL ACADÊMICO

O que você mudaria?

Page 10: Planejamento Visual na Diagramação

AGRUPANDO

Atlética EsamcMarço de 2015

Jornal Acadêmico

Page 11: Planejamento Visual na Diagramação

COMPARE

Atlética EsamcMarço de 2015

Jornal Acadêmico

ATLÉTICA ESAMCMarço de 2015

JORNAL ACADÊMICO

Page 12: Planejamento Visual na Diagramação

Na criação de um anúncio, folheto, jornal, ou qualquer material, expresse as informações AGRUPANDO-AS.

Page 13: Planejamento Visual na Diagramação

EXEMPLO

Page 14: Planejamento Visual na Diagramação

O Festival Brasileiro da Cerveja, realizado anualmente em Blumenau – SC, cresce a cada ano e se consolida como o maior do ramo no país. É a reunião das principais cervejarias do país, dos melhores sabores, aromas e harmonizações. Cervejeiros, especialistas e consumidores degustam mais de 600 rótulos de cervejas e aproveitam uma rica programação artística e cultural, palestras e ótima gastronomia. O evento será realizado entre os dias 11 a 14 de março.

Page 15: Planejamento Visual na Diagramação

O Festival cresce a cada ano e se consolida como o maior do ramo no país. É a reunião das principais cervejarias do país, dos melhores sabores, aromas e harmonizações.

Cervejeiros, especialistas e consumidoresDegustam mais de 600 rótulos de cervejas

e aproveitam uma rica programação artísticae cultural, palestras e ótima gastronomia

11 a 14 de marçoBlumenau-SC

Page 16: Planejamento Visual na Diagramação

O Festival cresce a cada ano e se consolida como o maior do ramo no país. É a reunião das principais cervejarias do país, dos melhores sabores, aromas e harmonizações.

Cervejeiros, especialistas e consumidoresDegustam mais de 600 rótulos de cervejas

e aproveitam uma rica programação artísticae cultural, palestras e ótima gastronomia

11 a 14 de marçoBlumenau-SC

O Festival Brasileiro da Cerveja, realizado anualmente em Blumenau – SC, cresce a cada ano e se consolida como o maior do ramo no país. É a reunião das principais cervejarias do país, dos melhores sabores, aromas e harmonizações. Cervejeiros, especialistas e consumidores degustam mais de 600 rótulos de cervejas e aproveitam uma rica programação artística e cultural, palestras e ótima gastronomia. O evento será realizado entre os dias 11 a 14 de março.

Page 17: Planejamento Visual na Diagramação

PLANEJAMENTO VISUAL#02 – ALINHAMENTO

Page 18: Planejamento Visual na Diagramação

Nada deve ser colocado arbitrariamente em um

layout.

Cada item deve ter uma conexão visual com algo no

layout.

Não se pode simplesmente jogar as coisas no layout, nos lugares onde houver espaço!

ALINHAMENTO

Page 19: Planejamento Visual na Diagramação

Escola Superior de Administração,Marketing e Comunicação Santos-SP

Rua Egydio Martins, 188 Fone: (13) 3231-0614

Nenhum elemento deste cartão tem conexão com outro. Parece que foram jogados no layout.

Page 20: Planejamento Visual na Diagramação

Escola Superior de Administração,Marketing e Comunicação

Rua Egydio Martins, 188 - Fone: (13) 3231-0614Santos-SP

Movendo todos os elementos para a direita, as informações ficam mais organizadas.

Page 21: Planejamento Visual na Diagramação

Escola Superior de Administração,Marketing e Comunicação

Rua Egydio Martins, 188 - Fone: (13) 3231-0614Santos-SP

É como se uma linha invisível passasse por aqui.

Page 22: Planejamento Visual na Diagramação

Escola Superior de Administração,Marketing e Comunicação

Rua Egydio Martins, 188 - Fone: (13) 3231-0614Santos-SP

Aqui, por exemplo, tudo está alinhado ao centro

Page 23: Planejamento Visual na Diagramação

Lembre-se:é importante usar apenas um tipo

de alinhamento por página.

Page 24: Planejamento Visual na Diagramação

Este texto está alinhado à esquerda.

Page 25: Planejamento Visual na Diagramação

Este texto está alinhado à

direita.

Page 26: Planejamento Visual na Diagramação

Este texto está centralizado.

Page 27: Planejamento Visual na Diagramação

Este texto está justificado.

Algumas pessoas o classificam como blocado.

Page 28: Planejamento Visual na Diagramação

Encontre sempre algo na página para fazer o

alinhamento.Evite usar mais de um

alinhamento por página.

Page 29: Planejamento Visual na Diagramação

EXEMPLO

Page 30: Planejamento Visual na Diagramação

EXEMPLO

Page 31: Planejamento Visual na Diagramação

EXEMPLO

Page 32: Planejamento Visual na Diagramação

EXEMPLO

Page 33: Planejamento Visual na Diagramação

EXEMPLO

Page 34: Planejamento Visual na Diagramação

PLANEJAMENTO VISUAL#03 – REPETIÇÃO

Page 35: Planejamento Visual na Diagramação

Quando utilizamos algum elemento que se repete no

material todo:

•um elemento de design,•um fio

•uma fonte bold•algum formato específico

REPETIÇÃO

Page 36: Planejamento Visual na Diagramação

O QUE REPETE?

Page 37: Planejamento Visual na Diagramação

O QUE REPETE? Padrão de fotosBox Preto

Page 38: Planejamento Visual na Diagramação

O QUE REPETE?

Page 39: Planejamento Visual na Diagramação

O QUE REPETE?

Rostos em laranja e osQuadros pretos

Page 40: Planejamento Visual na Diagramação

O propósito básico da repetição é unificar e acrescentar interesse visual.Quando há interesse visual, a leitura fica mais

agradável e interessante!

Evite repetir demais um elemento para que não se torne excessivo.

Page 41: Planejamento Visual na Diagramação

PLANEJAMENTO VISUAL#04 – CONTRASTE

Page 42: Planejamento Visual na Diagramação

É uma das maneiras mais eficazes de acrescentar algum

atrativo visual a um layout.

O contraste deve ser forte.

Não seja TÍMIDO!!!

CONTRASTE

Page 43: Planejamento Visual na Diagramação

COMPARE

Page 44: Planejamento Visual na Diagramação

O propósito básico do contraste é criar interesse

sobre um layout e organizar as informações.

Evite contrastar cores parecidas como o preto e o marrom, linhas finas com

linhas mais grossas.

CONTRASTE

Page 45: Planejamento Visual na Diagramação

EXEMPLO

Page 46: Planejamento Visual na Diagramação

EXEMPLO

Page 47: Planejamento Visual na Diagramação

EXEMPLO

Page 48: Planejamento Visual na Diagramação

EXEMPLO

Page 49: Planejamento Visual na Diagramação

EXEMPLO

Page 50: Planejamento Visual na Diagramação

#NA PRÁTICA

Para o dia 27.03

Tragam 1 edição da AT REVISTA (qualquer edição)

Vamos por em prática os conhecimentos das 2 últimas aulas

Page 51: Planejamento Visual na Diagramação

ESTA AULA ESTÁDISPONÍVEL EM:renatomelo.com.br/slides

ou no grupo do Facebook:bit.ly/gruporenato