LAYOUT e

CORES
Layout
 É o arranjo dos elementos em
relação ao espaço no projeto
geral;
 Gestão da forma e do espaço;
 Aborda considerações práticas e
estéticas do projeto – como e onde
o conteúdo será visualizado;
 O layout é influenciado por:
 Tipo de material a ser
confeccionado;
 Preferências dos clientes;
 Criatividade do designer.
Layout

A disposição dos
elementos gera um
impacto visual e esta é
orientada por um grid;
 Grid: conjunto de linhas de
referência que permitem o
posicionamento rápido e
preciso dos elementos.
DIAGRAMAÇÃO

 Ato ou efeito de criar

diagramas ou ordenação e
distribuição de elementos
gráficos para melhor
conduzir o fluxo de leitura,
de idéias e de conceitos
REGRAS PARA
DIAGRAMAÇÃO
Hierarquização

 Organizar as informações, da mais importante para a menos, para
que o consumidor leia de acordo com o critério desejado
 Identidade
 Primeira informação deve ser a identidade do negócio
 Fontes tipográficas
 A fonte deve ser evidente para o leitor
 Não coloque muitas letras diferentes para não embaralhar o leitor
 Se o texto for colocado sobre uma imagem, recomenda-se uma fonte
regular e negrito
 Cores
 As cores são fundamentais para sua diagramação
 Cores escuras em fundos claros, dão leveza e são percebidas
positivamente
 Cores claras em fundos escuros, um texto escuro em fundos com
particularidade quebram o ritmo da leitura e cansam o consumidor
REGRAS PARA
DIAGRAMAÇÃO
 Imagens
 A imagem deve ter qualidade e condizer
com o assunto tratado no projeto
 Deve saber como posicioná-la na página,
algumas fotografias já contribuem para uma
boa localização, como as que possuem
fundos uniformes ou neutros. Já as que
apresentam muitos detalhes, é
recomendado a utilização de boxers
embaixo dos textos, legendas ou títulos
 Quantidade de texto
 Não exagere nos textos
 Na diagramação sobre a imagem, esta já vai
possuir textos, ocupando um determinado
espaço, portanto, se houver um texto muito
grande ficará extremamente cansativo
REGRAS PARA
DIAGRAMAÇÃO
 Quantidade de texto
Não exagere nos textos
Na diagramação sobre a
imagem, esta já vai possuir
textos, ocupando um
determinado espaço, portanto,
se houver um texto muito
grande ficará extremamente
cansativo
COMPOSIÇÃO DA
DIAGRAMAÇÃO
 SIMÉTRICA: Mantém a
colunagem e a imagem em
harmonia
 ASSIMÉTRICA: O ritmo é
quebrado pela modulagem de
textos quebrando
propositadamente a harmonia
da página. Além disso, outros
elementos da página
contribuem para quebrar a
lineariedade da leitura
SIMÉTRICA ASSIMÉTRICA
TIPOS DE DIAGRAMAÇÃO

 Horizontal
 Vertical
 Modular
TIPOS DE DIAGRAMAÇÃO

 HORIZONTAL: A colunagem de texto

acompanha de maneira horizontal a
disposição dos elementos na página
 VERTICAL: A disposição dos elementos
na página são verticalizados. O mesmo
pode ocorrer com fotos, ilustrações e
outros elementos gráficos
 MODULAR: É a mais utilizada porque
permite o encaixe de módulos de texto
e anúncios com maior facilidade
TIPOS DE DIAGRAMAÇÃO
TÉCNICAS DE
DIAGRAMAÇÃO
 Técnica do L
 Técnica do U
 Técnica do T
 Técnica do H
 Técnica do I
 Técnica do Suporte
TÉCNICA DO L
TÉCNICA DO U
TÉCNICA DO T
TÉCNICA DO H
TÉCNICA DO I
TÉCNICA DO SUPORTE
CORES

 As cores acrescentam
dinamismo, atraem a
atenção e provocam
emoções nos receptores;
 A cor também possibilita a
organização dos elementos
ao guiar o olhar, dividir
elementos ou áreas e
codificar informações;
CORES
 As cores não têm existência material, são
apenas sensações provocadas pela luz;
 Classificação das Cores:
 Cores Luz: vermelho - fogo, verde - água e
azul - ar (cores primárias). São cores que
provêm de fonte luminosa direta
 Cores Pigmentos Opacas: Cores de
determinadas superfícies químicas, produzidas
através da absorção, reflexão e refração dos
raios luminosos. Vermelho, Amarelo e Azul
 Cores Pigmentos Transparentes: Cores de
determinados corpos químicos, produzidas
através da filtragem dos raios luminosos
incidentes seja por absorção, reflexão e
transparências. Magenta, Amarelo, Ciano
CLASSIFICAÇÃO DAS
CORES
 Primárias:Três cores
indecomponíveis;
 Secundárias: Formada pela
mistura equilibrada de duas
cores primárias;;
 Complementar: Cor secundária
que justaposta a cor primária
que não a compõe
complementa o espectro solar.
CLASSIFICAÇÃO DAS
CORES
 Cores Quentes: cores em
que predominam o
vermelho e o amarelo;
 Cores Frias: cores em que
predomina o azul
CARACTERÍSTICAS DAS
CORES
 Matiz: comprimento da
onda luminosa direta ou
refletida. Também
conhecido como Tom.
Possuem valor,
luminosidade ou brilho;
 Croma: saturação, ou
intensidade da cor
COMBINAÇÃO DAS
CORES
 Combinação é a propriedade que têm
certos pares de cores de formar
acorde, ou seja, cores que se ajustam a
outras em duplas;
 Existem 2 métodos de combinação:
 Intensificação ou diminuição do tom ou
do índice de luminosidade de uma das
cores, sem perda de crominância;
 Dessaturação ou rebaixamento de tom
através da mistura de preto ou branco.
CORES NO DESIGN

 Tonalidades de Quatro Cores:

 Ciano, magenta, amarelo e
preto. Combinação em
dosagens de 10%
normalmente;
 Escala de cores CMY (Ciano,
Magenta, Amarelo) com
adição de preto para dar
contraste
O computador é capaz de
produzir 16 milhões de cores
diferentes e o olho humano
ainda mais;
 As cores são o primeiro
espectro que registramos;
 A combinação das cores é
possível através da
calibragem da matiz,
saturação e brilho – cor,
intensidade da cor,
luminosidade.
 Cores quentes vem na
frente e comandam nossa
atenção;
 Criar uma seção com
grandes áreas de cores
frias cria um contraste
interessante