Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
This class presentation adresses some of the most classical visual and compositional principles that graphic designers use in order to compose their visual work in an organized, coherent and balanced manner.
If you need a copy please email me to leonardpeartree@gmail.com. I will be more than happy to send you one.
Uma breve palestra sobre a otimização de websites. Serão demonstradas algumas técnicas para otimizar a velocidade de carregamento de um website.
Vídeo explicativo: http://youtu.be/cvLNWIuc3RQ
Como produzir conteúdo de qualidade de forma consistenteEmília Chagas
Nesta apresentação, você vai conhecer os quatro pilares do marketing de conteúdo:
- Planejamento e Distribuição: pilares da consistência;
- Criação e Análise: pilares da qualidade.
Material de apoio a disciplina de Webdesign, curso de Tecnologia em Design Gráfico, UTFPR - Curitiba. Elaborado pela prof. Claudia Bordin Rodrigues. Uso didático-pedagógico.
Business Analysis Canvas, BAC é uma ferramenta visual e colaborativa que tem como objetivo simplificar a comunicação e facilitar o entendimento das demandas de negócio através da construção de um modelo de visão única. A construção do modelo se dá através da colaboração, geração de ideias, debate e compartilhamento de experiência e conhecimento onde as partes interessadas interagem e atuam ativamente.
BAC, foi inspirado e adaptado do BMG (Business Model Canvas) que foi apresentado pelo Alexander Osterwalder no Livro Business Model Generation, nos modelos A3 da TPS (Sistema Toyota de Produção), nas técnicas Design Thinking, Visual Thinking ,Gestão à Vista, Kanban e Lean.
Business Analysis Canvas [Canvas para Análise de Negócio]
AULA 2:Fundamentos composicao visual
1.
2. Não é ordenada da mesma forma que
na linguagem verbal e escrita;
Relacionamento interativo dos
elementos;
LUZ e a natureza tonal são os elementos
mais importantes;
O design trabalha com a subjetividade;
e o significado depende de quem
observa;
3. Composição visual
A intenção de design e a
condução do olhar pelo
campo visual.
O cartaz apresenta a
preferência de composição
iniciando pelo lado inferior
esquerdo.
http://www.jovenscriativos.com.br/files/imagecache/blogImg/files/an%C3%BAncio%20santander2.jpg
4. Composição visual
EMOÇÃO CRIADORA GESTALT – A boa organização da forma.
INPUT Equilíbrio X Instabilidade
OUTPUT Tensão X Harmonia
Nivelamento X Aguçamento
Ângulo Inferior Esquerdo
Peso visual
Atração e agrupamento
Positivo e Negativo
6. Composição visual
Estabilidade, harmonia, equilíbrio
O equilíbrio, ou estabilidade, é a
referência mais forte e firme do
homem.
Obtemos o equilíbrio de maneira
mais fácil na composição
centralizada, ou na composição
simétrica.
http://rodolphosantos.files.wordpress.com/2008/
02/anuncio-tao_final.jpg
7. Composição visual
Tensão X Harmonia
Tensão = Falta de O raio do
estabilidade; círculo cria uma
Perturbação do tensão na
equilíbrio.
imagem pois
saiu do centro
Harmonia = equilíbrio
entre os elementos. da figura. Gera
movimento e
tensão.
8. Composição visual
Tensão, aguçamento
A composição está centralizada,
porém existe tensão e
aguçamento em virtude dos
elementos decorativos do fundo.
O aguçamento ocorre quando
de uma composição harmônica
ocorre uma surpresa inesperada.
http://img2.pict.com/94/ea/64/7cc1d0a49ee77296be00573e04/QQ8vd/800/du
etobamawebbw1.jpg
9. Composição visual
Harmonia e nivelamento
Harmonia é o oposto de Tensão.
Nesta composição harmônica,
feita a partir do quadrado central
existe ainda o Nivelamento, isto é,
não oferece nenhuma surpresa
visual. Poderíamos dizer que é
estático.
http://www.ecofuturo.org.br/imprensa/titulo/ANUNCIO%20ECOFUTURO_BIBLIOTECAS%20COMUNITARI
AS.jpg/image_preview
10. Composição visual
Ângulo Inferior Esquerdo
O olho favorece o ângulo inferior
esquerdo, devido a tendência dos
eixos vertical e horizontal;
Influência do modo ocidental de
leitura;
Existem valores, ou pesos, diferentes
para ALTO-BAIXO e DIREITA-ESQUERDA
12. Composição visual |
Em resumo: Quando estamos diante de
uma composição em que se obedece
nossos sentidos da base horizontal ,
quando predomina o lado inferior
esquerdo estamos diante de uma
composição nivelada. Os pesos estão
equilibrados e sem tensão.
13. Composição visual
Agrupamento por similaridade,
desorientação
Agrupamento cujo critério é a
semelhança ou similaridade
(exemplo: fotos).
A desorientação se dá pela
mudança inesperada da direção,
ou orientação.
DAvi7bI/AAAAAAAAAL8/zcNIZF7neGI/s400/an%C3%BAncio+m3edcenter1.jpg
http://4.bp.blogspot.com/_1gHZPzPqprU/Saf-
14. Composição visual
Agrupamento por atração
GESTALT. Vemos primeiro o TODO e
depois as PARTES. Existe uma força de
atração entre os elementos.
Agrupamento por atração devido a
SIMILARIDADE dos elementos.
content/uploads/2008/05/anuncio_caderno_constru_decor2.jpg
http://www.comunicacaoexponencial.com.br/wp-
15.
16. Composição visual
Agrupamento por proximidade
O isolamento também contribui para
agrupar elementos.
http://rodolphosantos.files.wordpress.com/2009/06/anuncio_exata_pt.jpg
24. Bibliografia:
ARNHEIM, Rudolf. Arte e percepção visual: uma
psicologia da visão criadora. 2ª Ed. USP, 1980.
DONDIS, Donis A. Sintaxe da linguagem visual.
São Paulo: Martins Fontes, 2007.