Você está na página 1de 33

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.