Projeto Espaos: O espao pblico discutido

sob o vis do design grfico

Espaos project: public space discussed
under the graphic design
PALAZZO, Eduardo; Bacharel em Audiovisual Universidade Federal de
So Carlos (UFSCar); Ps-graduado em Design Grfico Fundao
Armando lvares Penteado (FAAP)
eduardopalazzo@ymail.com
SOARES, Juliana; Bacharel em Audiovisual Universidade Federal de So
Carlos (UFSCar); Mestrado em Engenharia de Produo Universidade
Federal de So Carlos (UFSCar)
julianammsoares@gmail.com

Resumo
Este estudo pretende expr a pesquisa realizada para a concretizao do
projeto Espaos, uma publicao eletrnica elaborada com a inteno de
explorar espaos pblicos pouco conhecidos da cidade de So Paulo (SP
Brasil), atravs da leitura do design grfico sobre a forma urbana. A
construo do website Espaos o produto final da pesquisa, e apresenta
atualmente quatro locais da capital paulista para serem explorados pelo
visitante da pgina. O discurso multimdia do design atrelado
visualizao crtica, opinativa e descritiva desses locais o tema desse
estudo, visualizando a possibilidade de emprego do design como um
instrumento de leitura e visualizao a locais de mnimo conhecimento
popular, porm de grande potencial social, artstico, comercial e/ou
cultural.
Palavras-chave: design grfico; webdesign; multimdia; urbanismo.
Abstract
This study aims to visualize the research done for the realization of the
Espaos project, an electronic publication performed with the intention of
exploring little-known public spaces of the city of So Paulo (SP - Brazil),
by reading the graphic design on the urban form. The construction of the
website Espaos is the final product of the research, and currently has
four locations of the city to be explored by the visitor of the page. The
multimedia designn speech tied to critical, judgmental and descriptive
view of these local is the subject of this study, visualizing the possibility of
using design as a tool for reading and viewing space to locals of minimum

common knowledge, but with great social potential, artistic commercial

and/or cultural.
Keywords: graphic design; web design; multimedia; urbanism.
1. Introduo
A proposta de um projeto grfico de publicao digital, tendo como
tema os espaos pblicos da cidade de So Paulo (SP Brasil) constitui-se
uma atividade vasta e complexa, a partir do momento em que toma-se
como base uma das mais mltiplas cidades do pas, com seus onze
milhes e tantos moradores1, sob a gide babilnica de uma metrpole em
constante movimentao, permeada por tantos milhares de espaos (no)
explorados.
Por um lado, as mdias digitais surgem como suportes acessveis
para publicaes, constituindo em um formato interessante e acessvel
para a proposta de um modelo neste presente trabalho. Para a aplicao,
alguns espaos pblicos de So Paulo peculiares foram escolhidos. A
questo da multiplicidade sobre tais formatos de publicaes digitais
presentes, e como feito o uso de sua gama de recursos, uma questo
recorrente e pertinente aos discursos e rodas de discusses
contemporneos. Vilm Flusser (2010) expe consideraes sobre os
diferentes tipos de imagem a serem expostas:
Da forma como as imagens so transportadas
atualmente, elas devem preencher a funo
descrita com programas de comportamento:
tm que transformar os seus receptores em
objetos. essa a inteno que est por trs
desse transportar. Mas o mtodo de transporte
atual no corresponde necessariamente
tcnica dos novos meios, mas apenas a
inteno subjacente a eles. Os meios podem
ser dispostos diferentemente (at mesmo para
se tornarem mais eficazes), a saber, no como
feixes que ligam o emissor a inmeros
receptores, mas como uma rede que conecta
os indivduos uns com os outros, graas aos
cabos reversveis. (FLUSSER, 2010, pp. 158159)

Flusser (2010) compara diferentes tipos de imagem, analgicas ou

digitais. Posteriormente, diz que os meios podem ser diferentes,
transformando as imagens em portadoras e os homens em designers de
significados. Partindo dessa reflexo, proposta a criao da publicao
digital Espaos, que investigar quatro espaos pblicos da cidade de So
Paulo. Os espaos tm caractersticas distintas so reas culturais, de
lazer ou comerciais e tambm diferente a maneira como a populao
De acordo com estimativa do IBGE, a estimativa de populao paulistana em 2013 de
11.821.873 habitantes. Disponvel em: http://cod.ibge.gov.br/232IG. Acesso dia 20 de abril de 2014.
1

se relaciona com eles. Foram escolhidas a rua Canuto do Val, a rua

Amauri, o Parque Cantinho do Cu e o Beco do Batman. Em cada pgina
estaro presentes imagens, textos descritivos e entrevistas com
personagens que frequentam cada regio, e o resultado final, disponvel
no endereo online www.espacos.info. As referncias projetuais diversas
sero expostas, indo de trabalhos no campo editorial, como de Alexey
Brodovitch e Italo Lupi, at chegar nas mdias digitais, observando sites
experimentais e artigos publicados em jornais e revistas (campo
denominado de design editorial para internet).
2. REFERENCIAL TERICO
2.1. O tema e o formato
"O espao pblico (domnio pblico) o lugar onde o
homem se realiza por completo, ou seja, onde o ser
ultrapassa a mera condio de vivente e se
completa, sendo poltico." (ARENDT, 2010, p. 28)

