Prévia do material em texto

22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 1/
F U N D A M E N T O S 
D O D E S I G N
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 2/
P R O X I M I D A D E,
h i e r a r q u i a &
c o n t r a s t e
Toda i m a g e m t e m u m a 
i n t e n ç ã o - u m p r o p ó s i t o : 
t o r n a r a l g o p ú b l i c o / 
v e n d e r / c o n v e n c e r / 
c o n v i d a r , e t c . .
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 3/
O b s e r v e o s p e s o s , a 
i n t e n c i o n a l i d a d e d e 
c a d a i n f o r m a ç ã o e a 
p o s i ç ã o n a l e i t u r a .
P R O X I M I D A D E,
h i e r a r q u i a &
c o n t r a s t e
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 4/
A L I N H A M E N T O
O id e a l é t r a b a l h a r u m 
ú n i c o t i p o d e a l i n h a m e n t o 
e m t o d a p e ç a , m a s 
c o m b i n a ç õ e s c o m o u t r o s 
a l i n h a m e n t o s t a m b é m 
f u n c i o n a m e t r a z e m 
m o v i m e n t o .
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 5/
A L I N H A M E N T O
alin h a d o à e s q u e r d a a l i n h a m e n t o c e n t r a l i z a d o
e à e s q u e r d a
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 6/
Á R E A S 
E M B R A N C O
Este t a m b é m é u m i m p o r t a n t e e l e m e n t o 
c o m p o s i t i v o p a r a a c r i a ç ã o v i s u a l . 
N ã o s e t r a t a n e c e s s a r i a m e n t e d a c o r 
b r a n c a , p o r i s t o , p o d e s e r c h a m a d o d e 
v a z i o t a m b é m . E s s e e s p a ç o n o r m a l m e n t e 
f i c a e n t r e o s e l e m e n t o s d o s e u 
t r a b a l h o , c o m o l i n h a s d e t e x t o , 
m a r g e n s , í c o n e s e t c .
o u v a z i a s
Assiste
aí!
pra saber mais
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 7/
S u a f u n ç ã o é s i m p l e s , m a s i m p o r t a n t e : 
o f e r e c e r u m r e s p i r o ( p a u s a ) a o c o n t e ú d o p a r a q u e 
e l e s e j a m e l h o r e n t e n d i d o e p e r c e b i d o .
https://www.youtube.com/watch?v=vCttJEO-qK0&feature=emb_logo
Assiste
aí!
pra saber mais
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 8/
F I G U R A x 
F U N D O
(po s i t i v o x n e g a t i v o )
Ge s t a l t : 
p a r a p e r c e b e r a s p a r t e s 
é p r e c i s o c o m p r e e n d e r 
p r i m e i r o o t o d o .
https://www.youtube.com/watch?v=yMwXvCFGCgM
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 9/
R E P E T I Ç Ã O
Assi m c o m o e m n o s s o d i a a d i a c r i a m o s u m a 
r o t i n a d e t a r e f a s d i á r i a s q u e s e m p r e s e 
r e p e t e m , n u m a c o m p o s i ç ã o v i s u a l ( l a y o u t ) , 
r e p e t i r o m e s m o e l e m e n t o d i v e r s a s 
v e z e s c r i a u m p a d r ã o q u e s a t i s f a z 
h a r m o n i c a m e n t e n o s s o o l h a r . A j u d a a 
c r i a r c o n s i s t ê n c i a , e u m a u n i d a d e à s u a 
c o m p o s i ç ã o – c o n s t r u i n d o o u r e f o r ç a n d o a 
i d e n t i d a d e v i s u a l d a q u e l a p e ç a .
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 10/
Quais elementos se repetem nestas páginas?
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 11/
P L A N O x 
p r o f u n d i d a d e
A va r i a ç ã o d e l u z e s o m b r a p o d e 
d i s t i n g u i r u m a i m a g e m p l a n a d e 
u m a i m a g e m c o m p r o f u n d i d a d e . E s s a 
p e r c e p ç ã o d a v a r i a ç ã o d e l u z n o 
o b j e t o , f a z c o m q u e a g e n t e e n x e r g u e 
o u t r a s d i m e n s õ e s d a i m a g e m , s e n d o 
p o s s í v e l , p o r e x e m p l o , p e r c e b e r o s 
s e u s l a d o s e d i m e n s õ e s n u m e s p a ç o .
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 12/
P L A N O x 
p r o f u n d i d a d e
As i m a g e n s e m 3 D , p o r e x e m p l o , a c o n t e c e m q u a n d o 
c o n s e g u i m o s p e r c e b e r s u a s t r ê s d i m e n s õ e s : 
a l t u r a , p r o f u n d i d a d e e l a r g u r a . I s s o é p o s s í v e l 
a p a r t i r d a v a r i a ç ã o d a l u z ( c o r e t o m ) q u e 
i n c i d e s o b r e o o b j e t o . M A S , t a m b é m é p o s s í v e l 
s i m u l a r p r o f u n d i d a d e s e m c r i a r u m a i m a g e m 3 D , 
b a s t a e x p l o r a r a c o m p o s i ç ã o d e v a r i a d a s f o r m a s 
e t o n s n a c o n s t r u ç ã o d e u m l a y o u t .
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 13/
L a y o u t p l a n i f i c a d o L a y o u t c o m p r o f u n d i d a d e
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 14/
S U T I L E Z A x 
o u s a d i a
A su t i l i z a s u g e r e u m a a b o r d a g e m 
v i s u a l d e l i c a d a e m i n i a l i s t a - i d e i a 
d e “ o m e n o s é m a i s ” , a p e l a p a r a o 
p r e e n c h i m e n t o m í n i m o d o e s p a ç o . J á a 
o u s a d i a , c o m o o n o m e s u g e r e r e m e t e à u m a 
a b o r d a g e m m a i s a t i v a e d i n â m i c a , p o d e 
r e p r e s e n t a r c o r a g e m , g r i t o e a p e l a p a r a 
o p r e e n c h i m e n t o m á x i m o d o s e s p a ç o s .
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 15/
também podemos chamar de: simplicidade ou minimização.
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 16/
também podemos chamar de: complexidade ou exagero.
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 17/
R E G U L A R x 
i r r e g u l a r
Uma c o m p o s i ç ã o v i s u a l é r e g u l a r q u a n d o 
s e u s e l e m e n t o s a p r e s e n t a m h a r m o n i a 
e e s t a b i l i d a d e , n ã o a p r e s e n t a n d o 
d e s a l i n h a m e n t o s . 
O o p o s t o , a i r r e g u l a r i d a d e , e n f a t i z a o 
i n e s p e r a d o , a a u s ê n c i a d e o r d e m , n ã o 
a p r e s e n t a n d o a l i n h a m e n t o s .
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 18/
também podemos chamar de: assimetria.
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 19/
também podemos chamar de: simetria.
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 20/
Quais elementos são Positivos e quais são Negativos?Responde
aqui!
para ir além...
Páginas Recomendadas:
» Behance
» Designerd
» Chief of Design
» Bons Tutoriais
» Revista Zupi
Indica
aí!
Confira vídeos sobre:
» Fundamentos e 
princípios do design
Nossa
videoteca
22TÉCNICO EM MULTIMÍDIA, ENSINO MÉDIO PROFº CHINA DESENVOLVER LAYOUT AULA 3 PRINCÍPIOS DO DESIGN + fundamentos 21/
Vamos exercitar 
a identificação dos 
fundamentos?
Mood Board - Quadro de referências
Pesquiseno Behance e apresente duas 
peças criativas. Pode ser post de rede 
social, sites, cartazes de cinema, ou 
outra composição digital, você deve 
identificar:
- os princípios de: proximidade, 
alinhamento e repetição.
- qual técnica visual fundamenta o layout 
(regularidade, complexidade, etc...) 
Referências desta aula
ROCHA, Bettina Gatti Caiado da. Percepção e composição. Vitória: Universidade Federal do Espírito Santo, 
Núcleo de Educação Aberta e à Distância, 2009.
WILLIAMS, Robin. Design para quem não é designer. 8.ed. São Paulo: Callis, 1995.
DONDIS, Donis A. Sintaxe da linguagem visual. São Paulo: Martins Fontes, 1997
RIBEIRO, Milton. Planejamento visual gráfico. Editora: LGE, 2007
GOMES FILHO, João. Gestalt do objeto. Editora: ESCRITURAS, 2009
AMBROSE, Gavin & HARRIS, Paul. Fundamentos de Design Criativo. Porto Alegre: Bookman, 2009
LUPTON, Ellen & PHILLIPS, Jennifer Cole. Novos Fundamentos do Design. São Paulo: Cosac Naify, 2009.
SAMARA, Timothy. Elementos do Design: guia de estilo gráfico. Porto Alegre: Bookman, 2010
BELTRÃO, Hannah. Os 7 princípios do design e como aplicá-los ao criar seu site. Wix. Disponível em . Acesso em dezembro, 2020. 
BATISTA, Éricles. Um breve manual de hierarquia visual. Designerd. Disponível em . Acesso em dezembro, 2020.
CCF Aprende Livre. Conceitos Básicos de Design Gráfico. CCF Global. Disponível em . Acesso em dezembro, 2020.
IMAGENS:
Behance, Freepik, Flaticon, Google Imagens, 
Pinterest, Portfólio pessoal e Wix.
https://sway.office.com/FJDIGWupl8NcTauJ?ref=Link
https://acervo.sead.ufes.br/arquivos/percepcao-e-composicao.pdf
https://acervo.sead.ufes.br/arquivos/percepcao-e-composicao.pdf
; )