Layout: Elementos e Técnicas

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

*
LAYOUT
*
O que é layout?
“(…) não há palavra melhor do que layout para sintetizar a idéia, a forma, o arranjo ou composição de uma página impressa.” (Allen Hurlburt)
Represente mais detalhadamente possível a aparência final da peça.
Apresentação visual tem um apelo muito maior do que a idéia contada, ou o anúncio “narrado”.
*
Elementos do Layout
O layout utiliza basicamente imagem e texto. As imagens podem ser fotográficas ou ilustrações. 
Os textos são: títulos, subtítulos e massa de texto. 
Porém, não é obrigatório que todos esse elementos apareçam. 
*
Layouts são constituídos de Título; Subtítulo; Massa de Texto e Imagem.
Elementos:
TITULO
SUB-TITULO
TEXTO
ASSINATURA
IMAGEM
DECORAÇÃO
Imagem: FOTOS E ILUSTRAÇÕES
*
Mas não são obrigados a ter todos os elementos.
*
Mas não são obrigados a ter todos os elementos.
*
Antes de “layoutar” devemos “rafear”
“Idealizado um layout, o designer transfere sua idéia para um rápido e pequeno esboço num papel. Algumas idéias são rejeitadas antes mesmo de serem expressas no papel e outras vão aumentar o número de bolas de papel amassado atiradas ao cesto. Aí, a idéia passa para o segundo estágio, de avaliação, revisão ou modificação.(…)”. (Allen Hurlburt )
*
Rafi (rough) é um esboço, um croqui, um rabisco, que registra as idéias do Diretor de Arte.
Layout. Representação gráfica, o mais próximo possível do impresso final.
*
Todos os elementos de um layout serão lidos pelo receptor – inclusive as imagens.
Para que isso aconteça de forma satisfatória, é importante ter conhecimento de algumas técnicas visuais. São elas:
• Hierarquia;
• Equilíbrio;
• Contraste;
• Profusão;
• Grid (Diagrama – Diagramação);
• Pregnância da forma.
*
Hierarquia
Estabeleça visualmente uma ordem de importância para cada unidade: imagem, título, texto corrido, etc.
*
"Pergunte-se e responda-se"
1º Qual o objetivo principal do meu anúncio? É a imagem? Se você tem muitas imagens, qual a mais importante?
2ª Aonde eu coloco o título? Encima; embaixo; a direita ou esquerda?
3º Aonde coloco a massa de texto, endereços e logomarca?
*
*
Equilíbrio
De acordo com João Gomes Filho: “O equilíbrio é o estado no qual as forças, agindo sobre um corpo, se compensam mutuamente. Ele é conseguido, na sua maneira mais simples, por meio de duas forças de igual resistência que puxam em direções opostas. Esta definição física é aplicável também ao equilíbrio visual”.
*
Equilíbrio Simétrico
Eixo central
*
Equilíbrio Assimétrico
*
A sensação de equilíbrio faz parte da percepção. Existem estudos que mostram por exemplo que os cantos e o centro do retângulo exerce uma força maior de atração. Quanto mais próximo dessa área, mais sensação de movimento em direção a área de maior atração. Existem realmente esses campos visuais. 
*
Podemos obter a sensação de equilíbrio não só com as formas, mas também com as cores.
*
Como foi conquistado o equilíbrio nesse layout?
*
Contraste
Contraste é a técnica visual que mais chama a atenção numa composição pois sua natureza é essencialmente o choque entre duas forças antagônicas. 
*
Tipos de Contrastes
Contraste de tom: claro X escuro.
Contraste de cor: cor quente X cor fria; cores opostas.
Contraste de elementos básicos: linha reta X curva.
Contraste de forma: forma sinuosa X forma reta.
Contraste de escala ou tamanho: grande X pequeno.
Contraste de tipografia: fonte antiga X fonte sem serifa.
*
*
*
*
Profusão
A profusão é carregada em direção a acréscimos discursivos infinitamente detalhados a um design básico, os quais, em termos ideais, atenuam e embelezam através da ornamentação.
Essa técnica é oposta à economia – o mínimo de unidades na composição. E requer grande habilidade.
*
*
*
Grid ou Diagrama
Racionaliza o espaço do layout.
É definida uma malha onde os módulos nos ajudam a posicionar os elementos criando relações de alinhamento e proporção entre eles.
Define-se as margens, divide-se o espaço verticalmente em quantas colunas achar melhor e pode-se dividi-lo também na horizontal.
*
Diagramação Criativa
*
Subverte as regras
*
Linhas
PERSPECTIVAS - conduzem o olhar;
LINHA DIAGONAIS - criam movimentos e deixam os layouts dinâmicos;
LINHA HORIZONTAL - deixa estático o layout;
LINHA VERTICAL – acentua queda ou levanta o elemento.
*
*
Obrigada!
Exercício: individual (0,5 ponto)
Trazer da mídia um anúncio com uma das técnicas aqui apresentadas.