Os
estudos
sobre
espaos
pblicos
urbanos,
conforme
contextualizado por Abraho (2008), classificam-nos como espaos de
manifestao da esfera pblica, da vida pblica e da realizao da
cidadania, de cuja materialidade se atribui realizao sociopoltica. Uma
leitura do espao pblico pelo design grfico o que configura a raiz
desse trabalho. Uma das primeiras etapas do processo foi imaginar como
orquestrar os elementos do design com o tema do projeto, que um
assunto tratado pela arquitetura, sociologia, filosofia, entre outras reas
de conhecimento. Em outras palavras, discutir e propr um projeto grfico
de publicao digital sobre espaos pblicos, considerando as novas e as
tradicionais formas de publicao. A transdisciplinaridade uma
caracterstica cada vez mais recorrente no design, ou seja, os pontos de
convergncia entre as reas potencializam novas relaes e
conhecimentos. Vilm Flusser (2010) classifica as maneiras de visualizar
as mensagens comunicativas de duas formas, como leitura linear e leitura
em superfcie, representadas respectivamente pela escrita e pela imagem,
tecendo consideraes a respeito:
Nossa civilizao coloca nossa disposio dois
tipos de mdia. Aquelas tidas como fico linear
(como livros e publicaes cientficas) e outras
chamadas de fico-em-superfcie (como filmes,
imagens de TV e ilustraes). O primeiro tipo de
mdia pode fazer a interface entre ns e os fatos de
maneira clara, objetiva, consciente, isto ,
conceitual, apesar de ser relativamente restrito em
sua mensagem. O segundo tipo pode fazer essa
mediao de maneira ambivalente, subjetiva,
inconsciente,
ou
seja,
imagtica,
mas

relativamente rico na sua mensagem. Podemos

participar dos dois tipos de mdia, mas o segundo
tipo
requer,
para
isso,
que
primeiramente

aprendamos a usar suas tcnicas. (FLUSSER, 2010,

pp. 115-116).

O webdesign, segundo Flusser (2010), pode ser considerado como

uma linguagem transdisciplinar a partir do instante em que se apropia dos
conceitos de linearidade e superfcie, conforme classificados pelo autor,
uma vez que faz o uso de mltiplas linguagens em seu discurso maior.
Conforme Vera Bungarten (2012), a linguagem do webdesign ainda utilizase de uma linguagem formal cinematogrfica, e j no possvel distinguir
de forma ntida e clara a qual rea pertence-se e ambos possuem a
capacidade de refletir a sociedade e sua cultura, apresentando atravs da
configurao de seus objetos de uso e sistemas de comunicao.
Gustavo Bomfim (1997), ao analisar as fronteiras entre design, arte
e tecnologia, defendendo uma natureza transdisciplinar, discute uma
possibilidade de criao de uma teoria do design. Essa teoria resultado
da natureza da atividade e sua fundamentao cientfica: o design,
atravs de sua prxis, seria o elo conciliador ou inventor entre
especialistas de diversas reas. A interdisciplinaridade, como condio
inerente e essencial prtica do design, dispensaria a constituio de
outra teoria, que, de resto seriam inviveis, pois seu campo de
conhecimento no conhecia fronteiras (BOMFIM, 1997). Dessa forma,
buscou-se explorar um tema interdisciplinar a partir de uma linguagem
hbrida: investigar espaos pblicos da cidade de So Paulo e sobre eles
criar fices lineares e em superfcie. Os espaos pblicos so plurais,
assim como a natureza do design, e a proposta esttica do projeto
procurou alinhar essa tematizao junto ao formato aplicado.
2.2. Do editorial ao interativo
A proposta grfica do projeto descendente do design editorial
impresso essa proximidade, que ser explorada em um prximo tpico,
indicada pelas caractersticas dos grids, infografismo e tipografia. A
articulao dos contedos constroi uma narrativa visual, conforme
descrito por Cludio Ferlauto (2002):
Como o verbal, que tem suas formas discursivas
ensaio, conto, romance, por exemplo organizadas
segundo suas convenes, a visualidade exige, para
ser entendida, alguns princpios de ordem, para com
eles ou contra eles construir o discurso visual. A
grade/grelha um deles. Ela considerada o sistema
mais
elementar
de
organizao,
capaz
de
harmonizar em si os conceitos de unidade e
variedade. As duas formas de organizar os signos
so
por
similaridade/semelhana
ou
por
justaposio. A grade permite essas duas operaes
mentais: nela podemos posicionar lado a lado
coisas/signos/imagens parecidas, fazendo uma
combinao ou rima, ou justapor signos dspares em
oposio, conflito ou contraste. (FERLAUTO, 2002,
pp. 62-63)

Nesses aspectos, dois designers serviram como referncias

fundamentais ao projeto, sendo eles Alexey Brodovitch e Italo Lupi, a
serem aprofundados a posteriori. cone no design da revista moderna,
Brodovitch reconhecido por seus layouts inovadores poca, bem como
uso massivo de fotografia em seus trabalhos (PHILADELFIA COLLEGE OF
ART, 1972). J em Lupi visualiza-se com clareza a integrao do tema
urbanista ao design grfico, gerando em seus projetos layouts verbovisuais.
As caractersticas visuais apropriadas procedem de publicaes
impressas, a exemplo de revistas. Porm, no momento em que a
linguagem hipermdia utilizada, uma nova semitica considerada,
ampliando-se a uma natureza mltipla visual, verbal e sonora. Lcia
Santaella (2001) gerou uma classificao para tal situao descrita:
A forma indita de vnculos no lineares entre
fragmentos textuais associativos, interligados por
conexes conceituais (campos), indicativas (chaves)
ou por metforas visuais (cones) que remetem, ao
clicar de um boto, de um percurso de leitura a
outro, em qualquer ponto da informao ou para
diversas mensagens, em cascatas simultneas e
interconectadas.
(SANTAELLA,
2001,
apud
CANDELLO, 2006, p.6)

