FUNDAMENTOS DE DESIGN

A Gestalt, a Escola de Bauhaus e

os Elementos da Unidade Visual

ESCOLA DE BAUHAUS

E OUTRAS ESCOLAS

Durante a dcada de 1920 analisavam as formas sob o aspecto do significado

universal, como no caso dos elementos geomtricos, seguido os conceitos da
Gestalt;

Em 1940, vrios educadores da rea de Design retomam a abordagem de

Bauhaus Ulm, Alemanha), sob o aspecto de Moholy-Nagy e Gyogy Kepes
(Bauhaus), que moldaram a linguagem ao uso de novas tecnologias e materiais.
Essa escola era intitulada Nova Bauhaus;

A Nova Bauhaus (Chicago) abordou o uso de novas tipografias e novas

tcnicas com base em perspectivas singulares e originais.

Ps-modernismo: a partir de 1960 h uma rejeio ao conceito do significado

universal. Segundo os educadores que seguiam essa escola as pessoas trazem
conceitos culturais e suas experincias para realizar a leitura (interpretao) das
formas propostas;

Nas dcadas de 1980 e 1990 as manifestaes culturais passam a refletir

referncias culturais ou comunidades estreitamente definidas.

INFLUNCIAS

DA ESCOLA DE

BAUHAUS

Os designers de programas utilizam os princpios da linguagem visual universal

da Escola de Bauhaus para criar a sinalizao e as ferramentas de composio
de recursos grficos;

Os elementos visuais das ferramentas, por exemplo, so organizados em

menus de propriedades, parmetros e filtros;

No Photoshop so usados estudos sistemticos de caractersticas de imagem:

contraste, tamanho, transparncia;

No InDesign h exploraes da tipografia, entrelinha, alinhamento,

espacejamento, estruturas em colunas.

INFLUNCIAS

DA ESCOLA DE

BAUHAUS

NOVO DESIGN: TRANSPARNCIAS

O uso de transparncia constri

relaes temticas de vrios
objetos num nico espao,
suavizam limites. Seu uso crucial
para o vocabulrio do cinema e das
mdias de movimento;

Camadas: o conceito de uso

universal crescente em design.
Camadas de tinta na impresso, o
uso em programas (Photoshop,
Indesign, Illustrator).

CAMADAS

IMPORTNCIA DOS FUNDAMENTOS

DE

DESIGN

As ferramentas de software oferecem modelos de mdia visual, mas no nos

determinam o que fazer com eles
(Ellen Lupton);

No mbito da faculdade, os estudantes chegam dominando cada vez mais o

digital. Habituados aos Ipods, Playstations e Powerbooks, eles j possuem o
conhecimento tcnico que levvamos anos para adquirir. Estar plugado, no
entanto, ne sempre benfico para o pensamento criativo.
(Jennifer Cole Phillips)

No basta dominar a ferramenta, preciso fazer bom uso dela, torn-la uma
extenso da tcnica; um meio para atingir resultados, e no uma finalidade.

FUNDAMENTOS DE DESIGN
ponto, linha e plano; diagramas e texturas

FUNDAMENTOS DE DESIGN:
PONTO, LINHA E PLANO; DIAGRAMAS E TEXTURAS

O ponto, a linha e o plano compem os alicerces do design: imagens, cones,

diagramas e animaes;

Diagramas so as relaes entre os elementos que utilizam pontos, linhas e

planos para mapear e conectar dados.

Texturas e padres so formados a partir de grandes gruo de pontos e linhas

que se repetem, se revezam e se interagem na formao de superfcies
singulares e atraentes.

Os processos de impresso empregam pontos e linhas para representar luz,

sombra e volume.
Exemplo: Xilogravura (textura), litografia (marcas positivas adicionais), e
fotografia (variaes tonais)

FUNDAMENTOS DE DESIGN:
PONTO, LINHA E PLANO; DIAGRAMAS E TEXTURAS
Xilogravura

Litografia

FUNDAMENTOS

DE

DESIGN. PONTO

Indica a posio no espao;

Em geometria indicado pelo par

de coordenadas X e Y;

Graficamente: sinal ou marca

visvel;

Em tipografia indica parada, o fim

da linha.

Ponto Focal

Ponto como marca visvel

FUNDAMENTOS

DE

DESIGN. LINHA

Uma linha a trilha deixada pelo ponto

em movimento...
Ela criada pelo movimento, mais
especificamente pela destruio do
repouso, intenso e ensimesmado, do
ponto. (Wassily Kandinsky)
Linha uma srie infinitas de pontos;
Geometricamente elas tem comprimento,
mas no largura. Definida como a conexo
de dois pontos ou trajeto do ponto em
movimento;
Pode representar uma marca positiva ou
lacuna negativa.
A espessura e a textura da linha
determinam sua marca visual, seu peso.
Linhas imaginrias: surgem ao longo dos
limites de cada coluna e do ordem a
pgina.

FUNDAMENTOS

DE

DESIGN. LINHA

Linhas imaginrias

Espessura e a Textura
determinam seu peso

FUNDAMENTOS

DE

DESIGN. LINHA

Cdigos

Desenhos em cdigos
A partir de estruturas bsicas
possvel formular outros desenhos
que variam de acordo com a
organizao e hierarquia da
informao

Bzier

Curvas de Bzier
Linha definida pela combinao
entre pontos ncora e pontos de
controle.

FUNDAMENTOS

DE

DESIGN. PLANO

Superfcie contnua que se estende

em largura e altura;

Trajeto de uma linha, que ao se

fechar forma o plano;

Pode ser inclinado, paralelo,

transparente, rugoso, liso;

O texto, por exemplo, um plano

