2/5

Design e
comunicação visual
Design and visual
communication
Princípios básicos Basic Principles

FACULDADE DE ARQUITETURA UNIVERSIDADE DE LISBOA · Licenciatura em Design · Ano Lectivo 2019-2020 · DESIGN 1 · Componente 2D → Inês Veiga / inesveiga@gmail.com
Escala Scale
Escala Scale
Dimensão Dimensions

tamanho,

size,
Escala Scale
Dimensão Dimensions
Proporção Proportions

tamanho, correlação entre representação e

realidade,

size, correlation between reality and

representation,

Powers of Ten, 1977, Eames Office

https://www.youtube.com/watch?v=0fKBhvDjuy0
Escala Scale
Dimensão Dimensions
Proporção Proportions
Contraste Contrast

tamanho, correlação entre representação e

realidade, peso, profundidade e movimento,

size, correlation between reality and

representation, weight, depth and movement
Escala Scale
Dimensão Dimensions
Proporção Proportions
Contraste Contrast

tamanho, correlação entre representação e

realidade, peso, profundidade e movimento,

size, correlation between reality and

representation, weight, depth and movement

☞ Corte da forma ajudam a criar tensão

Cutting the circle helps to create the tension
Escala Scale
Dimensão Dimensions
Proporção Proportions
Contraste Contrast

tamanho, correlação entre representação e

realidade, peso, profundidade e movimento,
ponto de vista/enquadramento

size, correlation between reality and

representation, weight, depth and movement,
point of view/framing

L’Eclisse (“The Eclipse”), 1962, Michelangelo Antonioni

Escala (verbo) não é distorção
Scaling (as a verb) is not distortion

A AAA

Redimensionar na Horizontal e/ou Vertical Desproporção

Horizontal Scaling / Vertical Scaling Uneven Scaling
Espaço Space
Espaço Space
Posição Position

localização no plano,

Location in the plane,

“The black square”, Kazimir Malevich, 1916
The Last Futurist Exhibition of Painting 0.10 (Zero Ten) (Poslednaya futuristicheskya vystavka kartin 0,10)
Espaço Space
Posição Placement
Orientação Direction

localização no plano, direção, rotação,

position in the plane, orientation, rotation

Espaço Space
Posição Placement
Orientação Direction
Interação Interaction

localização no plano, direção, rotação,

distância, proximidade, toque, sobreposição

position in the plane, orientation, rotation,

distance, proximity, touch, overlap
Peso Weight
Peso Weight
Balanço Balance

equilíbrio / desequilíbrio, simetria / assimetria,

balance / imbalance, symmetry / asymmetry,

Josef Müller-Brockmann. Musica Viva. 1953-1960

Peso Weight
Balanço Balance
Ritmo Rhythm

equilíbrio / desequilíbrio, simetria / assimetria,

repetição / variação,

balance / imbalance, symmetry / asymmetry,

repetition / variation

Josef Müller-Brockmann. Musica Viva. 1953-1960

Identidade Reflexão/Simetria especular

Translação: eixo horizontal / vertical

Sagmeister&Walsh Studio http://www.richardthe.com
http://cosasvisuales.com/2011/03/23/100-days/
Peso Weight
Balanço Balance
Ritmo Rhythm
Configuração do elemento
Shape of the element

equilíbrio / desequilíbrio, simetria / assimetria,

repetição / variação, forma, contorno, cor, valor
de luz,

balance / imbalance, symmetry / asymmetry,

repetition / variation, form, appearence,
colour, light values,

Lupton, E., (2008). Graphic Design The New Basics. New York: Pinceton Architectural Press
Peso Weight
Balanço Balance
Ritmo Rhythm
Configuração do elemento
Shape of the element
Contexto (figura-fundo)
Context (figure-ground)

equilíbrio / desequilíbrio, simetria / assimetria,

repetição / variação, forma, contorno, cor, valor
de luz, espaço positivo / negativo

balance / imbalance, symmetry / asymmetry,

repetition / variation, form, appearence,
colour, light values, positive / negative space
Lupton, E., (2008). Graphic Design The New Basics.
New York: Pinceton Architectural Press
 Estável
Stable

Vanderbilt University
 Reversível
Reversible
E.M. Escher
 Ambiguo
E.M. Escher
Ambiguous
Ilusões de óptica: O todo é mais do que a soma das partes (Teoria de Gestalt).
Optical illusions: the whole is more than the sum of its parts (Gestalt theory).
Enquadramento
Framing
— cria as condições para compreender uma imagem,
objeto ou ideia.
— afeta a percepção da informação.
— é uma estrutura que está igualmente presente e
ausente (Jacques Derrida).

— creates the conditions for understanding an image,

objeto or idea.
— affects how we perceive information.
— a structure that is both present and absent
(Jacques Derrida)
Corte Cropping

L’Eclisse (“The Eclipse”), 1962, Michelangelo Antonioni

Corte Cropping
Limites Borders
Margens Margins

Blow-up, 1962, Michelangelo Antonioni

Referências Bibliográficas
LUPTON, Ellen. Graphic Design: The new basics. New York, Princeton Architectural Press, 2008.

MUNARI, Bruno. Design e Comunicação Visual. Colecção Arte e Comunicação, Lisboa, Edições 70, 1968.

Filmografia
ANTONIONI, Michelangelo. L’Eclisse. 1962

ANTONIONI, Michelangelo. Blow Up. 1966

EAMES, Charles and Ray. Powers of Ten, 1977

https://www.youtube.com/watch?v=0fKBhvDjuy0