Assim, utilizaram-se tambm artigos eletrnicos de jornais

selecionados como influncias no projeto grfico. Uma entrevista recente
com Rumsey Taylor2, designer editorial do jornal New York Times, explica
que esse novo campo que est em desenvolvimento. Segundo o prprio,
alguns profissionais dessa rea se dedicam ao projeto visual narrativo,
enquanto outros, como produto. As discusses dos artigos envolvem tanto
jornalistas, programadores e designers - ou seja, os profissionais que
criam esse tipo de contedo transitam entre vrias reas, num projeto
conjunto e multifacetado, rumo a um nico produto final.
2.3. Alexey Brodovitch e seus layouts atemporais
O designer russo Alexey Brodovitch trabalhou como diretor de arte
da revista Harper's Bazaar, nos anos 1940 e 1950, introduzindo nesse
local um novo formato editorial, baseado nos movimentos de vanguarda
europeus do sculo XX. Alm disso, integrou publicaes Portfolio, revista
sobre design grfico, e Observations, livro sobre fotografia, suporte no
qual trabalhou habilmente durante sua carreira (HURLBURT, 2002). Na
Harper's Bazaar, publicao a qual gerava contedo sobre moda e luxo,
Brodovitch teve um papel importante na concepo grfica, integrando
texto e fotografia. Um frescor visual nas pginas atravs de fotografia com
esttica expressionista e colunas de texto livres utilizando bastante
espao em branco podem ser notados nesses trabalhos. Enquanto revistas
2

Entrevista datada de 25 de janeiro de 2014, dsponvel no endereo: http://ow.ly/thWHj. Acesso

dia 27 de janeiro de 2014.

contemporneas buscavam mostrar os vesturios num enquadramento

completo, Brodovitch experimentou com cortes diferentes gerando novo
dinamismo s pginas.
A integrao entre foto e texto tambm inovadora, devido ao
costume das revistas da poca de deixarem os dois blocos bem definidos,
separados por longas margens. Sobre o trabalho de Brodovitch, Hurlburt
(2002) relatou que:
Brodovitch usava as fotografias com uma
destreza e uma sensibilidade de causar
inveja aos demais diretores de arte, e o
resultado final invariavelmente provocava o
respeito dos fotgrafos com os quais
trabalhava. Seus layout tinham um estilo
que era uma curiosa istura da maneira
oriental de criar arranjos e espaos com a
sofisticao europeia. Brodovitch transferia
para a pgina um rarssimo senso de
exaltao e pureza. (HULBURT, 2002, p. 31)

Sua fonte preferida era Bodoni, usada no somente na Harper's

Bazaar, como tambm utilizada no livro Observations, conforme mostrado
abaixo. Tambm observado seu uso abundante de espao em branco.
Embora considerados elegantes, eram vistos no mercado editorial poca
como um desperdcio de espao til.

Figura 01 - Fragmento da edio de 1958 da revista Observations, em fotografia de

Richard
Avedon e texto de Truman Capote. Fonte: www.aiga.org (2014)

2.4. Italo Lupi

O arquiteto italiano Italo Lupi iniciou-se no campo do design a partir

de projetos de arquitetura para exposies, e posteriormente, inseriu-se
no campo grfico e editorial. Ademais, trabalhou com imagem corporativa,
projetos grficos para exposies, museus, jogos olmpicos, entre outros.
Seu trabalho principalmente notvel nas revistas Domus e Abitare como
editor-chefe, mas tambm percorre por outras reas, a exemplo do design
de exposies (ITALO LUPI STUDIO, s/d). Uma de suas marcas como editor
trazer ideias arquitetnicas superfcie da pgina, como
tridimensionalizao, perspectivas e plantas.
Entre uma das
caractersticas muito importantes em seu trabalho est o total controle
sobre a pgina, feito no s nas manchas de texto e ilustraes, mas
tambm no tamanho do texto ou seja, uma editorao verbo-visual. Nas
capas a seguir so observadas suas caractersticas na representao do
espao arquitetnico: ilustrao de planta 3D, vistas areas de edifcios
com nfase na sombra projetada por eles, plantas baixas estilizadas, entre
outras.

Figura 02 - Capas e miolos das revistas Domus as quais abordam temas arquitetnicos.
Fonte: www.italolupistudio.com (2014)

Seus trabalhos possuiam certa independncia, utilizando vrios

recursos tcnicos, paletas de cor e solues tipogrficas. Da escola
italiana, foi influenciado por Massimo Vignelli e Gio Ponti em especial por
serem todos arquitetos de formao que ingressaram em outras reas.
Seus projetos grficos se misturavam aos expositivos e aos de produto,
que fizeram sua marca pessoal.
2.5. Webdesign: do experimental ao popular

Desde 2008, com o lanamento da quinta verso do HTML

