DIAGRAMAÇÃO. Elementos fundamentais do layout impresso [ PARTE 3 ]

Transcrição

1 Elementos fundamentais do layout impresso [ PARTE 3 ] DIAGRAMAÇÃO

2 Definição DIAGRAMAR É organizar - visual e conceitualmente - a informação, em uma ou mais páginas impressas, construindo uma ordenação capaz de ser compreendida e apreciada pelo leitor.

3

4 Eficiência RELAÇÕES PROPORCIONAIS E CONSISTENTES ENTRE OS ELEMENTOS REDUZEM A QUANTIDADE DE INFORMAÇÃO NÃO ESSENCIAL (RUÍDOS) TORNANDO A COMUNICAÇÃO MAIS CLARA E EFICIENTE

5 Relações e Hierarquia 3 Aspectos básicos REPETIÇÃO A repetição de padrões reduz o esforço para compreensão do sistema. ALINHAMENTO Linha simétricas criam sequências lógicas de leitura auxiliando na apreensão. PROPORÇÃO Relações visuais baseadas em proporções tornam o layout mais consistente.

6 Organizando a área de trabalho Grid O Grid é uma espécie de grade É criado para determinar a área de utilização do espaço, fornecendo uma estrutura imaginária para a ancoragem dos elementos visuais.

7 Organizando a área de trabalho

8

9 Todo Grid deve conter regras de funcionamento

10 Organizando a área de trabalho O sistema de Grid é uma ajuda, não uma garantia. Ele permite inúmeras possibilidades de uso e cada designer pode encontrar uma solução apropriada a seu estilo pessoal. Mas todos devem compreender que o uso do Grid é uma arte que exige prática. Josef Müller-Brockmann.

11

12

13

14

15 Trabalhando a formatação do texto Setting de Fontes Títulos: Gill Sans, Corpo 36, Centralizado, Cor C100 M50 Sub-Títulos: Gill Sans, Corpo 18, Centralizado, Cor C100 M50 Olho: Gill Sans, Corpo 14, Centralizado, Cor K100 Texto: Times New Roman, Corpo 11/16, Justificado, Cor K100 Legenda: Times New Roman, Corpo 8/12, Esquerda, Cor K100 Notas Rodapé: Times New Roman, Corpo 7/9, Esquerda Cor K100

16 Trabalhando a formatação do texto Entrelinha Asdfghjklmi Corpo da Letra qwertyuiop Kern (Entreletras)

17 Trabalhando a formatação do texto ESQUERDA CENTRALIZADO JUSTIFICADO DIREITA Ercitation ultrancorper suscip. Ectamen nedue enim haec movere pot spelula nature, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam. Lorem ipsum dolor si amet, consectetu incid unt ut labore et dolove magna al nostrud exercitan ultran corper suscip. Ectamen nedue enim haec movere pot spelula nat, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam duce motuon sit parvos ad se alliciat et stam sit et parvos ad. Lorem ipsum dolor si amet, consectetu incidunt ut labore et dolove magna al nostrud exercitation ultran corper. Ercitation ultrancorper suscip. Ectamen nedue enim haec movere pot spelula nature, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam. Lorem ipsum dolor si amet, consectetu incid unt ut labore et dolove magna al nostrud exercitan ultran corper suscip. Ectamen nedue enim haec movere pot spelula nat, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam duce motuon sit parvos ad se alliciat et stam sit et parvos ad. Lorem ipsum dolor si amet, consectetu incidunt ut labore et dolove magna al nostrud exercitation ultran corper. Ercitation ultrancorper suscip. Ectamen nedue enim haec movere pot spelula nature, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam. Lorem ipsum dolor si amet, consectetu incid unt ut labore et dolove magna al nostrud exercitan ultran corper suscip. Ectamen nedue enim haec movere pot spelula nat, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam duce motuon sit parvos ad se alliciat et stam sit et parvos ad. Lorem ipsum dolor si amet, consectetu incidunt ut labore et dolove magna al nostrud exercitation ultran corper. Ercitation ultrancorper suscip. Ectamen nedue enim haec movere pot spelula nature, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam. Lorem ipsum dolor si amet, consectetu incid unt ut labore et dolove magna al nostrud exercitan ultran corper suscip. Ectamen nedue enim haec movere pot spelula nat, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam duce motuon sit parvos ad se alliciat et stam sit et parvos ad. Lorem ipsum dolor si amet, consectetu incidunt ut labore et dolove magna al nostrud exercitation ultran corper.

18 Trabalhando a formatação do texto Modelo O titulos serão escritos assim Os olhos das matérias serão escritos dessa forma Ercitation ultrancorper suscip. Ectamen nedue enim haec movere pot spelula nature, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam. Lorem i p s u m d o l o r s i a m e t, consectetu incid unt ut labore et dolove magna al nostrud exercitan ultran corper suscip. Ectamen nedue enim haec movere pot spelula nat, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam duce motuon sit parvos ad se alliciat et stam sit et parvos. Ercitation ultrancorper suscip Ercitation ultrancorper suscip. Ectamen nedue enim haec movere pot spelula nature, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam. Lorem i p s u m d o l o r s i a m e t, consectetu incid Ercitation ultrancorper suscip. Ectamen nedue enim haec movere pot spelula nature, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam. Lorem i p s u m d o l o r s i a m e t, consectetu incid unt ut labore et dolove magna al nostrud exercitan ultran corper suscip. Ectamen nedue enim haec movere pot spelula nat, ut diceret abbis duce motuon sit et parvos ad se alliciat et stam duce motuon sit parvos ad se alliciat et stam sit et parvos.

19

20 Acrescentando lógica à produção CLAREZA O Grid introduz ordem ao layout categorizando a informação e estabelecendo hierarquia entre os elementos. EFICIÊNCIA Permite diagramar com rapidez grandes quantidades de texto e informações. IDENTIDADE Permite que muitos profissionais trabalhem no projeto ao longo do tempo sem descaracteriza-lo.

21 Cuidados 1 ESTILOS AO IMPORTAR TEXTO Atenção ao importar textos de outros programas, principalmente do MS Word e de PDFs. FONTES DE SISTEMA Não utilize fontes de sistema em trabalhos profissionais. DICIONÁRIO DE HIFENIZAÇÃO Ajuste o dicionário de hifenização de seu aplicativo para Português (do Brasil).

22 Cuidados 2 EXPORTAR SEMPRE EM PDF Ao dar saída em seus trabalhos prefira sempre o formato PDF em alta resolução. EMBUTIR FONTES NO PDF Lembre-se de sempre de embutir as fontes no trabalho ao gerar seus PDFs. MONTAR UM BONECO Imprima uma prova e monte um boneco de seus impressos antes de envia-los para produção.

23 EXEMPLOS

24 The New England Journal of Medicine

25 Emigre Magazine

26 Emigre Magazine

27 The New York Times Magazine Time Magazine

28

29

30

31

32 Tel Avive Magazine

33 Tel Avive Magazine

34

35 JUTRO Magazine

36 ANTIGRID

37 David Carson

38 David Carson

39 Elementos fundamentais do Layout impresso [ PARTE 2 ] TIPOLOGIA + TIPOGRAFIA. REFERENCIAS

40 Elementos fundamentais do Layout impresso [ PARTE 2 ] TIPOLOGIA + TIPOGRAFIA. Obrigado! Dúvidas? Sugestões? alunos_unisa@garagedigital.com.br