Design - Layout
29 gostaram9,492 visualizações
O documento descreve os conceitos e processo de criação de layout. Explica que um layout organiza elementos visuais e textuais para transmitir uma mensagem intencionalmente. Detalha princípios como unidade, ênfase, harmonia e movimento que guiam uma boa composição e fluxo de leitura. Também fornece exemplos de como aplicar esses princípios por meio de recursos como repetição, contraste, isolamento e direção.
Design - Layout
- 1. Layout Conceitos e processo de criação
- 2. Van Gogh - 1880 "Há leis de proporção, de luz, de sombra e de perspectiva, que é preciso conhecer para desenhar um motivo; se essa ciência nos falha, arriscamos travar eternamente uma luta estéril e não conseguimos nunca criar."
- 3. O que é um layout ? Um plano ou peça com diferentes elementos organizados para transmitir uma mensagem intencionada (princípios de design ); A interpretação do layout é realizada pela leitura do: Registro visual Registro gráfico Registro escrito Textos e ilustrações (fotos ou desenhos) devem ser elementos de destaque; O processo de criação dividi-se em: Identificação Seleção Natureza dos elementos Posicionamento dos elementos
- 4. Princípios de um layout Unidade; Ênfase; Harmonia, equilíbrio e proporção; Movimento e ritmo (narrativa).
- 5. Unidade Os elementos devem interagir entre si de acordo com a natureza temática ou visual, mantendo a coerência e o equilíbrio do layout ; Todos os objetos se apropriam de características do elemento principal; A unidade pode ser criada por meio de: Repetição Variância Similaridade Continuidade Proximidade
- 6. Unidade Repetição Repetição de elementos gráficos visando “educar” o olhar humano (leitura) para reconhecer objetos semelhantes, reforçando a interpretação da mensagem; Exemplos de elementos de repetição: Linhas Formas Figuras geométricas Cores Texturas Valores
- 7. Unidade Variância Repetição dando ênfase em APENAS UM elemento do layout ; Possibilita mais dinamismo a repetição de elementos. Similaridade Agrupamento de elementos semelhantes; Esse recurso é mais seguro mantendo a harmonia simétrica dos elementos.
- 8. Unidade Continuidade Ordenação de elementos que permite a interpretação simples e direta da página. Proximidade Forma de organizar os elementos como se estivessem agrupados, orientando a leitura em “blocos”.
- 9. Ênfase Dar mais foco a uma determinada composição, elevando sua importância; Reforça o tema da mensagem; A ênfase pode ser criada por meio de: Contraste Isolamento Direção
- 10. Ênfase Contraste O ponto focal é direcionado para o elemento que possui mais peso no layout , em relação aos demais elementos; O contraste pode ser marcado por: Cor Textura Dimensão Proporção Isolamento A distância direciona o ponto focal, possibilitando que a leitura de um bloco seja independente do outro, gerando uma não-linearidade. Direção Utilização de elementos para guiar a leitura do usuário, construindo uma narrativa.
- 11. Harmonia É a distribuição equilibrada e balanceada entre os elementos, mantendo um “peso” estético no layout ; Harmonia simétrica: É o equilíbrio perfeito entre os elementos do layout . Harmonia assimétrica: Posicionamento de elementos com peso diferenciado.
- 12. Movimento e ritmo É a forma como a informação é organizada no layout , possibilitando direcionar a leitura e controlar a intensidade da percepção; Gradação de movimento: Transição lógica que leva a leitura até o ponto focal. Movimento diagonal: É o controle da leitura em uma determinada direção, dando a idéia de movimento ou seqüência. Ritmo alternado: Controle da velocidade de leitura por meio de respiros. Ritmo progressivo: Controle da velocidade pelas características dos elementos (cor, textura, valor, distância e proporção).
- 13. Leitura fotográfica Técnica em que se apropria de elementos de uma fotografia para criar elementos estéticos no layout ; 1º - Análise da fotografia: Quem é o sujeito (elemento ou tema principal) na foto? O sujeito está na vertical ou na horizontal? Qual é o tipo de enquadramento? O sujeito está em movimento? Onde ocorre a ação (predicado)? Existe alguma textura na foto? Existem linhas, curvas e figuras geométricas? 2º - Estudo sobre as cores (aula sobre cores).
- 14. Layout Conceitos e processo de criação