(Hipertext Markup Language), uma linguagem web bastante popular
criada nos anos 1990 (BAX, 2001), as possibilidades de criao para
internet se multiplicaram. Entre os melhoramentos funcionais, esto a
ampliao as possibilidades de uso de grid, nova famlia de fontes,
possibilidades de insero de contedo multimdia e adaptao do layout
a diferentes dispositivos. Nesse contexto, no somente a linguagem
mudou, mas tambm a maneira de acessar a rede: houve o advento de
uma internet mais veloz, computadores com maiores monitores, como
tambm a criao de dispositivos eletrnicos menores e compactos.
Embora essas possibilidades j existam h alguns anos, a evoluo da
linguagem ocorre mais gradualmente, pois dependem de atualizaes
individuais dos navegadores, e em alguns casos, de familiaridade e
adaptao dos usurios com a linguagem desses novos recursos.
A criao de uma nova linguagem visual comeou a acontecer a
partir desse momento, e at hoje se desenvolve o que atualmente
recebeu a alcunha de website editorial. Uma srie de sites experimentais
surgiram desde ento, buscando novas formas de expresso visual. Por
tratar-se de algo ainda pouco acessvel, grande parte desses sites versava
sobre o prprio webdesign. Dessa maneira, os websites evoluiram, e a
linguagem web caminha nesse processo constante de mudanas: se antes
as inovaes eram restritas a sites de vanguarda, empenhados na
tentativa de construir novas linguagens, atualmente ela j encontra-se
inserida em pginas de grande acesso, como grandes portais de notcias.
No discurso trazido pelo projeto, muitas pginas tambm foram
referncias no campo projetual. So sites que trazem o tema urbano junto
ao formato da web, atravs de registros fotogrficos ou sonoros. Alm
disso, so projetos cujos contedos so colhidos de espaos pblicos,
majoritariamente o criador do site participa reunindo, organizando e
associando esses dados uns aos outros. Como uma de tais referncias est
o Humans of New York 3, um projeto que busca traar um panorama social
da cidade, atravs de fotos e depoimentos. Ainda, pode-se citar o site
interativo Sound Ecology4, produzido pelo National Film Board, o qual
simula experincias de cada lugar atravs do territrio canadense de um
medidor de decibis. Atravs da interatividade, um projeto cujo discurso
criado a partir da experincia sonora.

2.6. Publicando digitalmente: o formato

O formato de publicao digital ainda no definido de forma
consensual. A existncia de e-books, revistas virtuais e publicaes
cientficas armazenadas em bibliotecas digitais ilustram alguns desses
tipos de publicaes bastante difundidos.
3

O website est disponvel no endereo http://www.humansofnewyork.com/. Acesso em 12 de

abril de 2014.
4
O website est disponvel no endereo http://soundecology.nfb.ca/ . Acesso em 12 de abril de
2014.

Uma publicao, por definio, alguma comunicao que se torna

pblica, e cada produto possui uma proposta, uma linearidade e um ritmo.
Os meios eletrnicos so constitudos de hipertextualidade, hipermdia,
multilinearidade, imerso, entre outros (RONCAGLIA, 2001, apud
FURTADO, 2006). Dessa forma, uma publicao eletrnica uma
publicao composta por hipertexto (MONTEIRO, 2000), com outra
perspectiva de linearidade. Sobre a convergncia miditica, Jos Afonso
Furtado (2006) discorre sobre seus diferentes efeitos durante o processo
de interao com o usurio:
Os efeitos desta convergncia sobre o estatuto da
actividade de leitura so j evidentes. Esta, tal como
a conhecemos no mundo fsico do impresso, por
excelncia uma atividade privada, com ritmos
inconstantes e incertos, tanto rpida como lenta e
meditativa. Ao invs, quando se exerce sobre um
texto digital, ela quase obrigatoriamente definida
pelo clicar do mouse sobre as ligaes hipertextuais,
e a estrutur fragmentada do texto e a posio rgida
de leitura imposta pelo medium convidam a saltar
rapidamente de um ponto para outro. Estes
constrangimentos so perfeitamente convenientes
para uma leitura orientada para a ao ou para a
pesquisa; mas so completamente desadequadas
para a leitura de fundo, que consiste em acolher em
si um pensamento novo e complexo ou a mergulhar
num universo romanesco. Se a isto acrescentarmos o
facto de, para seduzir o leitor, o texto se tornar
cintilante, recorrendo a cores, a cones, a imagens, a
leitura tende a ser deportada para a ordem do
espectculo. (FURTADO, 2006, p. 50)

Agrega-se a esse valores a questo de colaboratividade na internet.

As redes sociais e blogs, sites que usurios podem criar o prprio
contedo e torn-lo pblico, permitindo propagao e trocas de contedo
instantneas, comumente esto entre os mais visitados da web.
Atualmente, os grandes portais tambm possuem reas onde o usurio
pode comentar ou at corrigir dados expostos nos artigos. possvel
visualizar essa espcie de abordagem em grandes veculos miditicos, a
exemplo do jornal The Guardian5, onde existe uma seo onde o leitor
pode enviar seu contedo e, aps anlise de editores, fica disponvel no
site. Porm, sem dvidas, o maior exemplo desse caso a Wikipdia 6, um
projeto de enciclopdia de licena livre, escrito de forma colaborativa, com
milhes de acessos dirios em todo o mundo. Dessa forma, o modus
operandi colaborativo vem tornando-se parte imprescindvel do contedo
da internet, ganhando cada vez mais visibilidade (BARROS, 2007).
3. Metodologia
O website do jornal The Guardian est disponvel em: http://www.witness.theguardian.com.
Acesso em 21 de abril de 2014.
6
O website do Wikipedia est disponvel em: http://www.wikipedia.org. Acesso em 21 de abril de
2014.
5

Inicialmente, foi realizado um levantamento bibliogrfico sobre os

