Professional Documents
Culture Documents
ADG BRASIL: 20 anos NOTA DO EDITOR SOBRE OS AUTORES PREFCIO Andr Stolarski 1 - A TRAJETRIA SIMBLICA E CULTURAL Cecilia Consolo 2 - DESIGN PROPULSOR DA ECONOMIA Joo de Souza Leite 3 - DESIGN VOLTADO A MEIO AMBIENTE E SUSTENTABILIDADE Fred Gelli 4 - DESIGN E MEMRIA Rafael Cardoso 5 - POPULAR, REGIONAL, VERNACULAR Ftima Finizola 6 - DESIGN E INTERFACES AUDIOVISUAIS Mateus de Paula Santos 7 - POTICAS VISUAIS Alcio Rossi 8 - COMUNICAO SINTTICA Chico Homem de Melo 9 - FLUXOS Celso Longo 10 - MANIFESTO Paulo Moretto REFERNCIAS BIBLIOGRFICAS NDICE REMISSIVO
14
26
70
86
114
138
166
216
270
294
320 321
SOBRE OS AUTORES
8
48
autoria: Carlos Fernando Eckhardt equipe: Eckhardt Design cliente: Castro Projetos e Consultoria Ferramentas comuns, tornadas cones da ideia de projeto e construo, por meio de uma alterao de escala, foram transformadas em padro de identidade de um escritrio de arquitetura industrial do Recife. A transformao de cones desprovidos de qualquer caracterstica singular em identidade empresarial prpria se d pela capacidade intrnseca ao design de sistematizar visualmente um conceito.
68
Anatomia do Design
49
50
69
55
81
56
autoria: Isabela Sert orientao: Prof. Eduardo Braga e Profa. Juliana Pontes Trabalho de Concluso da Graduao instituio: FUMEC
Uma das confuses bsicas na relao entre design grfico e sustentabili dade a de que basta a utilizao de suportes e materiais de menor impacto ambiental, como papis reciclados, papelo etc. para se produzir uma soluo eco. Na verdade, a escolha de materiais de menor impacto ambiental tender a ser, cada dia mais, quase um pedgio para projetos de qualidade. Mas o mais importante e desafiador fazer que essas escolhas no comprometam o poder de comunicao e encantamento do projeto.
82 Anatomia do Design
Esse projeto acadmico me parece ser um bom exemplo de como possvel conciliar esses dois aspectos. Os materiais escolhidos, bastante comuns em solues ecochatas, receberam um tratamento inteligente e original, criando certa surpresa, como no caso da serigrafia aplicada sobre o cobertor reciclado. Alm disso, os recursos de ilustrao, usados na marca e nas interferncias sobre imagens, combinados com uso de fotos sangradas garantiram um resultado forte e contemporneo.
85
Design e Memria
111
87
Design e Memria
113
ARMORIBATS 1 e 2
102
autoria: Buggy Costa | Tipos do aCASO equipe: Buggy e Matheus Barbosa cliente: Iniciativa do prprio designer, Tipos do aCASO O projeto tipogrfico das fontes dingbats Armoribats 1 e 2 se baseia na iconografia do Movimento Armorial originado em 1970 no Recife. A partir da releitura erudita de tradies populares, porm, com uma linguagem grfica presente na esttica armorial, foi desenvolvido um sistema de cones mais representativos do movimento.
134
Anatomia do Design
107
137
PHILL PHOTOGRAPHIC
108
autoria: Rodrigo Teco equipe: Diretor de criao: Rodrigo Teco; Coordenao: Patrcia Waissmann; Diretor de arte: Paulo Melo; Flash designer: Rafael Morinaga; Desenvolvimento: Fabrcio Ribeiro e Rafael Rinaldi; Sound designer: Cau Teixeira cliente: Phill Photographic Esse website funciona como o portfolio digital de um estdio fotogrfico, cujos trabalhos ganham destaque devido ao visual simples e despojado da pgina. As trs sees principais do site so facilmente localizveis, e seus links possuem animaes instigantes, que adicionam um elemento ldico aparente esterilidade do layout, ao mesmo tempo em que no interferem na navegabilidade. A alternncia entre o predomnio do branco das pginas iniciais com o preto dominante nas sees de exibio de imagens cria um ritmo que evita a monotonia durante a navegao.
142
Anatomia do Design
109
143
110
autoria: Bruno Lemgruber | Tabaruba Design equipe: Gerente de projeto: Bruno Lemgruber; Direo de arte: Luciana Junqueira; Design: Joo Doria; Desenvolvimento e coprojeto: Ocara Digital cliente: Petrobras O objetivo desse website consolidar um grande volume de informaes, referentes s diferentes empresas e segmentos que compem a holding Petrobras. Tradicionalmente, esses relatrios seriam editados em forma de livros distintos, em diversos casos com contedos semelhantes, mas sem ligao direta e possibilidades de referncia cruzada. O suporte digital permite um novo modelo de apresentao desse fluxo de informaes, de uma maneira que tire vantagem dessas conexes e caractersticas comuns entre as diferentes reas de atuao da marca. Um sistema grfico de aneis, divididos em 40 temas, permite uma navegao ldica por todo o contedo do relatrio, ao mesmo tempo em que possibilita um novo nvel de compreenso das relaes entre as reas. Tambm oferecida uma opo de navegao por tpico de interesse. O uso de ttulos bem destacados, tipografia leve e de corpo facilmente amplivel, busca contornar os problemas inerentes leitura de grandes blocos de texto em ambiente online.
144
Anatomia do Design
111
145
112
autoria: Gabriel Lopes Barbosa equipe: Autor: Gabriel Lopes Barbosa; Contribuio: Tiago Capute, Enzo Giaquinto, Juliana Viana, Juliano Algust, Lucas Faria, Ricardo Donato, Raquel Pinheiro, Stefania, Vanessa Michelis, Francisco Martins, Eduardo Recife, Eduardo Braga, Denise Eler e Rafael Neder. orientao: Profa. Denise Eller Trabalho de concluso da graduao em Design instituio: Universidade FUMEC - MG Arreda o ttulo de um e-zine, com suporte para diversas mdias: fotografia, vdeo, animaes, ilustraes, tipografia, msica, textos etc. Seu objetivo divulgar a produo de design em Minas Gerais, combatendo os esteretipos culturais comumente relacionados ao estado e ao povo mineiro. Seu layout claro e bem organizado, com elementos grficos diagonais recorrentes que acrescentam dinamismo e uma referncia a movimentos modernistas do incio do sculo XX. A paleta de cores restrita acentua a importncia da cor dominante o vermelho importante para a identidade cultural mineira. O desenvolvimento de uma fonte exclusiva para o projeto o torna mais original e autoral.
146
Anatomia do Design
WWW.VAZIO.COM.BR
autoria: Frederico Paulino equipe: Direo de design: Fred Paulino e Alexandre Telles; Design: Paulo Barcelos; Programao: Paulo Barcelos, Antnio Mozelli e Daniel Burle; Coordenao: Brbara Braga e Laura Barbi | Estdio Osso cliente: Escritrio de arquitetura Vazio s/a Website para o escritrio de arquitetura Vazio s/a. O nome do cliente se reflete no conceito do layout, esparso e minimalista, e no jogo de ocultaes que se desenrola entre o menu principal e os contedos. Formas poligonais irregulares so elementos recorrentes, mantendo a identidade do conjunto e adicionando dinamismo aos layouts. Tambm servem de suporte ao menu principal, que se desloca constantemente pela rea do site.
113
147
WWW.FOTOGRAMA2. COM.BR
114
autoria: Silvia Sanae Kabashima | The Way Up cliente: Fotograma 2 Portfolio digital de um estdio fotogrfico, com um layout simples e neutro que visa dar destaque mximo visualizao das fotos. Estas so exibidas em tamanho grande, aproveitando a maior parte da rea til da pgina, e cada uma das sees do site oferece uma oportunidade para se mostrar uma nova imagem de fundo. A composio geral simtrica e equilibrada, e o fundo preto reala ainda mais as imagens.
148
Anatomia do Design
115
149
116
autoria: Aleixo Leite equipe: Aleixo Leite, Bruno Rojas, Emerson Rodrigues, Andr Miranda e Raquel Aviani cliente: WWF Nessa segunda animao, a questo abordada de maneira mais especfica, destacando o consumo de energia e as matrias-primas utilizadas em sua gerao. O uso do quadro branco como suporte enfatiza o propsito didtico da pea, enquanto a tipografia e as ilustraes executadas mo aproximam o filme do universo do grafite a da street art. As cores utilizadas se limitam s de algumas das canetas mais usadas nesse tipo de quadro, verde e vermelho, e tambm simbolizam as atitudes sustentveis e as prejudiciais, alm de ditarem o ritmo do filme por meio de sua alternncia.
150
Anatomia do Design
117
151
118
autoria: Aleixo Leite | Buraco de Bala e Illusion Graphics equipe: Aleixo Leite, Bruno Rojas, Emerson Rodrigues, Diego Avesani e Joy, Grilo cliente: Caixa Econmica Federal Foram desenvolvidos personagens e cenrios para um jogo interativo online, como parte de uma campanha da Caixa Econmica Federal. O resultado bastante humano e ttil, graas ao uso de texturas naturais, principalmente de tecido, dando a impresso de que os elementos foram recortados e costurados mo. O uso de uma paleta composta predominantemente por tons pastis, principalmente azuis e verdes, confere um carter plcido ao jogo, que oferece diversas possibilidades de customizao dos personagens, por meio da escolha de cores, formas, acessrios, e at mesmo da utilizao de fotos para os rostos.
152
Anatomia do Design
119
153
120
autoria: Vivian Werdedesheim | Piloto Cinema e Televiso equipe: Direo de design: Rodrigo Pimenta, Alexandre Chalabi e Daniel Soro cliente: MTV Brasil A MTV Brasil um canal que sempre se caracterizou por seu emprego ousado do design grfico em movimento e por uma necessidade constante de renovao de sua identidade visual on-air. A ideia por trs desse projeto de refresh foi aplicar as linhas gerais do projeto grfico do canal a um ambiente orgnico, com pessoas e objetos gravados. O resultado uma abordagem mais despojada e humana, num movimento em sentido oposto ao do atual predomnio da computao grfica. As imagens captadas em vdeo possuem uma qualidade mais direta e familiar, diferentemente de como seriam se houvessem sido filmadas em pelcula, e os objetos gravados relacionam-se msica, mas fogem dos significadores mais bvios desse universo. A tipografia utilizada de modo claro e limpo, sem efeitos e rebuscamentos, de modo que parea sempre estar aplicada sobre superfcies concretas. A escolha de uma fonte do tipo estncil contribui para essa aparncia.
154
Anatomia do Design
121
155
122
autoria: Fabiana Ferraresi | Designlndia equipe: Direo de design: Fabiana Ferraresi e Paola Menezes; Design: Fernanda Barbato, Ho Chich Min e Ieda Shingai; Iconografia: Ronaldo Fraga; Programao: Srgio Mendes e Sete Oitavos cliente: Ronaldo Fraga O website do estilista Ronaldo Fraga busca representar seu universo criativo dentro de um ambiente de constante mudana e ampliao. Esse universo organizado na forma de um lbum de figurinhas, em que cada figurinha representa uma vertente do universo do estilista. As colees esto em uma pgina que pode crescer indefinidamente, e cada nova coleo entra sob a forma de um hotsite. A navegao facilitada por um menu mvel, que pode ser reposicionado em qualquer ponto da pgina. O estilo grfico ilustrativo e artesanal, prximo do naf. As cores so claras e leves e h uma grande presena de desenhos e sketches, que propem associaes livres e sugerem uma viso do interior da mente e do processo criativo do artista.
156
Anatomia do Design
LA MUERTE ILUSTRADA
autoria: Adriano Sansone Piemonte, Alessandro Sansone Piemonte, Daniel Sousa da Conceio, Dnis Rodrigues de Freitas, Diego Loza Pereira, Diogo Mangiacavalli e Rafael de Almeida orientao: Prof. Marcelo Prioste e Prof. Nelson Somma Junior Trabalho de concluso da graduao - bacharelado em design digital instituio: Universidade Anhembi-Morumbi La Muerte Ilustrada prope na hipermdia uma reflexo sobre a obra do gravurista mexicano Jos Guadalupe Posada. O produto constitudo por sites para web e celular e uma revista. Os sites contm imagens e ilustraes manipuladas digitalmente, vdeos, textos autorais, animaes 2D e 3D, tendo como princpio o design de informao, de interao, de hipertextualidade e de som. A revista contempla ilustraes e textos autorais. As gravuras e ilustraes originais de Posada so combinadas com tipografia e elementos grficos digitais, e, em alguns casos, atualizadas para linguagens e tcnicas contemporneas, como a ilustrao vetorial. As cores utilizadas relacionam-se identidade nacional mexicana, e os textos compostos de forma angular contribuem para a sensao de instabilidade e agitao, referncia ao contexto poltico conturbado em meio ao qual Posada realizou seu trabalho.
123
157
KAKOFONIA.COM
124
autoria: Flvia Nalon | ps.2 arquitetura + design equipe: Direo de design: Fbio Prata e Flvia Nalon; Design: Fbio Prata, Flvia Nalon e Guilherme Falco; Programao: Jos Venega Jnior cliente: Kako Portfolio digital do ilustrador Kako, desenvolvido de modo a funcionar como um grande arquivo de seus trabalhos, organizados em diferentes categorias. O layout limpo e bem estruturado evidencia a vocao editorial do trabalho do artista e privilegia o destaque s ilustraes, cujo estilo detalhista e rebuscado se harmoniza com a fonte clssica escolhida para os textos.
158
Anatomia do Design
125
159
REBRAND TVCOM
126
autoria: Ricardo van Steen | Tempo Design equipe: Conceituao e direo do design: Ricardo van Steen; Design: Ricardo van Steen, Frederico Freitas, Lucas Rampazzo, Fabola Seger Kolling e equipe de criao TVCOM cliente: TVCOM A TV Comunidade (mais conhecida como TVCOM) uma emissora de televiso comunitria com sede em Porto Alegre. Para o desenvolvimento de sua nova identidade visual, foram definidas sete palavras e uma cor que representassem o esprito da emissora. As palavras-chave eleitas, relativas aos atributos do canal (pertencimento, fluidez, irreverncia, interatividade e atualidade) foram desdobradas em IDs, e a cor escolhida laranja est presente em toda embalagem grfica, seja como cor dominante ou apenas como um acento . O logotipo possui uma forma verstil que sugere fluidez e maleabilidade, e serve como ponto de partida para a criao de elementos grficos que podem ser encontrados em inmeras instncias na programao. O preenchimento dessas formas com gradientes de cor sugere volume de forma sinttica e sutil.
160
Anatomia do Design
127
161
128
autoria: Rodrigo dAvila Pimenta | MTV equipe: Direo de Criao: Rodrigo dAvila Pimenta; Coordenao: Gabi Milanez; Design: Vincius Costa; udio: Beto Montalvo cliente: MTV Cdigo MTV um programa que aborda os mais variados gneros musicais, traando comparaes entre eles. A abertura desenvolvida para o programa mistura diversas linguagens e tcnicas, como 2D, 3D e stop motion, traduzindo o conceito do programa por meio de um fluxo contnuo e uma srie de conexes inesperadas entre os elementos. O udio entrecortado, numa espcie de colagem sonora, confundindo os limites entre trilha sonora e sound design.
162
Anatomia do Design
129
163
WEBSITE NITROCORPZ
130
autoria: Greyner Santos Nbrega equipe: Direo de arte: Marcilon A. Melo; Design: Marcilon A. Melo; Programao: Rhawbert Costa e Cludio Cologni | Nitrocorpz Design cliente: Nitrocorpz Design O website desenvolvido para o estdio Nitrocorpz privilegia a facilidade na atualizao e na visualizao dos projetos. Todas as informaes so concentradas na home page, com um menu de navegao com categorias identificadas por cdigos de cor e reas de destaque para projetos mais relevantes. A predominncia do branco no layout equilibra e d unidade variedade de cores presente nas prvias dos projetos.
164
Anatomia do Design
131
165
UM ESPETCULO DE VENDAS
132
autoria: Mrcio Barbalho dos Santos | Torchetti Design equipe: Direo de design: Marcio Barbalho; Design: Naraiana Peret; Ilustrao: Renato Faccini; Redao/ Reviso: Rodrigo Corra e Luiz Gustavo Linhares cliente: Brasil Telecom O ponto-chave desse projeto o uso de ilustraes trabalhadas artisticamente para propor uma linguagem diferenciada dentro do ambiente corporativo. Explora o carter fantstico do circo, usando dramaticidade e mistrio nas cenas. O cartaz foi explorado como pea principal, reforando a sensao nostlgica do espetculo. A assinatura tipogrfica foi inspirada na linguagem dos antigos cabars e no estilo Art Nouveau.
172
Anatomia do Design
181
autoria: Beatriz Ejchel | Beatriz Ejchel Design cliente: Nokia Dilogo do design com a arte e a cultura, inspirador e gerador de experincia inusitada. Um kit de lanamento de celular, para ser entregue para as operadoras, que apresenta e destaca as recm-criadas funcionalidades de msica dos aparelhos de celular Nokia. Inspirado na Babuska russa, mostra a evoluo da msica em trs tempos: na caixa externa, o vinil, dentro dela, o CD, o logo Nokia e, dentro da caixa, o celular Nokia no qual se pode colocar msica. O folder apresenta os diferentes aparelhos que oferecem essa funcionalidade.
212
Anatomia do Design
183
Na arquitetura de marcas criada para o Projeto Rio 2007, todas as submarcas deveriam ter como ponto de partida um pssaro da marca Rio 2007. Se, por um lado, essa deciso criou um ponto comum, forte, entre elas, por outro se tornou um desafio criativo para os designers. O Projeto Tocha Rio 2007, uma das submarcas Rio 2007, antecedeu os Jogos e terminou na Cerimnia de Abertura. O projeto foi abordado como um evento em si, com identidade e look & feel prprios. As medalhas Rio 2007 deveriam transmitir o carter inovador que permeou todo o Projeto Rio
Comunicao Sinttica
219
212
A Gro Expresso, apesar de estar presente em pontos de venda estratgicos, no era suficientemente conhecida, em virtude da pouca expressividade da marca anterior. Um dos desafios do projeto foi tornar a marca um produto em, si por meio de uma linguagem simblica construda a partir de seu prprio DNA. A forma e a tipologia orgnicas adotadas traduzem o tipo de produto, enquanto o reposicionamento horizontal deu marca maior destaque nas lojas. Foi criado, ainda, um cone de gros de caf com as trs letras S e as duas letras O presentes no nome.
Comunicao Sinttica
249
SITE NOTIRT
autoria: Ricardo van Steen | Tempo Design equipe: Conceituao e direo de design: Ricardo van Steen; Design: Ninna Taddei, Cssio Leito e Marcelo Amorim; Programao e manuteno: Grafikonstruct cliente: Triton Atrair novos cadastros para o mailing da Triton em uma ao institucional que comprovasse o compromisso da marca com o pblico jovem. Esse foi o ponto de partida do projeto. A resposta, uma revista virtual, interativa, com quatro reas editoriais: msica, comportamento, trabalho e artes visuais. Cada usurio manda sua sugesto de pauta, com um comentrio que esclarece o porqu da escolha. Um jornalista e um designer transformam a informao em uma ficha que colocada na rede diariamente. A produo de um contedo coletivo o principal destaque dessa ao da Triton. A interface do site permite, ainda, o fluxo comunicativo entre os seus visitantes que ocorre por meio da publicao de comentrios e avaliaes dessa produo em grupo. O que se constri , na verdade, um bemvindo afrontamento s formas de publicao tradicionais.
242
Fluxos
279
243
autoria: Leonardo Rodrigues | Tecnopop equipe: Direo de design: Andr Stolarski; Design: Andr Lima ; Concepo do site e atendimento: Luis Marcelo Mendes; Web design e flash: Leonardo Rodrigues; Programao: Eduardo Sampaio e Rodrigo Machado | Tecnopop cliente: GEG produes O msico Gilberto Gil precisava de um projeto capaz de incentivar a participao do pblico em uma turn intercontinental, na qual o registro dos shows estaria liberado, no melhor esprito iCommons. Uma identidade baseada num emaranhado de cabos de rede e na construo automtica de mensagens tipogrficas em um programa de ilustrao, cujos arquivos foram abertos ao pblico, foi completada por um site de fcil navegao e manuseio de contedo. Refazendo Gil pela internet. Bem contextualizado na era do copy and paste, o site Bandalarga disponibiliza aos seus visitantes diversos trechos das msicas do artista para que sejam produzidos e publicados novos mashups e remixes de sua obra.
280
Anatomia do Design
SITE NBP
autoria: Andr Stolarski e Leonardo Rodrigues | Tecnopop equipe: Coordenao do projeto e arquitetura de informao: Leonardo Rodrigues; Sistemas: Rodrigo Machado e Cludio Pires; Design: Andr Stolarski e Leonardo Rodrigues; Programao HTML: Silvia Cunha cliente: Ricardo Basbaum O site do projeto no apenas incentivou a participao do pblico, permitindo a troca de registro e comentrios sobre a experincia, como transformou o fluxo proposto pelo artista em uma metfora visual construda em torno de seu principal objeto. A materializao da memria do projeto Would you like to participate in an artistic experience? Ocorre no site NBP, mais especificamente na publicao de diversos experimentos artsticos realizados por diferentes pessoas, em diferentes datas, cidades e pases.
244
Fluxos
281
266
Manifesto
303
TECNICOLOR
279
Para garantir que os transeuntes se interessassem pelo cartaz que divulgava a 9 Festa Literria da USP, foi usado um 9 grande em cores chapadas. Mais do que informar qual era a edio do evento, o tipo pesado era uma forma de atrair os olhares no campus da Universidade. J em Tecnicolor, a tipografia foi elegantemente composta em branco, amarelo e magenta sobre a foto do fundo que est num duotone azul e preto. Intencionalmente, o contraste de cores organiza a composio e garante fora tipografia falsamente frgil. Quando a inteno valorizar a imagem, o uso da ilustrao parece prevalecer sobre o uso da fotografia, que, na maioria das vezes, fortemente editada, recortada, colorizada e pouco usada em seu estado bruto. Truques de edio permitem que, em Salom, a protagonista segure a prpria cabea e que, em Baoba Stereo Club, construa-se a forma de um baob com semforos e postes de iluminao, numa colagem urbanamente catica. Num momento raro, o cartaz que comemora os 150 anos do Theatro So Pedro de Porto Alegre traz uma composio sbria com uma sequncia de fotografias, organizadas em faixas horizontais referncia explcita tradio da casa.
314
Anatomia do Design
SALOM
autoria: Marcos Minini | Master Promo equipe: Direo de design: Marcos Minini; Design: Marcos Minini; Fotografia: Daniel Sorrentino cliente: Grupo Delrio de Teatro
280
Manifesto
315