Cartilha de Diagramação
Cartilha de Diagramação Illustrator e Diagramação EBA! Escola de BIM e Arquitetura Cursos de Archicad
contato@ebaarquitetura.com.br
Introdução O que é diagramação? PRIBERAM, AURELIO: Disposição gráfica de todos os elementos de um material para impressão ou visualização, geralmente com base em critérios estéticos e funcionais. MICHAELIS: Esquema que tem as mesmas dimensões e o mesmo formato da publicação, e em que se acham calculados e representados os elementos (títulos, textos, fotos, legendas etc.) que formam o material a ser impresso. Qual a importância da diagramação para um trabalho? - Legibilidade - Qualidade - Credibilidade Quais os requisitos para uma boa diagramação? - Ser clara, didática e objetiva. Imagine que um leigo deverá entendê-la. - Obedecer uma ordem sistemática de leitura. - Apresentar uma identidade, criando também uma unidade na visualização. - Dispor de uma distribuição uniforme, evitando lacunas.
Formato da Apresentação Identidade
ROTEIRO Paleta de Cores
Tipologia Metodologia de Organização
Formato da Apresentação Dimensões Padrão
A5 A6 A3
A1
A4
A2
Formato da Apresentação
Painel (prancha, banner)
Livreto (apostila, cartilha, caderno)
Digital (slide, web)
PAINEL (prancha, banner) Tamanhos Padrões: A0, A1 e A3 , muito usado também 90cm x 120cm Margens: Corte = 5mm Elementos: Selo Sistema de Cores: CMYK Conteúdo: gráficos, tabelas, mapas, diagramas, textos, imagens Tamanho de Fonte: Leitura distante: texto= 18 a 32; título= 40 a 60; subtítulos,tabelas= 14 a 24 LIVRETO (apostila, cartilha, caderno) Tamanhos Padrões: A4, A5, A6 Margens: impressão e encadernação Elementos: capa, contracapa, sumário, rodapé Sistema de Cores: CMYK Conteúdo: gráficos, tabelas, mapas, diagramas, textos, imagens Tamanho de Fonte: Leitura próxima: texto= 12 (11 a 13). títulos= 14 a 18. subtítulos= 10 a 12 DIGITAL (slide, web) Tamanhos Padrões: 4:3, 16:9 Margens: livre Elementos: capa, cabeçalho e/ou rodapé Sistema de Cores: RGB Conteúdo: VÍDEOS, gráficos, tabelas, mapas, diagramas, textos, imagens Tamanho de Fonte: Leitura distante: texto= 18 a 32; título= 40 a 60; subtítulos,tabelas=
Paleta de Cores
degradê
combinações
Tipologia
Título Subtítulo Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto
Legenda Legenda
Formatação de Parágrafo
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
alinhada
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
centralizada
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
justificada
Metodologia de Organização - Lista de Conteúdos (produtos) - Hierarquia de Importância dos Conteúdos (tamanho) - Grelha/Grade - Direcionamento - Divisão/Zoneamento (planejamento à mão do layout)
Identidade Elementos e cores que se repetem
livraria patio 73
Lorem
ipsum
consectetuer
dolor
adipiscing
sit
amet,
Lorem
ipsum
dolor sit amet, consectetuer adipiscing Lorem ipsum dolor sit amet, cons
solucoes
plasticas Lorem
?
ipsum
adipiscing
dolor
Lorem
consectetuer
sit
amet,
ipsum
adipiscing
consectetuer
dolor
Lorem
sit
ipsum
amet,
dolor
sit
amet, consconsectetuer adipiscing Lorem ipsum dolor
sit
amet,
consconsectetuer
adipiscing
Lorem ipsu
solucoes
espaciais
Lorem
ipsum
amet,
duer ipsum
Lorem
adipiscing dolor
consectetuer Lorem ipsum
sit
sit
ipsum
amet, adipiscing
ipsum Lorem amet,
adipiscing
ipsum dolor
consectetuer Lorem
dolor
consectetuer
adipiscing
uLorem sit
amet,
adipiscing dolor
sit
consectetuer Lorem
ipsum
uLorem ipsum dolor.