tpicos abordados no projeto. A pesquisa caracteriza-se como um estudo
exploratrio, pois procurou-se explorar, aps os estudos tericos, as
atividades prticas interessantes ao projeto, com a inteno de melhor
visualizar as aplicaes na rea, visando dar uma aproximao ampla e
geral com o tema (GIL, 2008). Vastas buscas atravs da internet,
publicaes impressas, como tambm conversas com profissionais da
rea, foram realizadas nesse mbito.
Um total de cinco visitas ao locais de estudo do projeto foram
realizadas. Todos os locais receberam visitas presenciais, com exceo do
Parque Cantinho do Cu, o qual, por questes logsticas, no houve tempo
de visitao. Ainda, todos os espaos foram pesquisados via internet, e
atravs de verbalizaes dos moradores e trabalhadores da regio. Trs
horas de entrevistas com quatro moradores e frequentadores dos locais
foram registradas. Cerca de cinco gigabytes de materiais fotogrficos e
videogrficos tambm foram utilizados para o recolhimento de dados para
a pesquisa. O resultado completo do projeto est disponvel no endereo .
4. Discusso e resultados
4.1. Os espaos pblicos escolhidos
A cidade de So Paulo foi escolhida como assunto do projeto devido
pluralidade que apresenta. E como foco, os espaos pblicos, que
traduzem muitas das caractersticas da cidade e dos cidados que nela
habitam, carregando neles o resultado da intruso da sociedade em tais
formas-objetos (SANTOS, 1996). A escolha desses espaos foi baseada na
diversidade quanto s caractersticas fsicas dos lugares, poder aquisitivo
dos moradores e comerciantes da regio, distrito da cidade, contextos
histricos, geogrficos, e assim por diante. Entre os quatro espaos
pblicos, foram escolhidos duas ruas, um parque e um beco. No foram
inclusos
locais
pblico-privados
(como
shoppings)
ou
lugares
espacialmente amplos em demasia (e.g. Parque do Ibirapuera). A inteno
foi aguar a curiosidade do leitor a descobrir espaos interessantes e
esquecidos, a partir de caractersticas peculiares deles tecidas por textos
e imagens. Alm, criar a visualizao de um panorama sobre como
usado o espao comum: para a promoo da arte, para o comrcio
(buscando intervir no estilo de vida da regio), ou ainda compondo um
local de convivncia atravs de aes de urbanizao. A questo colocada
sobre como as pessoas utilizam o espao pblico, seja ela um cidado
comum ou uma pessoa com influncia poltica foi, ento, um dos
interessantes pontos de discusso do projeto.
Inicialmente, foi escolhida a rua Canuto do Val, no bairro de Santa
Ceclia, regio central, mesclada entre construes comerciais e
residenciais, muito tradicional na cidade. Santa Ceclia margeada pelos
bairros da Repblica, Campos Elsios, Higienpolis e Pacaembu. Os dois

primeiros so bairros tradicionais, que j tiveram padro de vida elevado,

mas passaram por decadncia no sculo XX; j os outros dois locais
citados ainda mantm bons ndices de desenvolvimento, e so alguns dois
bairros mais caros da cidade. Logo, Santa Ceclia se configura num meio
termo entre os padres de vida do centro e da zona oeste, coexistindo
nesse bairro apartamentos de classe mdia-alta, restaurantes renomados,
ao lado de botecos, ocupaes urbanas e moradores de rua.
Em segundo lugar, foi escolhido o Beco do Batman. Trata-se de uma
interseco entre as ruas Gonalo Afonso e Medeiros de Albuquerque, na
Vila Madalena. So ruas estreitas cercadas principalmente por casas,
porm praticamente sem portas de comunicao com a rua. Ou seja, toda
o espao repleto de paredes, e devido a isso, ocorreu a ideia preencher
essas paredes com grafites de vrias formas, por artistas como Celso
Gitahy e Carlos Matuki (FRANCO, 2009). O espao ganhou tanto destaque
que atualmente concorrido para um grafiteiro conseguir uma rea nas
paredes: existem organizadores da "galeria cu aberto" e, quem
consegue um pedao de muro, consegue visibilidade. A Vila Madalena
um bairro nobre da cidade, com muitas moradias e tambm bares,
restaurantes e espaos culturais, sendo observvel que a peculiaridade do
Beco da Batman mostra-se como um ponto em sintonia com o bairro.
O Parque Cantinho do Cu o maior espao pblico da lista.
Localizado s margens da represa Billings, faz parte de um projeto de
urbanizao em bairros do distrito do Graja, extrema zona sul de So
Paulo, a 30km do centro da cidade. O projeto do parque visa a criao de
uma rea de 7km de extenso, e grande parte j foi concluda. A rea
comeou a receber moradores aps os anos 1950, mas somente na
dcada de 1990 iniciou-se o processo de urbanizao geral (CHERLATO,
2012). Assim, h a percepo de que o parque tornou-se um ponto
benfico regio, e reas de lazer, que antes eram escassas na regio,
agora existem no local: foram construdas quadras esportivas, passarelas
para caminhada, telas para exibies de filme, pier para atracamento de
barcos e lanchas. A integrao da populao do bairro com as obras deu
uma nova perspectiva e expectativa ao lugar.
Por fim, foi escolhida a rua Amauri, localizada no Itaim Bibi, zona sul
de So Paulo. o local mais luxuoso da lista, tendo em vista os
restaurantes caros e carros importados que circulam pela rua. O bairro do
Itaim Bibi, at os anos 1970, era um bairro menos desenvolvido, voltado a
pequenos comrcios. Porm, o ncleo do bairro foi modificado, e hoje
abriga empresas de grande porte e moradias nobres. Notou-se que os
donos dos estabelecimentos da rua, pessoas de grande poder aquisitivo,
moveram-se em prol da organizao do espao pblico e montaram um
sistema prprio de segurana (devido ao crescente nmero de assaltos na
regio), e uma praa particular.

Foto 03 Montagem contendo imagens dos quatro locais pesquisados para esse projeto.
Em sentido horrio: Rua Canuto do Val, Beco do Batman, Rua Amauri e Parque Cantinho
do Cu.. Fonte: Autores e www.arcoweb.com.br (2014)

