Professional Documents
Culture Documents
So Paulo
Maro de 2011
V578t
Orientador: Prof. Dr. Marcus Bastos.
Dissertao (Mestrado em Design) Universidade
Anhembi Morumbi, So Paulo, 2011.
Bibliografia: f.79-80.
CDD 741.6
Dissertao de Mestrado
Dissertao apresentada ao Programa de Ps-Graduao
Stricto Sensu em Design - Mestrado da Universidade
Anhembi Morumbi, como requesito parcial para obteno
de ttulo de Mestre em Design.
So Paulo
Maro de 2011
Imagens prprias,
realizadas no mesmo
perodo de pesquisa
para realizao dessa
dissertao. Imagens com
mudana dos aspectos
formais da linguagem visual.
Autor: Laerte Lucas Ventura.
Relao terica nas pginas 45 - 60.
Dissertao de Mestrado
Dissertao apresentada ao Programa de Ps-Graduao
Stricto Sensu em Design - Mestrado da Universidade
Anhembi Morumbi, como requesito parcial para obteno
de ttulo de Mestre em Design.
Banca Examinadora:
Prof. Dra. Las Guaraldo
Prof Dr. Alexandre Santaella Braga
Prof. Dr. Jofre Silva, Phd.
Prof. Dr. Marcus Bastos
So Paulo
Maro de 2011
Agradecimentos
Agracedeo em primeiro lugar a Deus,
por me iluminar nos momentos difceis.
Agradadeo incondicionalmente a minha
esposa, Marilene Zamprogna Ventura que
tanto me apoiou e nunca me deixou desistir.
Aos meus filhos, Arthur e Thiago que
alegraram os momentos de cansao.
Com muito amor, agradeo aos meus pais,
Laerte Ventura e Benvinda de J. Lucas Ventura,
que sempre, me apoiam em todas e
quaisquer circunstncias.
No poderia deixar de agradecer, a todos os professores
que compem os cursos de Design, da Universidade Anhembi Morumbi,
em especial, aqueles que diariamente compartilham, sempre de maneira
incondicional, suas idias tericas e prticas no mbito do Design.
E por ltimo, mas no menos importante,
agradeo a meu orientador, Marcus Bastos,
pela pacincia e extrema ajuda em escolhas
pontuais para pesquisa dessa dissertao.
Resumo
Nessa pesquisa observaremos e analisaremos, o papel do design, em relao aos atuais
sistemas digitais. Qual a relao entre, design, arte e tecnologia, que atravs de suas
histrias relacionadas, encontram o meio para reformulao de idias e solues visuais,
ultrapassando os limites anteriormente impostos pelas prprias pocas.
Manteremos em foco, como principal intermedirio desse processo, a linguagem visual
que aplicada em suas questes formais, torna-se o agente de ligao entre a arte e a
tecnologia, para diferentes resultados no mbito do design grfico.
Palavras chave: design grfico, linguagem visual, impresso digital.
Abstract
In this research we will observe and analyze the Design`s role compared to current
digital systems. What is the connection among Design, Art and Technology that based
on its background history would find the perfect environment to recreate ideas and
visual solutions overcoming limits imposed by technology and know-how in the past.
Our focus, as the key agent in this process, will be the Visual Language that through its
concepts will came as the interface between Art and Technology aiming different results
from a Graphic Design perspective.
Key-words: graphic design, visual language, digital printing
Imagens
prprias,
realizadas
no mesmo perodo de pesquisa
para realizao dessa dissertao.
Imagens com mudana dos aspectos
formais da linguagem visual.
Autor: Laerte Lucas Ventura Relao terica nas pginas 45 - 60.
Sumrio
Introduo ............................................................................................................................... 15
1. O Design grfico e a histria ................................................................................................. 19
2.1 A linguagem visual, segundo Kandinsky ......................................................................................... 52
2.2 Elementos da linguagem visual e suas conexes digitais .................................................................. 44
2.2.1 Formas no-representativas ................................................................................................ 45
2.2.2 Formas figurativas ............................................................................................................. 47
2.2.3 Formas representativas ...................................................................................................... 51
2.2.4 A Sintaxe da Linguagem Visual, 1991, de Donis A. Dondis. ................................................ 53
2.2.5 Princpios de Forma e Desenho, de Wucius Wong. .............................................................. 54
2.2.6 Novos Fundamentos do Design, de Ellen Lupton e Jennifer Cole Phillips. .......................... 54
2.3 O paradoxo do design grfico digital ............................................................................................... 56
Bibliografia .............................................................................................................................. 79
Introduo
A partir dos anos de 1980, com a difuso dos equipamentos
provenientes da microeletrnica e com o desenvolvimento de
diversos softwares, comeava uma revoluo na aplicao tcnica
digital. A cada ano, os microcomputadores se desenvolviam mais,
tornando-se disponveis para muitas pessoas, graas a inveno
do microprocessador (CASTELLS, 2009), tecnologia que tornou
possvel a criao dos computadores pessoais. H pouco mais de 25
anos, alguns computadores apresentavam 64 kbytes de memria
total, quase nada se comparados s mquinas atuais com memrias
calculadas por Gigabytes. Alguns interesses comearam a mudar
partir desses anos, impulsionando alteraes em diversas reas
distintas, compostas por questes sociais, econmicas e tecnolgicas.
Manuel Castells descreve, em sua obra, A Sociedade em Rede,
um ritmo acelerado de descobertas e aplicaes, afirmando que a
revoluo da tecnologia da informao foi essencial para a implementao
de um importante processo de reestruturao do sistema capitalista a
partir da dcada de 80. No processo, o desenvolvimento e as manifestaes
dessa revoluo tecnolgica foram moldados pelas lgicas e interesses do
capitalismo avanando, sem se limitarem s expresses desses interesses
(CASTELLS: 2009, p.31). Alteraes polticas, sociais e econmicas
foram, e ainda so, a partir desses anos, ocasionadas pela crescente e
exponencial, como define Manuel Castells, era do processamento e
da comunicao da informao, que encontra-se em formato digital.
17
Imagens
prprias,
realizadas
no mesmo perodo de pesquisa
para realizao dessa dissertao.
Imagens com mudana dos aspectos
formais da linguagem visual.
Autor: Laerte Lucas Ventura Relao terica nas pginas 45 - 60.
20
crtico nos primeiros anos do sculo dezessete, quando se publicou Rei Lear
assim, e segundo o autor, A assimilao e interiorizao da tecnologia
do alfabeto fontico traslada o homem do mundo mgico da audio para o
mundo neutro da viso (McLuhan, 1972, p. 39-40).
Mais adiante, McLuhan observa outra questo, retirada por
ele da pesquisa contida no livro Psychiatry, de J.C. Carothers,
sobre a Cultura, psiquiatria e a palavra escrita, fazendo diversas
comparaes entre os primitivos no-alfabetizados e os primitivos
alfabetizados de um lado, e entre o homem analfabeto e o homem ocidental
em geral, de outro lado (McLuhan, 1972, p. 40). Destacando suas
principais alteraes de conduta e modo de ser com as questes
das linguagem, sendo estas, orais para uns e escritas para outros.
Ser que a interiorizao de meios de comunicao, tais como as letras,
alterando a relao entre nossos sentidos, revoluciona os processos mentais?
(McLuhan, 1972, p. 48).
25
27
A - Puno
B - Matriz
C - Molde de tipos (fechado)
D e E - Molde de tipos (aberto)
31
Figura 1.2.13 - A
Linotype Modelo 5 se
tornou a fora motriz
da composio, com
teclados e matrizes
disponveis em mais de
mil idiomas (Meggs,
2009, p. 184).
Figura
1.2.23 - John
Heartfield,
pgina de
Neue Jugend,
1917. (Meggs,
2009, p. 334).
Figura 1.2.24 - Francis Bruguire, Light Abstraction, 1930. (Meggs, 2009, p. 341).
41
Figura 2.1.1
- Vassli
Kandinsky,
Improvisation
n. 29 The Swan,
1912 (Meggs,
2009, p. 399).
43
44
uma soluo que algum ou uma cultura, props como soluo em algum
momento histrico. Veja o caso e dimenso do invento de Gutenberg
(Mello, 2011, anexo 3). Seguindo, uma segunda pergunta a
respeito da alterao de linguagem por conta da prpria tecnologia.
Observemos a resposta:
Claro, ela determinante. Veja o que discutimos agora,
ou seja, por que escolhemos esta ou aquela tecnologia
para imprimir algo? Sei que muitas vezes por conta da
adequao, encaminhamento industrial correto pensando
em custo e tudo mais.... mas devemos sempre ter um tipo
de observao nas coisas que fazemos ou produzimos, que
transcenda as razes bvias. E isso o que proponho em
linguagem grfica, reestruturando processos, materiais,
dialogando o analgico com o digital, ou mesmo, pensando
em sistemas hbridos, expandidos (Mello, 2011, anexo 3).
45
Figura 1.3.13 - Site de banco de imagens - http:www.sxc.hu, aonde imagens de vrias modalidades so filtradas atravs de uma procura por palavra chave. Esse site
tem a grande maioria de suas imagens com direitos autorais gratuitos, podendo essas imagens serem utilizadas por qualquer pessoa previamente cadastrada no site.
Fotgrafos, amadores ou profissionais, do mundo inteiro, dispostos a enviar suas imagens e deixar que outros usurios tenham acesso a estas, utilizam esse servio.
Na figura 1.3.14, a direita, encontramos uma lista de, normalmente, 200 ou mais imagens relacionadas a cada palavra buscada. Ento para nosso exemplo buscamos
algumas imagens.
Figura 1.3.15 e figura 1.3.16 - Pegamos a imagem original de um menino com sua bola, observando a praia e a partir de recursos tcnicos do software de edio de
imagens mapa de bits: Photoshop CS5, selecionamos atravs de ferramentas especficas para marcaes por cores. Isolamos o fundo da figura.
49
Figura 1.3.17 - Aps o isolamento do fundo, atravs de um mecanismo de transparncia, estamos prontos para inserir um novo fundo, atrs da figura agora em total
destaque. Na figura 1.3.18 - Pegamos uma imagem para o fundo, porm essa imagem estava, digamos, poluda com uma pessoa aparecendo como figura de meio corpo,
dificultando o seu uso.
Figura 1.3.19 e Figura 1.3.20 - Na sequncia, foram utilizadas outras imagens de fundo, para uma maior exemplificao e anlise da facilidade de alteraes e
possibilidades de novas contextualizaes, promovidas pelos sistemas digitais.
51
Figura 2.1.1 - Fotografia da vegetao de uma pequena parte da enorme praa de acesso ao cemitrio de congonhas, entrada pela
Av. Washington Luiz - Chcara Flora. Autor: Laerte Lucas Ventura, Os Samurais, 2010.
Profuso Economia
Exagero Minimizao
Espontaneidade Previsibilidade
Atividade Estase
Ousadia Sutileza
nfase Neutralidade
Transparncia Opacidade
Variao Estabilidade
Distoro Exatido
Profundidade Planura
Justaposio Singularidade
Acaso Seqencialidade
Agudeza Difuso
Episodicidade Repetio
(DONDIS, 2007, p. 51).
As tcnicas, so os agentes no processo de comunicao visual.
Dondis define, atravs das mesmas, a energia e o carter que uma
soluo visual adquire com relao a sua forma. Elas que definiram
maior eficcia e conexo entre a inteno e o resultado. Como
elementos bsicos da comunicao visual a autora destaca:
Sempre que alguma coisa projetada e feita, esboada e
pintada, desenhada, rabiscada, construda, esculpida ou
gesticulada, a substncia visual da obra composta a partir
de uma lista bsica de elementos. No se deve confundir os
elementos visuais com os materiais ou o meio de expresso,
a madeira ou a argila, a tinta ou o filme. Os elementos
visuais constituem a substncia bsica daquilo que vemos,
e seu nmero reduzido: o ponto, a linha, a forma, a
direo, o tom, a cor, a textura, a dimenso, a escala e o
movimento. Por poucos que sejam, so a matria-prima de
toda informao visual em termos de opes e combinaes
seletivas. A estrutura da obra visual a fora que determina
quais elementos visuais esto presentes, e com qual nfase
essa presena ocorre (DONDIS, 2007, p. 51).
Durante a dcada de 1990, os educadores de design viramse forados a ensinar (e a aprender) o uso de softwares, e
muitos de ns lutamos para equilibrar as habilidades tcnicas
com o pensamento visual e crtico. Algumas vezes, a forma
se perdeu pelo caminho, medida que metodologias de
design se afastavam de conceitos visuais universais em
direo a uma compreenso mais antropolgica do design,
como fluxo de sensibilidades culturais em constante mutao.
Este livro dedica-se defasagem existente entre software
e pensamento visual. Enfocando sobretudo a forma, ns
retomamos a tradio da Bauhaus e o trabalho pioneiro dos
grandes educadores do design formal, de Armin Holmann
a alguns de nossos prprios professores, incluindo Malcolm
Grear. Acreditamos que uma base comum de princpios
visuais congrega designers atravs da histria e ao redor do
globo (LUPTON; PHILLIPS, 2008, p. 6).
55
Figura 2.3.1 - Esse exerccio foi executado a partir do software vetorial CorelDRAW ver. X5. Para essa exemplificao, escolhemos trs formas geomtricas bsicas,
chamadas figuras primitivas: quadrado, crculo e tringulo. Esse exemplo tm como objetivo, mostrar a simplicidade com que se pode operar para criar um elemento
grfico formalizado como tipografia, para futura criao e utilizao do mesmo para a reproduo na forma de design grfico. Figura 2.3.2 - Com os trs primeiros
elementos bsicos, criamos atravs da duplicao, mais duas cpias em tamanhos proporcionalmente menores que formaram o total de elementos necessrios para
criao das tripografias.
56
Figura 2.3.3 - Nesta etapa so produzidos, com as mesmas caractersticas de posio e sobreposio, trs modelos distintos de tipografias, reservando suas diferenas
atravs das formas bsicas iniciais de cada uma delas. Figura 2.3.4 - Posicionando e alinhando os elementos iguais, que contm tamanhos em propores distintas,
obtemos uma pr visualizao da tipografia que ser finalizada posteriormente.
Figura 2.3.5 - O trabalho at esse momento se resume na posio e alinhamento dos elementos inicialmente criados e duplicados para composio de cada letra do
alfabeto. Figura 2.3.6 - Cada letra possui os trs elementos repetidos em diferenciadas propores para composio de sua forma.
Figura 2.3.7 - Aps a posio dos elementos estarem alinhadas nas formas definidas e elaboradas, as operaes entre objetos comeam a ser executadas. Figura 2.3.8 As operaes entre objetos detm vrias equaes matemticas, j compiladas no sistema, para execuo de transformaes entre as formas bsicas sobrepostas: soldas,
aparagens, intersees, excluses etc, so algumas das possibilidades encontradas nessas ferramentas existente nos softwares vetoriais.
57
Figura 2.3.9 - Ento, a partir das operaes executadas nas formas bsicas, sobrepostas em alinhamentos e posies pr definidas para esse exemplo, formaram-se
as imagens das letras de trs modelos de alfabeto: o primeiro utilizando-se quadrados; o segundo, crculos; e o terceiro, tringulos. Cabe salientar que, nessa fase da
pesquisa, a forma visual est sendo deixada de lado para observarmos a questo da simplificao e automatizao gerada pelos sistemas digitais para execuo de um
projeto com relao direta ao design grfico digital. Figura 2.3.10 - J na imagem ao lado, o paradoxo criado em relao aos mtodos de criao que so os mesmo,
quando a relao da forma bsica, melhor estudada e estruturada em sua forma essencial, para execuo de uma tipografia, utilizando os mesmo mtodos tcnicos
digitais para sua criao. Nesse segundo caso, a forma bsica tambm um quadrado, porm apresentando um dos cantos arredondados, resultando em uma forma mais
elaborada com maiores possibilidades de composio para elaborao desse tipografia.
58
Mais uma vez estabelecendo relaes, agora vamos para uma prtica
relativa s questes abordadas nesse item, que definem alguns
pontos do paradoxo digital. O recurso tcnico utilizado para auxlio
dessa montagem faz parte do software de tratamento de imagem
Photoshop CS3, que com apenas 3 cliques: - menu File, opo
(Fig. 2.3.11)
(Fig. 2.3.12)
(Fig. 2.3.13)
Na Figura 2.3.11 - Fotos tiradas a partir do Edifcio Jardim Universidade Anhembi Morumbi, Campus Morumbi, com vista para os bairros do Campo Belo, Brooklin
e Chcara Flora, em So Paulo. Na Figura 2.3.12, trata-se da tela do software de edio de imagens mapa de bits, Photoshop ver. CS3, comando Photomerge, que
automaticamente agrupa as imagens pr concebidas com base no alinhamento horizontal na hora das fotografias. Figura 2.3.13 Fotomontagem final, criada de maneira
instantnea e automtica com base nas imagens originais e do recurso definido para a montagem, a partir do sistema digital apresentado. Autor: Laerte Lucas Ventura, 2008.
59
60
Imagens
prprias,
realizadas
no
mesmo
perodo
de
pesquisa para realizao dessa dissertao. Imagens com
mudana dos aspectos formais da linguagem visual.
Autor: Laerte Lucas Ventura - Relao terica nas pginas 45 - 60.
Imagens
prprias,
realizadas
no
mesmo
perodo
de
pesquisa para realizao dessa dissertao. Imagens com
mudana dos aspectos formais da linguagem visual.
Autor: Laerte Lucas Ventura - Relao terica nas pginas 45 - 60.
65
Figura 3.1.1 - Displays criados pela empresa Insight Comunicao, impressos sobre papelo micro ondulado.
Disponvel em HTTP://www.primemidia.com.br/display.html. Acesso em 16/10/2008
Seguindo o fluxo de trabalho do sistema grfico digital, traremos
uma situao que se utiliza de alguns recursos desse meio.
No exemplo a seguir (Fig. 3.1.2) encontramos uma situao
simulada a partir de recursos tecnolgicos atuais. As fotografias,
aproximadamente 40 fotos, foram tiradas com uma cmera Cybershot Sony 6.0 Megapixels e que a partir dessa captao, sofreram
diversas interferncias efetuadas sob vrios elementos.
Figura 3.1.2 - Fotos captadas diretamente do real por cmera digital (parte superior). Fotomontagem (parte inferior) criada a
partir das edies obtidas atravs de software de tratamento de imagem, Photoshop V.CS2. Autor: Laerte Lucas Ventura, 2007.
66
Figura 3.2.1 Site para postagem de vdeos para visualizao gratuita e sem
limites. Disponvel em: www.youtube.com.br
site Youtube que, por sua vez, publica atravs do mesmo canal, esses
vdeos. Muitas vezes esse contedo editado de maneira amadora,
utilizando, para isso, softwares automatizados feitos para atender a
esse processo. Atravs de uma simples busca, o usurio receptor pode
ter acesso a milhares de vdeos publicados. Instantaneamente e de
maneira irrestrita, sem cadastros ou qualquer tipo de identificao,
tais vdeos so constantemente recordistas de acesso por demanda.
O contedo desses vdeos em muitos momentos traz stiras e
adaptaes, aps se tornarem edies de vdeos exibidos na TV ou na
prpria rede.
Essa importante analise de Couchot nos ajuda a entender melhor o
funcionamento da nova comunicao digital:
Pois uma das caractersticas revolucionrias do numrico
associar o utilizador ao funcionamento da mquina
estabelecendo entre eles um anel retroativo curto e rpido.
O computador permite ao pblico interagir com os dados
visuais, sonoros e textuais, que lhe so comunicados. Ora,
em se tornando interativos, as mdias mudam de natureza.
Uma imagem interativa, mesmo engendrada em sua origem
por um aparelho tico (foto, cinema, televiso), no tem
os mesmos efeitos de sentido que uma imagem tradicional
com a qual nenhuma interao possvel. Decorre da que
o pblico, necessariamente associado produo e mesmo
distribuio da informao no seu modo interativo, realiza
a mesma experincia tecnestsica que aquele que est na
origem do que ns chamamos de mensagem, no caso da
comunicao, ou obra, no caso da arte. O autor e o pblico
partilham a mesma lgica comunicacional, a mesma vontade
de cruzamento, de responsabilidade. No se pode mais dizer
que o gnio um relgio que adianta sobre a hora coletiva.
Que o pblico est atrasado (COUCHOT, 2003, p. 156).
70
71
73
74
75
76
Figura 5.1 - Fotografia da vegetao plantada em um vaso. Autor: Laerte Lucas Ventura, Sr. do Vaso II, 2010.
78
Bibliografia
BETALANFFY, Ludwig Von; Teoria geral dos sistemas. Traduo Francisco M. Guimares. 2. ed. Petrpolis: Vozes; Braslia, INL, 1975.
BONFIM, Gustavo. Fundamentos de uma Teoria Transdisciplinar do Design: morfologia dos objetos de uso e sistemas de comunicao.
Estudos em Design, Rio de Janeiro, v. 5, n. 2, p. 27-41, 1997.
BONSIEPE, Gui. Design do material ao digital. Florianpolis: FIESC/IEL, 1997.
CASTELLS, Manuel. A sociedade em rede: a era da informao: economia, sociedade e cultura. Traduo Roneide Venncio Majer. So
Paulo: Paz e Terra, 1999.
COUCHOT, Edmond. A tecnologia na arte: da fotografia realidade virtual. Traduo Sandra Rey. Porto Alegre: Editora da UFRGS,
2003.
DOMINGUES, Diana. Arte e vida no sculo XXI. Tecnologia Cincias e Criatividade. So Paulo: Unesp, 2003.
______ (org.). Arte, cincia e tecnologia: passado, presente e desafios. So Paulo: Unesp, 2009.
DONDIS, Donis A. Sintaxe da Linguagem Visual. Traduo Jefferson Luiz Camargo. 3. ed. So Paulo: Martins Fontes, 2007.
FERLAUTO, Claudio. A frma e a frma: as palavras e as imagens do design. So Paulo: Edies Rosari, 2005.
FLUSSER, Vilm. O mundo codificado. Organizao Rafael Cardoso. So Paulo: Cosac Naify, 2007.
FUENTES, Rodolfo. A prtica do design grfico: uma metodologia criativa. So Paulo: Edies Rosari, 2006.
GOMES Filho, Joo. Gestalt do objeto: sistema de leitura visual da forma. 7. ed. So Paulo: Escrituras Editora, 2004.
KANDINSKY, Wassily. Ponto e linha sobre plano. Traduo Eduardo Brando. So Paulo: Martins Fontes, 1997.
KOHLER, Wolfgang. Psicologia da Gestalt. So Paulo: Itatiaia, 1980.
LUPTON, Ellen; PHILLIPS, Jennifer Cole. Novos Fundamentos Do Design. Traduo Cristian Borges. So Paulo: Cosac Naify, 2008.
MACHADO, Arlindo; Mquina e Imaginrio: o desafio das poticas Tecnolgicas. 3. ed. So Paulo: Editora da Universidade de So Paulo,
2001.
MCLUHAN, Marshall; A galxia de Gutenberg: a formao do homem tipogrfico. Traduo Lenidas Gontijode Carvalho e Ansio
79
80