feito de pontos e linhas.

FUNDAMENTOS

DE

DESIGN. ESPAO

O que determina a ideia de volume?

Espao tridimensional: altura e
profundidade.

Mas em papel e na tela do

computador no possvel
apresentar trs dimenses.
Apenas h a simulao por meio de
distores pticas.

A perspectiva linear simula as

distores pticas fazendo objetos
grandes, distantes etc.

VOLUME

FUNDAMENTOS DO DESIGN
Ritmo e Equilbrio

FUNDAMENTOS

DE

DESIGN. EQUILBRIO

Condio esttica fundamental.

Em design a beleza para a forma

O Equilbrio Visual acontece

quando o peso de uma ou mais
coisas est distribudo igualmente
ou proporcionalmente no espao.

O equilbrio no precisa ser

esttico: tamanhos, texturas, cores e
formas contrastantes podem ser
usadas para contrabalancear ou
enfatizar o peso de um objeto. o
equilbrio dinmico.

FUNDAMENTOS

Padro forte;

Constncia;

Repetio;

Padronizao

DE

DESIGN. RITMO

SIMETRIA E ASSIMETRIA

Simetria: igualdade, equilbrio entre

as partes, segundo a ordem de
direo, distribuio e proporo
equivalente.

Assimetria: o que no simtrico. A

desigualdade pode ocorrer por
direo, distribuio ou proporo.

Porm possvel obter equilbrio

em uma composio de unidades
assimtricas. Esse tipo de
formulao de imagens geram
sensaes de tenso e equilbrio na
mesma forma.

REPETIO E VARIAO

A repetio e a variao despertam

justaposies visuais vitais e
trabalham o senso de ordenao e
fechamento descritos na Gestalt.

RITMO E TEMPO

A repetio de elementos, tais como crculos, linhas e grids, cria um ritmo,

enquanto a variao de tamanho ou intensidade desses elementos gera a
harmonia pretendida.

RITMO E ANDAMENTO

Design sequencial;

Coerncia de conjunto: imagens,

tipos, barras, cor, composio;

Toda a composio deve criar

pontos focais e conduzir o olhar do
observador atravs da obra;

O uso de grid fundamental. Cabe

a ele ordenar a sucesso de pginas,
guiar o observador pela paginao e
ao mesmo tempo sustentar seu
interesse.

ESCALA

DEFINIO E

USO NA COMPOSIO

Em termos objetivos refere-se s

dimenses exatas de um objeto fsico ou
correlao exata entre uma representao e
a forma real que representa.
Em um aspecto subjetivo a impresso
que algum tem do objeto;
A escala relativa: um elemento grfico
pode parecer maior ou menor dependendo
do tamanho, da localizao e da cor dos
elementos ao redor dele.
O contraste no tamanho pode criar tenso,
bem como uma sensao de profundidade
e movimento. Pequenas formas tendem a
recuar e grandes a se aproximar.
O recorte de uma imagem pode sugerir
ampliao.
A ideia que temos de escalas de alguns
objetos (tamanho real) nos d noo de
proporo. Quando utilizamos a
composio fora dessas escalas temos
resultados que nos indicam distncia,
inovao e criatividade.

DEFINIO E

USO NA COMPOSIO

O recorte de uma imagem

pode sugerir ampliao

composio fora de escala

inovao e criatividade

CATEGORIAS CONCEITUAIS DA FORMA

Finalidade, classificao e uso

CATEGORIAS CONCEITUAIS.
QUAL A FINALIDADE DE UTILIZ-LAS?

Funcionam como tcnicas visuais aplicadas;

As categorias e as tcnicas foram extradas de reas como design, artes

plsticas e psicologia;

As categorias no so determinantes, nicas, e possuem grande subjetividade;

Podem ser usadas de forma positiva ou negativa na forma, de acordo com a

ideia proposta.

Para cada formulao h um contrrio, um contraponto:

harmonia e desarmonia;
ordem e desordem;
coerncia e incoerncia;
opacidade e transparncia

Essas categorias se convergem e se completam muitas vezes:

coerncia e ordem, harmonia e transparncia.

QUE

CATEGORIAS SO ESSAS?

Categorias conceituais fundamentais

Baseadas e formuladas na harmonia, contraste, equilbrio visual, bem como nas
variaes e contrapontos. Todas as categorias descritas neste conceito
ressaltam e reforam as leis da forma e a organizao formal compositiva.

Categorias Conceituais Tcnicas aplicadas. (prxima aula)

CATEGORIAS CONCEITUAIS FUNDAMENTAIS

HARMONIA

a sntese da coerncia entre as unidades, a integrao articulada das partes

que compem o todo.
Na harmonia predominam: o equilbrio, ordem e regularidade.

HARMONIA

Harmonia Ordem: concordncia e

uniformidade entre os elementos
(unidades) que compem parte dos
objetos ou o todo. Nesse tipo de
harmonia h a padronizao da
forma e do estilo para a viso do
todo.

Harmonia Regularidade: o
equilbrio visual desenvolvido e
definido pela ordenao das
unidades, e que se torna possvel
pela regularidade, sem desvios ou
desalinhamentos.

DESARMONIA

a desarticulao na integrao.
So desvios, irregularidades nas
parte ou no todo da composio.

A desordem visual ocorre quando

h discordncia entre os elementos
ou unidades dentro das partes de
um todo ou do prprio todo.

DESARMONIA

Desordem de relaes:
incompatibilidade de
linguagens formais ou desvio
de padres estticos(visuais)
do objeto.

Irregularidade: ausncia de
ordem e de nivelamentos.
Pode ser usado de maneira a
causar impacto, reaes
inslitas.