Ressalta-se que, sobre a importncia das entrevistas realizadas com

moradores, trabalhadores e frequentadores dos lugares. Se na internet
divulgavam-se predominantemente aspectos positivos dos pontos,
presencialmente, as opinies eram bastante plurais e diversas com
relao a imagem do cidado com perante o local. Ainda existe a ideia de
acrescentar novos espaos e informaes acerca dos mesmos pgina
mediante a colaborao do leitor, a partir de um campo de dilogo e
sugestes aberto no site ou seja, o contedo estaria em constante
construo mediante essa troca.
4.2. Sistema de identidade visual
Para criar a publicao eletrnica, foi imaginado um nome que
pudesse ser lembrado facilmente, e junto a isso, uma marca para
identificao visual. Espaos foi o nome escolhido, carregando em si o
mapa da cidade de So Paulo, enfatizando as letras sp.

Figura 04 - Esquema explicativo da marca usada para o projeto. Fonte: Autores.

Dentre os nomes selecionados para traduzir a ideia do projeto,

Espaos foi o que melhor adequou-se ao significado buscado. Por ser um
termo abrangente, pode direcionar uma dimenso grande ideia, como o
espao sideral ou pequena, como um estreito intervalo entre dois
objetos. Ainda assim, um termo simples, de fcil assimilao,
expressando uma ideia tridimensional, que no plural traz o conceito de um
conjunto de lugares com algo em comum. As cores usadas foram o preto e
o branco, as quais fazem parte da esttica adotada. A tipografia escolhida
para o corpo do projeto foi a famlia Montserrat, desenhada pela designer
Julieta Ulanovsky, a qual uma fonte de licena aberta, disponibilizada
online pelo site Google Fonts (SILVA, 2013), inspirado na tipografia urbana
do sculo XX, das ruas do bairro de Montserrat, em Buenos Aires. Esse
desenho das fontes baseado em usos de lettering urbanos so de verstil
aplicao, presentes tanto em ttulos, textos corrido ou legendas. Alm da
Montserrat, tambm so usadas as fontes Helvetica (para textos curtos de
navegao) e Georgia (em letras capitulares).
A esttica utilizada foi tambm baseada na obra de Alexey
Brodovitch, com seu estilo expressionista e abundante uso de espaos em
branco (HURLBURT, 2002). O uso do preto e branco na paleta de cores
influenciou o projeto do incio ao fim, e o mesmo pode se dizer do uso de
fotografias e sua expresso dentro da pgina, de onde parte a textura
granulada. A sobriedade passada pelo uso das duas cores expressa
neutralidade no discurso: todos so espaos pblicos, independente de
seu local geogrfico. O preto e branco usado como figura de linguagem
que une todos os espaos e sobre eles no emite valor. Alm, a esttica do
preto e branco combina com a cidade de So Paulo em diversos aspectos:
a textura que a cidade apresenta, pelas cores da arquitetura, constantes
nuvens espessas que a encobrem, alm de representar uma beleza
clssica que a cidade, como um todo, traz por sua histria. Imagens preto
e branco pontuam passagens do discurso, que tambm dado pelo texto
e pelos infogrficos. As caractersticas singulares de cada espao se daro
pelo uso de grid, discurso de texto e imagem.

Figura 05 - Exemplo de infogrfico, aplicado na pgina Parque Cantinho do Cu. Fonte:

Autores.

4.3. Criao das pginas

O processo de criao das pginas foi embasado em uma
metodologia de construo, derivada do manifesto de Josef MullerBrockmann (1996), no qual versa a favor pensamento matemtico no
design. Lembra-se aqui de uma ideia j considerado em outro tpico, que
relata sobre a no existncia de uma concepo nica para o termo
publicao digital: este trabalho visou propr graficamente um formato,
baseando-se em conceitos do design e cinema, alm da funcionalidade do
hipertexto.
Inicialmente, a pgina de entrada da publicao tem o valor de uma
capa de revista ou livro: ela ocupa toda a extenso do monitor, e o logo
aparece centralizado, apresentando o projeto. Por outro lado, essa mesma
imagem pode ser comparada a um letreiro cinematogrfico de abertura de
produto audiovisual, pois a imagem construda, junto ao texto inicial, cria
uma narrativa. A imagem ao fundo, desorganizada, fruto de uma cmera
fotogrfica de mltipla exposio, apresenta alguns signos urbanos:
prdios, faixa de pedestre, sinalizao.
Aps a imagem, uma frase apresenta o projeto. Logo abaixo, esto
dispostos os quatro espaos pblicos que sero tratados na publicao. Os
lugares so apresentados por fotos que buscam dar um panorama geral
de cada espao, e ento, o leitor pode escolher por qual texto comear a
leitura - quebra-se a linearidade que foi iniciada no topo da pgina. Mais
abaixo, h um link paralelo que traz mais informaes sobre o projeto,
anlogo a uma orelha de livro.
Para todos os espaos explorados pela publicao, existe um
sistema visual que faz parte da identificao e da narrativa. Em primeiro
lugar, o cabealho traz as seguintes informaes: nome do projeto (com
link para a pgina inicial), link para cada espao pblico e ao final um link
para mais informaes.
A primeira pgina apresentada, baseando-se na ordem do menu
superior, a rua Canuto do Val. Uma imagem da rua movimentada abre a

pgina, para informar que se trata de um local com movimento noturno

em bares. A falta de nitidez nesse momento proposital, pois o espao vai
sendo descoberto aos poucos. Uma citao potica, logo a seguir, informa
um pouco sobre o esprito do bairro pela viso de um msico paulistano.
Um texto introdutrio descreve o lugar e seus pontos mais relevantes
dentro do contexto explorado pela publicao: caractersticas singulares
de determinados espaos pblicos da cidade. Mais adiante, uma entrevista
com moradoras do bairro d uma viso sobre a rua pela perspectiva delas.
Logo abaixo, o layout explicado sobre o ponto de vista do grid. Nesse caso,
optou-se por uma coluna simples de mesma largura em toda a pgina,
exceto por um momento onde duas imagens quebram essa diagramao.
Cada bloco de contedo, indicado pelo diagrama, corresponde a um tipo
de informao introduo, entrevista, foto. Dessa forma, buscou-se uma
leitura mais linearizada, pois o texto contm uma estrutura narrativa em
seu discurso: primeiro uma descrio em texto e infogrfico, seguida de
opinio de moradores, seguido da opinio do editor.

Figura 06 - Ttulos aplicados nas pginas da publicao. Fonte: Autores.

Sobre o Beco do Batman, a foto de abertura escolhida da entrada

do local, e o texto de introduo explica o porqu do nome curioso (uma
pintura do homem-morcego l foi feita no espao logo de incio). Essa
imagem, assim como as seguintes, no tm inteno de fazer um
panorama visual-descritivo do espao: antes da pr[pria imagem, uma
leitura do espao por meio de suas texturas e pontos de vista, fruto de
recolhimento de informaes e impresses sobre o local. O Beco do
Batman possui centenas de imagens na web, portanto a abordagem visual
no teve a necessidade de ser realizada por fotos ntidas e explicativas. E
seu layout diferente para web, pois horizontal. De certa forma, reflete
especificidade do lugar, por ser distinto das demais ruas de So Paulo.
Existe uma seo prpria, chamada Galeria, que faz um paralelo do local
s exposies de galerias de arte. A narrativa construda tambm parte da
descrio para a opinio.

Figura 07 - Montagem com grid da pgina Beco do Batman e parte de seu layout.
Fonte: Autores.

O layout do Parque Cantinho do Cu foi criado de forma diferente,

em um grid mais complexo. A imagem principal mostra crianas correndo
pelo espao, mostrando todos os elementos presentes do local: de um
lado, uma rea de lazer urbanizada, que faz parte das obras do Parque; ao
lado, a represa Billings; ao fundo, casas do bairro, margeando o espao.
o maior e mais complexo espao pblico da lista, e dessa forma a
narrativa segue a complexidade do parque. As fotos buscaram transmitir
uma relao da populao com a rea, principalmente as crianas, e no
somente a obra do parque em si - e dessa forma, intensificar a
importncia do espao, j que o distrito do Graja carente em reas de
lazer e convivncia entre moradores. A narrativa tambm tem uma
construo diferente: no incio, citado um trecho de cano caipira,
chamada Cantinho do Cu. A letra, melanclica, indica um lugar
reconfortante, onde o eu-lrico ir se esquecer dos problemas terrenos.
Assim, o local Cantinho do Cu indica um repouso, uma Pasrgada. No
texto seguinte explica-se a origem do bairro, e percebe-se tambm
atravs do infogrfico que se trata de um lugar perifrico e humilde,
indicando as transformaes que o bairro passou nos ltimos anos. As
imagens, logo em seguida, justificam o discurso, e uma entrevista com a
moradora na sequncia, constroi um discurso distinto do anterior. Assim
buscada certa simetria na disposio do contedo.
O ltimo espao pblico da lista foi a rua Amauri. Seu layout
composto principalmente por linhas, com imagens que possuem largura
completa da pgina. Ou seja, houve um maior foco visual nesse layout. Os
trechos textuais so curtos e algumas imagens cortam o discurso com
imagens que preenchem o monitor. No existem colunas nesse modelo
proposto, mas as imagens quebram o ritmo com alguns cortes dentro de

cada fotografia. A narrativa semelhante s demais, porm um pouco

mais descritiva, e no final do discurso j esto sinalizados os furtos que
vm ocorrendo na regio. Nessa pgina, o entrevistado d suas opinies
sobre a rua logo a seguir, sendo uma fala diferente das que esto
presentes na internet, que geralmente enaltecem o comrcio luxuoso da
regio. Um taxista lembrou sobre os recentes casos de segurana na
regio e como a populao tem reagido a isso. Ao final, o projeto listou
alguns lugares semelhantes a essa rua, no mundo, e o mapa que indica a
localizao da rua no mapa de So Paulo. Os infogrficos presentes nos
artigos recuperam a ideia do logotipo: a mesma forma usada, dessa vez
para indicar a posio do espao no mapa de So Paulo. Alm de reforar
a identidade do projeto, trazem dados estatsticos que ajudam a situar o
leitor e fazer uma comparao aos outros espaos da publicao.

Figura 08 - Montagem com grid da pgina Rua Amauri e parte de seu layout. Fonte:
Autores.

5. Consideraes finais
Pensar em um projeto de publicao digital diferente, ligado ao tema
proposto, de releitura urbana, aliado a uma pesquisa complexa sobre
esses espaos pblicos, em conceitos e teorias, bem como em visitas
presenciais, junto a produo de mltiplos contedos (grfico, escrito,
audiovisual e de programao para internet) resulta-se por si s em um
desafio. Encontrar e entregar a cadncia coerente de toda essa mescla de
elementos da pesquisa resultante ao visitante do website parece, ento,
requerer uma panaceia imediata. E, apesar da complexidade que

vislumbra a primeira vista, esta foi o grande estmulo a realizao do

projeto.
Os ritmos visuais e verbais, visualizados nas pesquisas bibliogrficas
e aplicaes prticas, aliados aos conhecimentos tcitos recolhidos nas
entrevistas, foram peas essenciais para a montagem dessa publicao
digital, permeado pelas multimdias. A grande influncia das publicaes
impressas mostrou-se a cada momento mais visvel e pertinente
construo do projeto Espaos, pela capacidade de entregar de forma
familiar, mas ainda assim, aberta s inovaes, as informaes ao leitor.
Entende-se que o vis mltiplo aplicado atravs do design foi bloco
essencial para a formao de um panorama multifacetado dos locais
mostrados no projeto Espaos, tais como so todos os locais pblicos, com
todas as suas harmonias e desarmonias includas. Assim, desenhar grids,
diagramar e expr imagens, no presente estudo, foi montar um espao a
ser descoberto, visto por muitos pela primeira vez. Ainda, conclui-se que o
tema serve-se de grande guia ao projeto grfico final, sendo que a sua
instrumentalizao resulta-se de uma aplicao sensvel mediada pelo
designer, sempre em ateno s mos e olhos de quem est em latncia
com as dadas vivncias expostas, plurais e distintas umas das outras.
Referncias
ABRAHO, S. L. Espao Pblico: do urbano ao poltico. So Paulo:
Annablume, 2008. 194 p.
AIGA. Disponvel em: http://www.aiga.org/ Acesso dia 30 de abril de 2014.
ARCO. Disponvel em: http://arcoweb.com.br/ Acesso dia 29 de abril de
2014.
ARENDT, H. A condio humana. So Paulo: Forense Universitria, 2010.
452 p.
BARROS, F. Produo e edio colaborativa na Internet: o caso
Overmundo. Ciberlegenda, Niteri, v.3, n.19, 2007, p. 1-15.
BAX, M. P. Introduo s linguagens de marcas. Ci. Inf. v.30,
n.1,Braslia, jan-abr/2001.
BOMFIM, G. A. Fundamentos de uma teoria transdisciplinar do
Design: morfologia dos objetos de uso e sistemas de comunicao.
Estudos em Design, v.5, n.2, dez/1997, p. 27-41.
BUNGARTEN, V. A imagem cinematogrfica: convergncias entre design
e cinema. Rio de Janeiro, 2013. Tese (doutorado) - Pontifcia Universidade
Catlica do Rio de Janeiro, Departamento de Artes e Design, 2013. 231 p.

____________. Design e Cinema na sociedade contempornea: trocas,

superposies, aproximaes. DAMT, So Paulo, 2012. p. 256-265.
CANDELLO, H. C. S. P. A semitica das revistas digitais. Campinas,
2006. Dissertao (Mestrado) apresentada ao Programa de Ps-graduao
Multimeios, UNICAMP, 2006. 100 p.
CHERLATO, S. M. Com ecourbanismo de interesse social, um
Cantinho melhor. In: Seminrio Nacional sobre reas de Preservao
Permanente em Meio Urbano. Anais... n.2, Natal, 2012, p. 1-19.
FERLAUTO, C. O tipo da grfica: uma continuao. So Paulo: Edies
Rosari, 2002. 136 p.
FLUSSER, V. O mundo codificado. So Paulo: Cosac Naify, 2010. 224 p.
FRANCO, S. Iconografias da Metrpole: Grafiteiros e pixadores
representando o contemporneo. So Paulo, 2009. Dissertao (mestrado)
- Faculdade de Arquitetura e Urbanismo, Universidade de So Paulo, 2009.
176 p.
FURTADO, J. A. O papel e o pixel: do impresso ao digital, continuidades e
transformaes. Florianpolis: Escritrio do Livro, 2006. 208 p.
GIL, A. C. Como elaborar projetos de pesquisa. So Paulo: Atlas, 2002.
176 p.
HUMANS
OF
NEW
YORK.
Disponvel
http://www.humansofnewyork.com/ Acesso dia 12 de abril de 2014.

em:

HURLBURT, A. Layout: o design da pgina impressa. So Paulo: Nobel,

2002. 58 p.
IBGE. Instituto Brasileiro de Geografia e Estatstica. Disponvel em:
http://cod.ibge.gov.br/232IG Acesso dia 20 de abril de 2014.
ITALO LUPI STUDIO. Disponvel em: www.italolupistudio.com Acesso dia 29
de abril de 2014.
MONTEIRO, S. D. A forma eletrnica do hipertexto. Ci. Inf. Braslia, v.
29, n. 1, jan-abr/2000, p. 25-39.
MLLER-BROCKMANN, J. Grid Systems in Graphic Design. Santa
Monica: Ram Publications, 1996. 176 p.
_____________________. The graphic artist & his design problems.
Teufen: Niggli, 1961. 200 p.

PHILADELFIA COLLEGE OF ART. Alexey Brodovitch and His Influence.

Exhibition Catalog. Philadelphia: Philadelphia College of Art, 1972. 52 p.
SANTOS, M. A Natureza do espao. So Paulo: EDUSP, 1996. 308 p.
SILVA, I. B. Ferramenta online para aprendizagem colaborativa.
Trabalho de diplomao em Programao Visual. Departamento de
Desenho Industrial. Universidade de Braslia. Braslia, 2013. 89 p.
SOUND ECOLOGY. National Film Board of Canada. Disponvel em:
http://soundecology.nfb.ca/ Acesso dia 12 de abril de 2014.
THE GUARDIAN. Disponvel em:
Acesso dia 21 de abril de 2014.

http://www.witness.theguardian.com

WIKIPEDIA. Disponvel em: http://www.wikipedia.org Acesso dia 21 de abril

de 2014.