<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-27644788</id><updated>2012-01-26T05:20:34.674-08:00</updated><category term='bolt brasil'/><category term='curso'/><category term='solution'/><category term='aulas'/><category term='tutoriais'/><category term='doe palavras'/><category term='lápis raro'/><category term='bhtec'/><category term='tutorial'/><category term='3bits'/><category term='kung fu'/><category term='15° Edted'/><category term='usagi'/><category term='dengue ville'/><category term='giocele'/><category term='roi'/><category term='arteccom'/><category term='palestra'/><category term='andré coelho'/><category term='videoaulas'/><title type='text'>GAZOZZO - Blog de Ronaldo Gazel</title><subtitle type='html'>Artista plástico, webdesigner desde 1997, Ronaldo Gazel apresenta a seguir seus cases mais interessantes - projetos criados para algumas das mais importantes agências de Minas Gerais, além de entrevistas, participações em matérias jornalísticas, palestras ministradas e, finalmente, seus trabalhos em artes plásticas/projetos experimentais.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>26</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-27644788.post-5316407043712091290</id><published>2010-08-09T05:12:00.000-07:00</published><updated>2010-08-09T06:49:42.547-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='palestra'/><category scheme='http://www.blogger.com/atom/ns#' term='kung fu'/><category scheme='http://www.blogger.com/atom/ns#' term='aulas'/><category scheme='http://www.blogger.com/atom/ns#' term='dengue ville'/><category scheme='http://www.blogger.com/atom/ns#' term='curso'/><category scheme='http://www.blogger.com/atom/ns#' term='usagi'/><category scheme='http://www.blogger.com/atom/ns#' term='roi'/><category scheme='http://www.blogger.com/atom/ns#' term='andré coelho'/><category scheme='http://www.blogger.com/atom/ns#' term='videoaulas'/><category scheme='http://www.blogger.com/atom/ns#' term='lápis raro'/><category scheme='http://www.blogger.com/atom/ns#' term='tutoriais'/><category scheme='http://www.blogger.com/atom/ns#' term='bhtec'/><category scheme='http://www.blogger.com/atom/ns#' term='bolt brasil'/><category scheme='http://www.blogger.com/atom/ns#' term='3bits'/><category scheme='http://www.blogger.com/atom/ns#' term='doe palavras'/><category scheme='http://www.blogger.com/atom/ns#' term='giocele'/><category scheme='http://www.blogger.com/atom/ns#' term='tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='solution'/><category scheme='http://www.blogger.com/atom/ns#' term='arteccom'/><category scheme='http://www.blogger.com/atom/ns#' term='15° Edted'/><title type='text'>15º Edted - "Os 10 Punhos Secretos do Monge Pak Mei"</title><content type='html'>Depois de uma estreia memorável no &lt;a href="http://www.quintadigital.com.br/"&gt;Quinta Digital&lt;/a&gt; , cheguei ao 15o Edted para apresentar a palestra "Os 10 Punhos Secretos do Monge Pak Mei". Nela, faço uma analogia entre o monge guerreiro que resolve vencer a tirania da mediocridade com o profissional de comunicação digital em busca de se estabelecer no mercado, diante de tantas competências distintas. São elas:&lt;br /&gt;&lt;br /&gt;- 3D (Realidade Aumentada, 3D Realtime Engines e Face Recognition)&lt;br /&gt;- Vídeo (Videodesign, Motion design)&lt;br /&gt;- Games&lt;br /&gt;- Audio&lt;br /&gt;- Mídia social&lt;br /&gt;- ROI&lt;br /&gt;- Mobile&lt;br /&gt;- Desenho (Character design, Tipografia)&lt;br /&gt;- Pesquisa&lt;br /&gt;- Ideias.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Tudo surgiu a partir da minha necessidade de compreender melhor algumas das diversas competências da comunicação digital, e assim, convidei profissionais de grande experiência para serem os ´mestres shaolin´ da palestra.&lt;br /&gt;&lt;br /&gt;&lt;object width="400" height="300"&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="allowscriptaccess" value="always" /&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13997919&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=1&amp;amp;color=&amp;amp;fullscreen=1&amp;amp;autoplay=0&amp;amp;loop=0" /&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=13997919&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=1&amp;amp;color=&amp;amp;fullscreen=1&amp;amp;autoplay=0&amp;amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href="http://vimeo.com/13997919"&gt;15° Edted - "Os 10 Punhos Secretos do Monge Pak Mei" - parte 1/2&lt;/a&gt; from &lt;a href="http://vimeo.com/gazozzo"&gt;Ronaldo gazel&lt;/a&gt; on &lt;a href="http://vimeo.com"&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;Primeiro, levantei os temas. Foi difícil escolher 10 dentre tantas possibilidades e, para isso, contei com a ajuda da amiga @priscilacunha A partir dessa escolha, criei os questionamentos e enviei a entrevista para os convidados. Eles respondiam, fazíamos junto uma revisão e um copydesk, para aprimorar o material. Depois, gravei as locuções e editei os vídeos.&lt;br /&gt;&lt;br /&gt;Tão difícil e desafiador quanto criar os vídeos e falar de 10 temas numa só palestra foi montar a narrativa cômico-marcial baseada no filme "The 36th Chamber of Shaolin" (Shaw Brothers - 1978). Se não fosse a ajuda do meu grande amigo Francisco Tupy (@gamestolearn) - um cara inteligentíssimo, brilhante - acredito que o roteiro não teria ficado tão divertido e arrancado tantas risadas da plateia.&lt;br /&gt;&lt;br /&gt;De posse dos vídeos das entrevistas e dos trechos com a paródia, compus a apresentação no Flash, usando a mesma engine que o @&lt;a href="http://twitter.com/direct_messages/create/l0ur3ir0?utm_medium=email&amp;amp;utm_content=dm_reply&amp;amp;utm_source=dm&amp;amp;utm_campaign=dm" target="_blank"&gt;l0ur3ir0&lt;/a&gt; havia criado para a minha outra palestra, de 2008, chamada "Flashback!", chamando os FLVs sem incorporá-los ao arquivo principal, deixando tudo bem leve e fácil de editar. E foram 55 FLVs diferentes ao todo, num total de 1:30 apenas de vídeo!&lt;br /&gt;&lt;br /&gt;Tive que re-editar a palestra para o Edted, uma vez que o tempo nesse evento é mais restrito. No Quinta Digital foram nada mais, nada menos, que 3 horas de palestra com muito debate e muita troca de experiências riquíssimas.&lt;br /&gt;&lt;br /&gt;Fica aqui também um agradecimento especial à Adriana e à Cristiane Dalmati, da Arteccom, pelo apoio e pela amizade. Amo vocês e vocês sabem porque. ;-)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-5316407043712091290?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/5316407043712091290/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=5316407043712091290' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/5316407043712091290'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/5316407043712091290'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2010/08/15-edted-os-10-punhos-secretos-do-monge.html' title='15º Edted - &quot;Os 10 Punhos Secretos do Monge Pak Mei&quot;'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-7312931130137740583</id><published>2010-07-28T13:09:00.000-07:00</published><updated>2010-07-28T13:40:12.231-07:00</updated><title type='text'>Entrevista - Gestalt e Semiótica aplicados à criação de interfaces (Revista Webdesign 71)</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://issuu.com/gazozzo/docs/gazozzo/1?zoomed=&amp;amp;zoomPercent=&amp;amp;zoomX=&amp;amp;zoomY=&amp;amp;noteText=&amp;amp;noteX=&amp;amp;noteY=&amp;amp;viewMode=magazine"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 296px; height: 400px;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/TFCQscJFUgI/AAAAAAAAAnQ/JR5lzKiIDTM/s400/revista_webdesign_capa_71_maior.jpg" alt="" id="BLOGGER_PHOTO_ID_5499054238162309634" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Gestalt e Semiótica aplicados à criação de interfaces – esse é o tema da entrevista especial da edição de Novembro de 2009, da Revista &lt;a href="http://www.revistawebdesign.com.br/"&gt;Webdesign&lt;/a&gt;, onde Ronaldo Gazel (&lt;a href="http://twitter.com/gazozzo"&gt;@gazozzo&lt;/a&gt;), artista plástico e webdesigner, oferece dicas valiosas sobre os princípios subliminares da Gestalt e desperta o leitor para uma auto-avaliação sincera em relação ao seu posicionamento como gerador e transformador da linguagem imagética. Gazel também demonstra, através da análise de campo visual, exemplos práticos de interfaces, interpretadas à luz dos princípios da teoria da Gestalt. &lt;p&gt;“Foi feito todo um esforço para gerar um conteúdo realmente aplicável, buscando sair do lugar comum dos exemplos abstratos e partindo para uma conversa mais franca e mais objetiva sobre o tema.”, afirma Gazel. “Ainda que não tenha a pretensão de solucionar todos os questionamentos a respeito do tema, creio que a entrevista vai, certamente, agradar a todos os tipos de leitores que se interessam por comunicação visual”, completa.&lt;/p&gt; Além da entrevista com Gazel, a edição 71 da Revista Webdesign – que já está nas bancas – traz uma série de matérias sobre o processo de diagramação de projetos web, cujo sumário pode ser visto aqui: http://www.revistawebdesign.com.br&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;(CLIQUE NA IMAGEM DA REVISTA PARA VISUALIZAR A ENTREVISTA COMPLETA EM .PDF&lt;/span&gt;)&lt;br /&gt;&lt;br /&gt;Uma coisa interessante é o fato de eu ter escrito essas respostas enquanto estava cumprindo pena no regime semi-aberto, na Dutra Ladeira, em Neves. Era um malabarismo conseguir entrar com lápis e papel. Dêem uma olhada em alguns dos rascunhos:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2756/4052060781_7674e55d9d.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 354px; height: 500px;" src="http://farm3.static.flickr.com/2756/4052060781_7674e55d9d.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm4.static.flickr.com/3495/4052800920_e04263b9af.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 354px; height: 500px;" src="http://farm4.static.flickr.com/3495/4052800920_e04263b9af.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Para ver os outros rascunhos, &lt;a href="http://www.flickr.com/photos/subdose"&gt;clique aqui.&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-7312931130137740583?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/7312931130137740583/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=7312931130137740583' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/7312931130137740583'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/7312931130137740583'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2010/07/entrevista-gestalt-e-semiotica.html' title='Entrevista - Gestalt e Semiótica aplicados à criação de interfaces (Revista Webdesign 71)'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_BWcrDJ-4mOw/TFCQscJFUgI/AAAAAAAAAnQ/JR5lzKiIDTM/s72-c/revista_webdesign_capa_71_maior.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-3784200530351456669</id><published>2009-08-11T05:56:00.000-07:00</published><updated>2009-08-11T05:58:53.860-07:00</updated><title type='text'>Poesia - Dia dos Namorados</title><content type='html'>Resgatando uma série de poesias feitas em 2002, inicio as postagens com essa, denominada "Dia dos Namorados".&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;dnaespermatozóideovulozigotogameta&lt;br /&gt;placentaliquidoamnioticordãoumbilical&lt;br /&gt;vivorespiroalimentochorodurmoexcreto&lt;br /&gt;conversoentendoconvivointeressosinto&lt;br /&gt;socializaçãoestímulosgestalttelevisão&lt;br /&gt; &lt;br /&gt;(pausa para reprodução sexuada)&lt;br /&gt; &lt;br /&gt;dnaespermatozóideovulozigotogameta&lt;br /&gt;placentaliquidoamnioticordãoumbilical&lt;br /&gt;vivorespiroalimentochorodurmoexcreto&lt;br /&gt;conversoentendoconvivointeressosinto&lt;br /&gt;socializaçãoestímulosgestalttelevisão&lt;br /&gt; &lt;br /&gt;(pausa para reprodução sexuada)&lt;br /&gt; &lt;br /&gt;dnaespermatozóideovulozigotogameta&lt;br /&gt;placentaliquidoamnioticordãoumbilical&lt;br /&gt;vivorespiroalimentochorodurmoexcreto&lt;br /&gt;conversoentendoconvivointeressosinto&lt;br /&gt;socializaçãoestímulosgestalttelevisão&lt;br /&gt; &lt;br /&gt;(pausa para reprodução sexuada)&lt;br /&gt; &lt;br /&gt;dnaespermatozóideovulozigotogameta&lt;br /&gt;placentaliquidoamnioticordãoumbilical&lt;br /&gt;vivorespiroalimentochorodurmoexcreto&lt;br /&gt;conversoentendoconvivointeressosinto&lt;br /&gt;socializaçãoestímulosgestalttelevisão&lt;br /&gt; &lt;br /&gt;(pausa para reprodução sexuada)&lt;br /&gt; &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-3784200530351456669?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/3784200530351456669/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=3784200530351456669' title='4 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3784200530351456669'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3784200530351456669'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2009/08/poesia-dia-dos-namorados.html' title='Poesia - Dia dos Namorados'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-3109411881457322019</id><published>2008-08-24T00:29:00.000-07:00</published><updated>2008-09-14T19:22:43.559-07:00</updated><title type='text'>Clip "Leia o Livro" - Tim Maia Racional - Animação finalista do concurso "Você é o Diretor"</title><content type='html'>Em setembro de 2006, eu e &lt;a href="http://tatianacavinato.blogspot.com/"&gt;Tatiana Cavinato&lt;/a&gt; decidimos participar do concurso "Você é o Diretor", da gravadora Trama Virtual. Um mês depois, tivemos a grata notícia de que éramos finalistas, conquistando o segundo lugar do concurso, que teve 542 concorrentes.&lt;br /&gt;&lt;br /&gt;Tudo começou no nosso saudoso atelier da Rua Guajajaras, cujas paredes foram completamente cobertas pelas telas do storyboard. Ali, ouvindo compulsivamente a música "Leia o Livro", fazíamos a sincronia, ajustando o timing da música com as cenas, os cortes, como se fizéssemos já uma pré-edição. Tudo isso não-linear: dependendo da inspiração, focávamos no roteiro, na sincronia ou no desenho. Na fase final do projeto, com um brilhante trabalho de edição, o Rodrigo Simões veio somar forças conosco.&lt;br /&gt;&lt;br /&gt;Confira a animação no vídeo abaixo:&lt;br /&gt;&lt;br /&gt;&lt;object width='404' height='298'&gt;&lt;param name='movie' value='http://www.videolog.tv/ajax/codigoPlayer.php?id_video=361451&amp;relacionados=S&amp;default=S&amp;cor_fundo=000000&amp;swf=1&amp;width=424&amp;height=318'&gt;&lt;/param&gt;&lt;embed  align='middle' allowFullScreen='true' type='application/x-shockwave-flash' quality='high' src='http://www.videolog.tv/ajax/codigoPlayer.php?id_video=361451&amp;relacionados=S&amp;default=S&amp;cor_fundo=000000&amp;swf=1&amp;width=424&amp;height=318' width='404' height='298'&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Leia, abaixo, a &lt;a href="http://tramauniversitario.uol.com.br/noticias/noticias_detalhe.jsp?id=13293"&gt;notícia oficial&lt;/a&gt; sobre o prêmio (por Tatiana Dias):&lt;br /&gt;&lt;br /&gt;"Como fazer um clipe de um artista que não está mais aqui – e, pior, de uma fase desconhecida que não tem registros em vídeo? Exatamente 542 universitários toparam o desafio e se inscreveram para enviar suas impressões da fase racional do Tim Maia. Os clipes, totalmente diferentes entre si, deram trabalho para os jurados. Como não havia imagens do Tim Maia nos shows, os participantes abusaram da criatividade em animações, computação gráfica e interpretação.&lt;br /&gt;&lt;br /&gt;O vencedor, que escolheu a música “Bom Senso” optou pela animação. Com um desenho simples e traços infantis, o resultado é um clipe bem-humorado, cheio de personagens e sacadas engraçadas – tem até o Tim Maia com um quê de Shiva, o deus Hindu. Luiz Berger, estudante de design gráfico no Senac – o diretor – explica que pensou na letra da música para criar o roteiro – em que as pessoas saem de bolhas, voam e, parece, alcançam o “bom senso”. Além de Luiz, mais três pessoas se envolveram na produção do vídeo – o irmão dele e mais dois amigos, que “fizeram de tudo”. Luiz, com o melhor clipe, faturou R$ 5 mil.&lt;br /&gt;&lt;br /&gt;O segundo colocado tem uma estética bem diferente. Tatiana Cavinato e Ronaldo Gazel, estudantes de artes plásticas na UEMG, fizeram uma leitura psicodélica de “Leia o livro”: uma animação ultra-colorida, com desenhos em lápis de cor, um Tim Maia em tapete voador e muitos bichos estranhos. Tatiana, que já conhecia e adorava os sons da fase racional do Tim Maia, explica que criar a animação foi complexo: “é um livro, que tem coisas que a gente não necessariamente concorda. Foi difícil fazer sem se posicionar”. Depois de definida a música – escolhida por não ser tão conhecida como “Bom senso” e “Que beleza” –, Tatiana, Ronaldo e Rodrigo Simões, responsável pela edição, finalizaram o clipe. Eles faturaram R$ 2 mil.&lt;br /&gt;&lt;br /&gt;O terceiro melhor clipe, na opinião dos jurados, também é uma leitura de “Bom senso”, mas em um viés totalmente oposto do primeiro lugar. A vencedora é Paula Marques, estudante de Design Industrial na Unesp. Com a ajuda do namorado e de computação gráfica, o clipe de Paula tem uma cara meio disco, muito bem compassado com as batidas do Tim Maia. “Eu levei em consideração a música e também a época do disco”, explica a universitária. Ela, que sempre entra no site do TU, resolveu participar na última hora – no período de prorrogação das inscrições. Que sorte: ela faturou o terceiro lugar e R$ 1 mil."&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-3109411881457322019?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/3109411881457322019/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=3109411881457322019' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3109411881457322019'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3109411881457322019'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/08/clip-leia-o-livro-tim-maia-racional.html' title='Clip &quot;Leia o Livro&quot; - Tim Maia Racional - Animação finalista do concurso &quot;Você é o Diretor&quot;'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-2793644861668359185</id><published>2008-08-24T00:28:00.002-07:00</published><updated>2008-08-24T09:56:36.430-07:00</updated><title type='text'>Videoarte - 43,70</title><content type='html'>&lt;span&gt;O &lt;span style="font-weight: bold; color: rgb(204, 102, 0);"&gt;mundo atonal &lt;/span&gt;de formas e cores proposto por &lt;a href="http://pt.wikipedia.org/wiki/Alexander_Calder"&gt;Alexander Calder&lt;/a&gt; em suas esculturas influenciou sobremaneira a criação de uma atmosfera que desconsidera os paradigmas do mundo real, optando por uma &lt;span style="font-weight: bold;"&gt;abordagem lúdica&lt;/span&gt; no deslocamento dos objetos e no diálogo entre eles.&lt;br /&gt;&lt;br /&gt;Com objetos comprados em uma "loja de R$1,99", cenários &lt;span style="font-weight: bold;"&gt;hipersaturados&lt;/span&gt; e personagens &lt;span style="font-weight: bold;"&gt;não-identificáveis&lt;/span&gt; vão se compondo e se decompondo, sugerindo e desfazendo supostos entendimentos sobre a cena exposta.&lt;br /&gt;&lt;br /&gt;Custo total da produção e compra dos objetos = R$43,70&lt;br /&gt;&lt;br /&gt;&lt;object width='404' height='298'&gt;&lt;param name='movie' value='http://www.videolog.tv/ajax/codigoPlayer.php?id_video=361427&amp;v=a2/2f/361427&amp;v_hd=null&amp;relacionados=S&amp;default=S&amp;lang=null&amp;cor_fundo=000000&amp;swf=1&amp;width=424&amp;height=318'&gt;&lt;/param&gt;&lt;embed  align='middle' allowFullScreen='true' type='application/x-shockwave-flash' quality='high' src='http://www.videolog.tv/ajax/codigoPlayer.php?id_video=361427&amp;v=a2/2f/361427&amp;v_hd=null&amp;relacionados=S&amp;default=S&amp;lang=null&amp;cor_fundo=000000&amp;swf=1&amp;width=424&amp;height=318' width='404' height='298'&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;Não tenho dúvida alguma quanto ao fato de que &lt;a href="http://www.marcotulioresende.com.br/"&gt;&lt;span style="font-weight: bold;"&gt;Marco Tulio Resende&lt;/span&gt;&lt;/a&gt; foi um dos meus melhores e mais admiráveis professores, no curso de Artes Plásticas, da &lt;a href="http://www.uemg.br/unidade_guignard.php"&gt;Escola Guignard&lt;/a&gt; (UEMG). Tive a grata felicidade de estudar dois períodos com ele, na disciplina de &lt;span style="font-weight: bold; color: rgb(204, 102, 0);"&gt;expressão bi-tri&lt;/span&gt;; momentos que, tenho certeza, foram riquíssimos para todos os colegas, tanto em debates quanto em produção artística.&lt;br /&gt;&lt;br /&gt;São duas as minhas principais lembranças; a primeira delas, inclusive, inspirou-me para o fechamento da minha palestra atual ("&lt;a href="http://www.youtube.com/watch?v=IrNuK0-7k8o"&gt;Flashback!&lt;/a&gt;"), que fala sobre as nossas "Caixas de Pandora", figura de linguagem que remete ao mito original, grego. É preciso que tenhamos muita sinceridade para conosco, tanto para compreender a ATRAÇÃO quanto a REPULSA. E Marco Túlio propunha exercícios maravilhosos de busca interior, para que viajássemos por entre territórios abandonados e medonhos, e expressássemos tanto verbalmente quanto não-verbalmente, as nossas respostas internas.&lt;br /&gt;&lt;br /&gt;A outra lembrança foi uma visita que fizemos ao centro da cidade, passando por lojas de 1,99 e comprando tudo quanto era tranqueira que passasse pela nossa frente. Era um exercício assumidamente dadaísta: deslocamento da idéia de "material ideal" para a arte, utilizando objetos que em princípio não foram fabricados para essa finalidade. Lembrando Rauschemberg - que passeava ao redor do quarteirão de sua casa, em New York, recolhendo "pré-objetos", materiais que ninguém queria, sucata, lixo - os alunos foram convidados por Marco Túlio para criarem qualquer trabalho utilizando o nosso, então, novo arsenal de criação. Lembro-me de que no dia da apresentação, impressionou-me o fato de que cada trabalho era COMPLETAMENTE distinto, e a esmagadora maioria desses trabalhos possuía um magnífico discurso conceitual ao mesmo tempo que impressionava pela qualidade plástica. Esse vídeo, "43,70" foi a minha resposta ao exercício proposto.&lt;br /&gt;&lt;br /&gt;Para finalizar, um pequeno texto do próprio Marco Túlio Resende, falando um pouco sobre si:&lt;br /&gt;&lt;br /&gt;"&lt;small&gt;&lt;span style="font-family:Verdana;"&gt;Minha poética é fruto de tudo que encontrei, toquei, deixei, perdi e sonhei; meu     veneno e meu antídoto: nascimento por fórceps, descobertas lúdicas da infância,     visões da morte, gestos não correspondidos, paixões avassaladoras, abandonos,     emanações. Tudo é apenas ir e vir e como num palimpsesto, faço, desfaço e refaço,     duvido e desconfio, avanço e paro quando me saturo: sou pelos excessos. Gostaria que meu     trabalho fosse apenas isso: meu rastro e meu selo; e que fosse forjado na mais sincera     nudez."&lt;/span&gt;&lt;/small&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-2793644861668359185?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/2793644861668359185/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=2793644861668359185' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/2793644861668359185'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/2793644861668359185'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/08/videoarte-4370.html' title='Videoarte - 43,70'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-2323622367264337840</id><published>2008-08-17T09:55:00.000-07:00</published><updated>2008-08-23T06:59:28.780-07:00</updated><title type='text'>GIGABOOM! - 1996 - Videogames, RPG, BBS e outras podreiras</title><content type='html'>Depois de &lt;span style="font-weight: bold;"&gt;12 anos&lt;/span&gt; guardado numa fita VHS, o &lt;span style="font-weight: bold;"&gt;programa-piloto&lt;/span&gt; do &lt;span style="font-weight: bold; color: rgb(204, 102, 0);"&gt;GIGABOOM&lt;/span&gt;, que fala sobre &lt;span style="color: rgb(204, 102, 0);"&gt;videogames, RPG, Computer Games, BBS&lt;/span&gt; e umas &lt;span style="color: rgb(204, 102, 0);"&gt;loucuras muito toscas&lt;/span&gt;, foi digitalizado. E o mais incrível, perdeu pouquíssima qualidade de vídeo e áudio, considerando-se todo esse tempo. Talvez porque o original foi totalmente gravado em Betacam, conferindo excelente resolução de imagem. &lt;span style="font-weight: bold;"&gt;Confiram as três partes!&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Parte 01 de 03&lt;br /&gt;&lt;object height="324" width="405"&gt;&lt;param name="movie" value="http://www.youtube.com/v/OJM3EDwWMwE&amp;amp;hl=en&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;embed src="http://www.youtube.com/v/OJM3EDwWMwE&amp;amp;hl=en&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="324" width="405"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.youtube.com/watch?v=OJM3EDwWMwE" target="_blank"&gt;&lt;/a&gt;&lt;br /&gt;Parte 02 de 03&lt;br /&gt;&lt;object height="324" width="405"&gt;&lt;param name="movie" value="http://www.youtube.com/v/Rmp_dbrzvlU&amp;amp;hl=en&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;embed src="http://www.youtube.com/v/Rmp_dbrzvlU&amp;amp;hl=en&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="324" width="405"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Parte 03 de 03&lt;br /&gt;&lt;object height="324" width="405"&gt;&lt;param name="movie" value="http://www.youtube.com/v/SNzhUFPaYbg&amp;amp;hl=en&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;embed src="http://www.youtube.com/v/SNzhUFPaYbg&amp;amp;hl=en&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="324" width="405"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;O programa foi criado em parceria com o &lt;span style="color: rgb(0, 0, 153); font-weight: bold;"&gt;Sistema Salesiano de Vídeo&lt;/span&gt;, que apostou na idéia, apesar da &lt;span style="font-weight: bold;"&gt;anarquia&lt;/span&gt; proposta pela &lt;span style="font-weight: bold;"&gt;trupe&lt;/span&gt; que apresenta o programa (que vocês conhecerão no vídeo). E agradou bastante aos &lt;span style="font-weight: bold;"&gt;padres&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Trivia: &lt;/span&gt;depois do programa pronto, o padre que mandava geral no SSV disse que &lt;span style="font-weight: bold;"&gt;tinha homem demais!&lt;/span&gt; Sugeriu colocar uma mulher. Dito e feito, inserimos uma gata no meio da história. "Sininho....." ;-)&lt;br /&gt;&lt;br /&gt;O fato é que estou muito feliz em poder trazer pra vocês agora esse programa-piloto. &lt;span style="font-weight: bold; color: rgb(204, 102, 0);"&gt;É tosco? É.&lt;/span&gt; Mas, pensem comigo, &lt;span style="font-weight: bold; color: rgb(204, 102, 0);"&gt;isso é 1996!&lt;/span&gt; E, detalhe: editado em videomachine, Windows 3.1.&lt;br /&gt;&lt;br /&gt;Meu tio, João Gazel (cabeludo que aparece no final do vídeo), de quem eu era sócio na Equipe de Criação - nossa agência -  foi o cara que mais apostou no projeto - cujo conceito surgiu após uma conversa de João com um antigo sócio, Zé Carlos. Meu tio então criou a idéia central do projeto, um programa para jovens, dentro de um segmento que até então não era suprido pela mídia: os maníacos por videogame, BBS/Internet e RPG. Naquele tempo, por mídia, entenda-se: TV.&lt;br /&gt;&lt;br /&gt;Comprei imediatamente a idéia, claro! Especialmente porque de antemão já sabia quem seriam os atores: meus amigos, tão ou mais nerds do que eu, pessoas comuns, mas notadamente especialistas no assunto, usando uma linguagem altamente coloquial, fazendo o expectador se identificar de tal maneira que pudesse pensar: "eu poderia estar ali, junto daquela turma de malucos!". Esse era o nosso grande diferencial conceitual na apresentação. Sendo assim, fui convocando e explicando o projeto para cada um deles, que foram se envolvendo e dando idéias, criando o amálgama que faltava para dar vida ao programa, criando solidez conceitual.&lt;br /&gt;&lt;br /&gt;Com a fita na mão, rodamos vários canais de TV e tivemos reações surpreendentes! Mas ninguém teve coragem de exibir. Vou ver se posto todas as curiosidades sobre esse projeto no meu blog, daí eu mando um link.&lt;br /&gt;&lt;br /&gt;Alguns destaques:&lt;br /&gt;&lt;br /&gt;- Israel, Arnon, Marco Aurélio e Lupércio dando um show de atuação&lt;br /&gt;- Marco Aurélio, Israel e Lupércio narrando os jogos sem roteiro, toscamente&lt;br /&gt;- Spoilers: final do Resident Evil&lt;br /&gt;- Previews: Tekken2, Sega Rally, Panzer Dragoon 2 e um futebol do Saturno.&lt;br /&gt;   - Marco Aurélio e Israel vestidos de mulher (HOT!!!)&lt;br /&gt;- Arnon ensinando a acessar a Seven BBS via TELIX&lt;br /&gt;- Israel detonando no kung fu e me transformando em salame (Comando Ninja)&lt;br /&gt;- Eu, 40 quilos mais magro e de costeletas gigantes&lt;br /&gt;- Muitas tosqueiras podres&lt;br /&gt;- Clip megaprodução (haha!) no final, com grua e tudo o mais.&lt;br /&gt;&lt;br /&gt;Direção: Rômulo Breda (Rominho)&lt;br /&gt;Trilha sonora: Ruben Di Souza&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-2323622367264337840?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/2323622367264337840/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=2323622367264337840' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/2323622367264337840'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/2323622367264337840'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/08/gigaboom-1996-videogames-rpg-bbs-e.html' title='GIGABOOM! - 1996 - Videogames, RPG, BBS e outras podreiras'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-8147614126960026650</id><published>2008-07-29T13:47:00.000-07:00</published><updated>2008-12-09T13:40:12.309-08:00</updated><title type='text'>Entrevista com Ronaldo Gazel - Revista Webdesign - Maio 2008 - Metodologia de Criação - Parte 02</title><content type='html'>&lt;p class="MsoNormal"&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;6 - Outra etapa muito interessante é o estudo de referências, no qual você se depara com os caminhos que outros profissionais encontraram para "...vencer desafios em situações semelhantes às que o seu projeto apresenta". Pensando nisso, quais são os limites e os cuidados necessários para que este material seja utilizado apenas como referência e não como cópia de outros&lt;br /&gt;projetos?&lt;/b&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;Sobre o estudo de referências, costumo dizer que ele se parece com o desafio de se passar por um campo minado. O soldado mais afobado, menos consciente do que acontece ao seu redor, sairá feito doido, apressado, correndo através do campo, criando seu caminho, arriscando ativar uma mina. Existe uma chance dele sair ileso, mas ela é mínima. A atitude mais sensata seria parar um pouco e analisar as pegadas, procurando a trilha de quem passou pelo campo ileso. Mas atenção! Como eu avisei durante do 10EWD, é preciso ser criterioso para interpretar essa história, tomando cuidado para apenas seguir as pegadas de quem atravessou o campo, ileso – e não para subir nas costas! É preciso entender os dilemas e as soluções, compreendendo as pesquisas e os raciocínios que levaram outras pessoas a encontrar soluções análogas às nossas. Muito diferente de colecionar referências com o objetivo simplesmente de copiar elementos visuais – uma estratégia nada recomendada.&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SI-ESf1JykI/AAAAAAAAAOM/hNzfE_j0Soo/s1600-h/Landmine.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SI-ESf1JykI/AAAAAAAAAOM/hNzfE_j0Soo/s400/Landmine.jpg" alt="" id="BLOGGER_PHOTO_ID_5228543145717385794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=""&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;As referências do webdesigner não precisam - e nem devem, na minha opinião pessoal - &lt;span style=""&gt; &lt;/span&gt;ficar restritas a interfaces. É preciso buscar em livros, em revistas - sejam elas feitas de papel ou digitais; assistir a filmes, vinhetas; assinar o RSS das principais produtoras de conteúdo, de mídia, de animações, baixando demo-reels, transitando pelo maior número de meios que permitam praticar um olhar proativo, atualizando seus bookmarks, recebendo e transmitindo fontes de pesquisa via broadcasting, tentando sentir a todo instante que essas informações não servem apenas para entretenimento ou informação, e sim para gerar o upgrade sensorial de maneira aplicada à vida prática. Caso contrário, se não nos direcionarmos no processo de pesquisa, acabaremos por nos afogar num universo de informações torrenciais que nem sempre contribuirão com nosso desenvolvimento criativo, gerando apenas confusão mental.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;7 - Falando ainda sobre o estudo de referências, quais são os diretórios de criatividade que você costuma utilizar na produção de seus projetos?&lt;/b&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;O Webdesign atingiu uma importância nunca antes vista, com a amplificação do debate filosófico, estético e conceitual sobre os meios e as perspectivas de se pensar, de se gerar conteúdo e interatividade; uma percepção de propósitos, utilidade e usabilidade cada vez mais difundida – e segmentada – diga-se de passagem, com o surgimento de vertentes vão desde os evangelistas da padronização, com seu approaching objetivo e positivo, até os artistas que trabalham com o caos navegacional, sem objetivo universalizado. E tem espaço pra todo mundo, isso é o mais bacana!&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Diante dessas inúmeras abordagens sui-generis que o Webdesign nos apresenta, hoje, fez- se necessário que as próprias fontes de referência, antes mais universalizadas, agora se multiplicassem, ramificando-se em nichos próprios, considerando um usuário-colaborador que se pretende promotor das tendências, cada qual com suas premissas e seus objetivos. Um usuário compromissado não apenas com a forma. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Iniciando pela vertente de usuários que tem foco na aplicação de webstandards, movimento que busca o melhor relacionamento, a maior eficiência no lido com a mensagem, passando por aqueles cujo foco é mercadológico, seguindo metas muito particulares, considerando fatores cronológicos e semióticos específicos, chegando até o foco artistico, onde, literalmente, vale tudo em matéria de linguagem e interatividade, o universo de propostas conceituais e estéticas que se apresenta hoje para o webdesigner, é de uma riqueza nunca antes vista. Sagaz daquele que, ao invés de ficar focado apenas na sua área, consiga também entender – pelo menos entender – as realidades dos diversos focos. E é nessa hora que os sites de pesquisa, referências, blogs, e-zines e outras fontes mostram-se grandes ferramentas para compreendermos integralmente o que de fato acontece nas outras esferas criativas, artísticas, comerciais, filosóficas, tecnológicas, que não as nossas próprias. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Bruce Lee já dizia que se um jogador de tênis resolve jogar ping-pong para aprimorar seus reflexos, ele não vai ser chamado de “traidor”. Assim como o webdesigner pode perfeitamente imergir no universo do design gráfico, por exemplo; da mesma forma como o webdesigner focado em linguagem publicitária pode – e deve – buscar entender como pensam os teóricos e arquitetos da informação em relação ao presente e ao futuro do webdesign, sem viés comercial. Apenas para exemplificar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;8 - Uma das vantagens da aplicação do esforço sinergético envolve sua flexibilidade tanto para a supressão de determinadas etapas, como também a possibilidade de inclusão de outras. Quando isso costuma acontecer?&lt;/b&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;É preciso assumir o processo como um caminho em constante mutação, revendo tais atividades diariamente, a todo instante. É como se nos transformássemos num radar de nós mesmos, entendendo as nossas próprias mudanças internas e externas, e a partir delas, desenvolvêssemos as novas “features”, as novas etapas formadoras da nossa metodologia organo-funcional. Por exemplo: um projeto que possua pouco prazo para desenvolvimento, muitas vezes demanda trabalhar com apenas Apresentação, To Do List e Layout; outros que possuam um comprometimento estético, uma abordagem mais artística, necessitam de estudos detalhados de referência, de storyboards, da criação de scratches;&lt;span style=""&gt;  &lt;/span&gt;porque, como já dito, o “esforço sinergético” é uma dessas metodologias que só faz sentido se for completamente adaptada aos nossos perfis práticos e psicológicos.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;É preciso também atualizar a própria maneira de se trabalhar dentro de cada módulo, atualizando-se sempre. Por exemplo: à época da palestra, em 2005, eu usava o Outlook Express durante quase todo o tempo, por isso usava sempre o template de mensagem para registrar idéias, e usava as estruturas das pastas para organizar os dados; hoje em dia não faço mais assim, utilizo os Google Apps, especialmente o Gmail e o Google Docs, que permitem trabalhar de maneira colaborativa, ampliando toda a maneira com que se percebe e com features que, há 3 anos, pareceriam algo distante.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;9 - Como qualquer outro campo do conhecimento, devemos procurar sempre estimular a criatividade para se buscar a evolução desta prática. Quais são os exercícios de criação que você costuma utilizar?&lt;/b&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SLF4wTBeTNI/AAAAAAAAAPs/kkqH6xIojcY/s1600-h/receita_de_bolo_ronaldo_gazel_revista_webdesign.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SLF4wTBeTNI/AAAAAAAAAPs/kkqH6xIojcY/s400/receita_de_bolo_ronaldo_gazel_revista_webdesign.jpg" alt="" id="BLOGGER_PHOTO_ID_5238100612744105170" border="0" /&gt;&lt;/a&gt;&lt;span style=""&gt;Primeiramente, um exercício permanente: buscar um posicionamento critico diante da realidade, da arte, do comportamento, da idéia geral de “belo”, de “bom”, de “ideal”, usando essa “Insatisfação” para gerar novos insights, novas conexões não-usuais, no dia-a-dia.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Outro exercício permanente, que é na verdade uma postura mental, é assumir o processo criativo como um processo catártico, emocional, e não apenas racional. Não adianta comprar um livro explicando o passo-a-passo da criação de um site de sucesso, &lt;span style=""&gt; &lt;/span&gt;É preciso se sensibilizar, entender razões, indo até, se precisar, na sua própria “caixa de pandora”, revirando o baú onde guardamos sentimentos dos quais temos medos, questionamentos sobre nós mesmos que não queremos encarar. Repetindo: não há ganho, sem “dor”.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Também ajuda bastante a criar uma sensação de mobilidade, sair da rotina de maneira programada, sincera, habitual – porque idas ao cinema, saídas a boates, a museus, a exposições, a mostras, feitas de “urgência”, quando estamos em crise, nos faz projetar falsas expectativas, e o tiro pode sair pela culatra: a solução acaba por aumentar ainda mais o problema.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Além disso, relacionei algumas atitudes que eu pratico e que costumam gerar excelentes resultados. Vamos a elas:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Praticar o olhar analítico, percebendo as propriedades visuais das imagens, no dia-a-dia&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; – temos a tendência em 'fechar' a Gestalt rapidamente, atitude responsável por 'pasteurizar' muitas criações nossas. Precisamos ser hábeis em mudar de paradigma perceptivo para explorarmos novas possibilidades de gestalt além das óbvias - e para isso vamos desenvolver o olhar analítico - sem deixar de trabalhar o olhar livre, criativo - até porque a habilidade analítica nos deixa muito mais à vontade, seguros para 'soltar a mente' no olhar criativo, livre. A pressa acelera ainda mais a velocidade da gestalt - é preciso desacelerar esse processo, aumentando o tempo de percepção da imagem – desprendendo-se do automatismo sensorial e enxergando novos valores, ainda que a partir de uma imagem velha.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Identificar posições etnocêntricas e praticar a visão global &lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="font-size:10;"&gt;–&lt;/span&gt;&lt;/b&gt;&lt;span style="font-size:10;"&gt; &lt;/span&gt;&lt;span style=""&gt;É fundamental se posicionar como radar de pensamentos, idéias e tendências, fazendo o máximo esforço para compreender a diversidade em que vivem as pessoas, principais razões do webdesign, da comunicação, da arte. É preciso compreender as realidades alheias, por mais que, muitas vezes, não concordemos nem compartilhemos de algumas atribuições predicativas (ruim, errado, certo, bom, mau, etc) a respeito de qualquer objeto, ser ou situação. É assim que nos transformamos em poderosas antenas de percepção sensorial/criativa, gerando nossas próprias opiniões, mas aceitando que nossos valores, nossas idéias, não são nem piores e nem melhores do que as dos outros, e sim, diferentes.É importante nos policiarmos para buscar compreender as situações e idéias das quais discordamos ou nutrimos alguma aversão, tentando vê-las do ponto de vista de quem as defende.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Laboratório usando interfaces colaborativas:&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; criar comunidades o mais impensáveis possíveis e vídeos com potencial viral, no YouTube. Aproveitar a facilidade e a visibilidade desses ambientes para projetar experiências livres&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b style=""&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Registro de qualquer idéia ou fragmento:&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; Nunca usar o computador SEM um arquivo aberto em algum editor de texto ou email, para evitar a preguiça de abrir o software, achando que a idéia ou fragmento serão percebidos novamente.&lt;b&gt; &lt;/b&gt;Idéias e observações interessantes sobre qualquer assunto do nosso interesse pessoal e profissional devem ser registrados. O próprio ato de anotar cria vínculos mnemônicos entre fragmentos de idéias, aumentando a habilidade de produzir novos fragmentos, que vão dar origem às grandes e boas idéias. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Imagens sensoriais:&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; Registro e observação, análise, de imagens de qualquer natureza, baixadas no decorrer do dia; imagens que gerem interesse suficiente para que as baixemos, não estando relacionadas necessariamente a projetos. Isso vai gerar reflexos mnemônicos pouco previsíveis quando retornarmos a elas, posteriormente.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Brief-feeding&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; - Leitura do material por 3 vezes – imersão e percepção total do material primordial de trabalho.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style=""&gt;Interface updating: &lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt;pesquisar semanalmente novas extensões para o Firefox, para o Gmail, enfim, para as interfaces que você utiliza regularmente, mantendo-se atualizado, aproveitando os novos facilitadores que surgem a cada dia.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b&gt;&lt;span style=""&gt;Tomada de posições \ lapidar opiniões em “estado bruto’&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; - Uma das etapas mais importantes do esforço sinergético é, sem dúvida, o estudo de referências. Mas como fazer um bom estudo de referências se não somos hábeis em tomar posições? Quero dizer que opiniões como “acho bacana” ou “esse layout é legal”, expressam sentimentos válidos, mas se esses são os únicos atributos que você encontra em web design, design gráfico ou artes plásticas, está mostrando que esses seus sentimentos estão em estado bruto, ou seja, aquela comunicação visual ‘mexeu com você’, mas você não encontra mecanismos para &lt;b&gt;desconstruir &lt;/b&gt;essa impressão, definindo exatamente &lt;b&gt;O QUÊ&lt;/b&gt; mexeu com você e &lt;b&gt;PORQUE&lt;/b&gt;. Design pode ser muito bacana por razões bem definidas, e isso é importantíssimo para nós que criamos e desenvolvemos.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;span style=""&gt;Para apurarmos nosso senso crítico visual, é fundamental que nos comportemos como &lt;b&gt;artistas.&lt;/b&gt; O design é capítulo fundamental na história da arte, e nós, que vivemos a pós-modernidade, fazemos parte dessa história. Diferente das artes plásticas, que trabalham focalizando a expressão do artista, o design, ou ainda, o webdesign é um desafio diferente: o artista, nós, precisamos distribuir nossa atenção para os aspectos práticos, comerciais ou utilitários, enquanto expressamos nossa arte. No dia-a-dia das agências, infelizmente, os webdesigners não têm tempo para essa auto-avaliação e acabam por recebem o rótulo de ‘peões digitais’, isto é, uma força de trabalho capaz de operar software. Se for o seu caso, puxe o freio de emergência AGORA e comece a ver o artista que existe em você, não apenas o profissional.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Estudo teórico / prático de assuntos relacionados ao webdesign/arte&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt;, por rodízio (ex: segunda-feira: tipografia / terça-feira: história da arte, quarta-feira: programação Flash, etc)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Leitura livre recreativa ou vídeo por pelo menos 30 minutos&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; (videoarte, literatura, poesia, quadrinhos, romance, qualquer tipo de leitura de qualidade);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;b style=""&gt;&lt;span style=""&gt;Aprender a Amar o que deve ser amado, sem se apegar ao objeto/pessoa/situação amado&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt;, e com isso, amar sem medo. Isso nos dará confiança para perceber novas possibilidades na vida, não apenas visuais, com tranquilidade.&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;&lt;br /&gt;10 - A tecnologia surge como uma grande aliada no processo de criação na web. Porém, é comum sua aplicação tornar muitos projetos padronizados e pouco originais. Existe um limite no uso da tecnologia e de que maneira ela pode contribuir efetivamente para alcançarmos a criatividade?&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;A tecnologia é curiosa: se por um lado ela traz consigo um pressuposto “progresso”, pois facilita, agiliza, otimiza os processos humanos, por outro lado ela se alimenta da própria obsolescência, já considerando que no momento em que é lançada ao público, ao mercado, já está obsoleta. Por isso mesmo não devemos ser “escravos” de nenhuma tecnologia específica, mas sim, reconhecer com muito bom-senso suas limitações e suas vantagens em relação aos nossos propósitos criativos e comerciais. As soluções conceituais e tecnológicas universalistas geralmente são restritivas, pois presumem uma adequação da interface ao maior número de pessoas simultaneamente; por outro lado, as soluções especifistas, por natureza, exclusivistas, por causa de seus focos bem-definidos acaba por canibalizar uma parte do público quando não oferece vias alternativas de comunicação, gerando dead-ends. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;span style=""&gt;A tecnologia, é como “um dedo apontado em direção à lua”, diria a sabedoria oriental – “não se concentre no dedo ou perderá toda a visão celestial”. A dialética em torno dos meios, dos métodos, deve ser constante. Não devemos ceder á tentação das soluções perfeitas, fáceis, e sim, manter uma percepção constante da nossa própria realidade, aumentando a capacidade de se fazer escolhas dentro do inesgotável arsenal tecnológico.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-8147614126960026650?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.revistawebdesign.com.br/' title='Entrevista com Ronaldo Gazel - Revista Webdesign - Maio 2008 - Metodologia de Criação - Parte 02'/><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/8147614126960026650/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=8147614126960026650' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/8147614126960026650'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/8147614126960026650'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/07/entrevista-com-ronaldo-gazel-revista.html' title='Entrevista com Ronaldo Gazel - Revista Webdesign - Maio 2008 - Metodologia de Criação - Parte 02'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_BWcrDJ-4mOw/SI-ESf1JykI/AAAAAAAAAOM/hNzfE_j0Soo/s72-c/Landmine.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-3015845122063263544</id><published>2008-06-12T19:39:00.001-07:00</published><updated>2008-12-09T13:40:12.947-08:00</updated><title type='text'>Entrevista com Ronaldo Gazel - Revista Webdesign - Maio 2008 - Metodologia de Criação - Parte 01</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SLF0AXDWXcI/AAAAAAAAAPc/RlCdhsedXI8/s1600-h/capa_revista_webdesign_maio_2008.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SLF0AXDWXcI/AAAAAAAAAPc/RlCdhsedXI8/s320/capa_revista_webdesign_maio_2008.jpg" alt="" id="BLOGGER_PHOTO_ID_5238095391145483714" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;&lt;br /&gt;1 - A criatividade é considerada requisito básico para alcançarmos um diferencial em um projeto. Em tempos digitais, quais seriam os parâmetros para definirmos algo criativo na web?&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;!--[if !supportLineBreakNewLine]--&gt;&lt;br /&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Antes de debatermos sobre os parâmetros do que é criativo, permita-me falar sobre o lugar-comum, o que não causa surpresa; sobre as idéias, imagens e objetos aos quais somos indiferentes, das idéias recicladas à exaustão, das &lt;span style="font-weight: bold;"&gt;“soluções fáceis”&lt;/span&gt; – clichês de todos os tipos, chavões, ´gags´ prontas; Do desgaste tipográfico, de recursos pictóricos &lt;span style="font-weight: bold;"&gt;hyped&lt;/span&gt; que, no dia seguinte, estão surrados, rotos, maltrapilhos.... &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Todos esses maus atributos estão diretamente relacionados a uma só palavra: &lt;span style="font-weight: bold;"&gt;saturação&lt;/span&gt;; Saturação da linguagem, das estéticas, que seguem uma via inevitável de &lt;span style="font-weight: bold;"&gt;ascensão e queda&lt;/span&gt;, de amor e desprezo – fenômenos que se sucedem de maneira extremamente acelerada. Nesse cenário, torna-se evidente a dificuldade de se criar algo que tenha personalidade própria, &lt;span style="font-weight: bold;"&gt;que se sustente por mais tempo do que o esperado&lt;/span&gt;; que consiga, diante do consumo e regurgitação vorazes do público, conquistar um outro patamar. Não é nada fácil ter certeza das estratégias e objetivos que escolhemos diante de tamanha complexidade, das &lt;span style="font-weight: bold;"&gt;trocas de personalidade editorial&lt;/span&gt; (quem era expectador, agora também passa a ter sua própria audiência), do fluxo cada vez mais frenético, de dados; fatos que nos fazem questionar a todo tempo &lt;span style="font-weight: bold;"&gt;quem são os personagens na cadeia de consumo criativo.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Precisamos, para tanto, antever a percepção da mensagem, por parte do nosso público, compreendendo totalmente sua personalidade e seu papel no mundo digital - e com essa habilidade, ir além da gestalt, do sensorialismo puro da forma, mudando o ponto de vista sobre o que consideramos o ‘lugar comum’, considerando os clichês que deverão ser quebrados, em cada tipo de abordagem, para, criarmos, finalmente...o imprevisível! &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;O imprevisível que feche a gestalt, comunicando por uma &lt;span style="font-weight: bold;"&gt;via não-usual,&lt;/span&gt; trazendo satisfação para quem recebe a mensagem, enquanto, na outra ponta, faz o responsável pela ‘solução criativa’ obter prazer ao cumprir a tarefa, reafirmando-se cada vez mais como profissional e aumentando a sua crença.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Estamos habituados a um automatismo funcional do pensamento e da linguagem; digo funcional, porque sobrevive latente, dentro de nós, o mesmo &lt;span style="font-weight: bold;"&gt;instinto de sobrevivência&lt;/span&gt; que nossos antepassados, nas cavernas, possuíam. Sentimos necessidade da linguagem, no dia-a-dia, para nos comunicar da maneira mais rápida e mais prática possível. Caso contrário, &lt;span style="font-weight: bold;"&gt;a má comunicação irá se refletir em problemas de natureza material, funcional. &lt;/span&gt;Então nos apegamos a um modelo automatizado de linguagem. &lt;span style="font-weight: bold;"&gt;Romper esse modelo é o objetivo da criatividade, seja qual for o meio em que se manifeste.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SI-E7V4ELMI/AAAAAAAAAOU/zgT_WR_yo9M/s1600-h/Caravaggio_-_A_conversao_de_Sao_Paulo.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SI-E7V4ELMI/AAAAAAAAAOU/zgT_WR_yo9M/s400/Caravaggio_-_A_conversao_de_Sao_Paulo.jpg" alt="" id="BLOGGER_PHOTO_ID_5228543847419882690" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=""&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Podemos dizer, assim, de forma resumida, que a criatividade é um mecanismo especial, diria lúdico, de se trabalhar a linguagem além do lugar comum, dos paradigmas cotidianos. Aplicada à web, que é o maior catalisador de modelos interativos, para onde convergem todos os experimentalismos da linguagem, das interfaces, a criatividade se torna-se o maior campo de atividade intelectual, criativa, cultural, artística e social existente.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;2 - Uma característica muito importante para se atingir a criatividade envolve a motivação. Assim, os especialistas recomendam revermos freqüentemente os nossos sonhos e nossas metas pessoais e profissionais. Com sua experiência, é possível apontar o momento ideal para se fazer essa avaliação? E de que forma ela deve ser feita?&lt;/b&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;Definir metas e sonhos, para muitas pessoas, soa como se estivéssemos falando sobre algo irreal, algo fantasioso, infantil. Uma das razões disso talvez seja o fato de que, quando somos crianças, nossa mente é muito livre para conectar idéias, imaginar possibilidades. Mas com o passar do tempo vamos ouvindo a palavra NÃO, vamos sendo tolhidos, moldados, ajustados segundo um “zeitgeist”, uma consciência coletiva, como um “grande irmão” que nos vigia e nos repreende quando pensamos de forma diferente dos demais, quando questionamos os mecanismos culturais, sociais, políticos e econômicos, buscando a nossa identidade real. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Você sabe como se cria um circo de pulgas? Pegue um recipiente cilíndrico transparente, coloque lá algumas pulgas, e tampe com um vidro. Imediatamente as pulgas vão querer saltar para fora do recipiente, e nessa hora, acabam por bater suas cabeças no vidro. Depois de 1 ou 2 dias você já pode retirar a tampa de vidro e amestrar suas pulgas, porque elas nunca pularão para fora do recipiente! Porque, apesar de não haver mais a tampa, elas sempre pensarão que a tampa está lá. Assim acontece conosco também: depois de alguns fracassos pontuais, a maioria das pessoas acaba criando uma “tampa de vidro”, e passam, como defesa contra o medo de se frustrar novamente, a não acreditarem que o sucesso é possível, que alcançar um diferencial, “saltando mais longe”, é ilusão e assim, melhor ser pessimista (ou “realista”, um eufemismo) do que otimista.&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SI-FqbOa-TI/AAAAAAAAAOc/sm8X9U4Y_KQ/s1600-h/flea_cart_finger_hindlegs02%2Bsm.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SI-FqbOa-TI/AAAAAAAAAOc/sm8X9U4Y_KQ/s400/flea_cart_finger_hindlegs02%2Bsm.jpg" alt="" id="BLOGGER_PHOTO_ID_5228544656309680434" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=""&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Quero dizer que, se num passado recente você tentou &lt;span style=""&gt; &lt;/span&gt;planejar o presente e o futuro, definir objetivos existenciais, então ao invés de se frustrar, é preciso despertar e praticar nossa sinceridade e nossa fé. Sinceridade para reconhecer sem superestimar ou subestimar a realidade dos fatos, a nossa responsabilidade para com a situação; Fé, para manter inabalável a crença em nós mesmos, ou naquilo em que acreditamos e dá sentido à “bússola de interesses”, sentido que nos guia em direção aos nossos objetivos mais primordiais.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Certa vez uma pessoa chegou na rodoviária e foi comprar uma passagem. Chegando no guichê, disse: “quero uma passagem.”. O vendedor perguntou: “pra onde?”. Ele respondeu: “sei lá, pra qualquer lugar”. Essa história exemplifica a falta de metas específicas na nossa vida. Precisamos saber pra onde vamos e se realmente queremos chegar lá, e pra isso, temos que aumentar nosso controle sobre a tal ‘bússola de interesses’, o lugar na mente onde ficam as informações mais preciosas sobre as nossas vidas: do que gostamos e o que queremos – os nossos sonhos e metas. Se não fazemos essa avaliação diariamente, só iremos descobrir, muito tempo depois, que superestimamos ou subestimamos determinada crença ou valor que deveríamos ter abandonado ou adquirido. Revendo metas e sonhos, podemos aumentar a coerência entre o que somos e o que fazemos.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;3 - Em palestra realizada durante o 10º Encontro de Webdesign (&lt;/b&gt;&lt;b style=""&gt;&lt;span lang="EN-GB"&gt;&lt;a href="http://www.arteccom.com.br/encontro" target="_blank"&gt;&lt;span style="" lang="PT-BR"&gt;www.arteccom.com.br/encontro&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style=""&gt;), você analisou a síndrome da tela branca, momento no qual muitos profissionais esperam pelo "surgimento" da criatividade e que acaba acarretando, muitas vezes, no bloqueio criativo. Quais são os caminhos para se evitar tal bloqueio?&lt;/b&gt;&lt;/span&gt;&lt;b style=""&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;!--[if !supportLineBreakNewLine]--&gt;&lt;br /&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;A tela branca representa o AGORA, a responsabilidade da ação. Não dá pra fugir dela&lt;span style=""&gt;  &lt;/span&gt;- se correr, o bicho pega - você perde o cliente - e se ficar, o bicho come - você é nocauteado pela tela branca.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Todo esse medo, essa sensação de náusea, de estômago embrulhado que todos nós temos quando colocados à prova, nos faz ficar tensos, por causa do medo, do receio de nos deparar com questões existenciais mal-resolvidas, medo de descobrir que superestimamos a nós próprios. Por isso, a primeira coisa a se fazer, antes de tentar resolver um conflito, um bloqueio criativo, é se auto-aceitar, aceitar a situação, respirar fundo, tentar acalmar o coração e a mente. O relógio interior não pode correr no mesmo timing do relógio do mundo na hora da criação, o timing da nossa vida é que tem que dar as coordenadas para o tempo do mundo, das coisas.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Todos sentimos medo, mas nem todos conseguem lidar com esse sentimento de maneira positiva. O medo humano é um mecanismo feito para nossa proteção, nosso senso de auto-preservação. O problema é que ele facilmente se transforma num monstro gigante quando estamos desesperados. E como iniciaremos um trabalho criativo estando totalmente desestimulados? Primeiramente, respirando fundo e nos dedicando a uma procura sincera pelos motivos reais do bloqueio. Enquanto não estivermos mentalmente, espiritualmente prontos, será IMPOSSÍVEL criar algo de qualidade, é melhor nem tentar. Portanto, dediquemo-nos a uma auto-avaliação sincera, mesmo que isso não seja algo agradável, a princípio. Mas é um grande remédio contra o MEDO.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;É verdade que gostaríamos mesmo é que a criatividade fluísse de nós ‘automagicamente’? Primeiro, porque dói. Isso mesmo, dói. Expressar criatividade através da comunicação visual é solucionar um problema, é conectar possibilidades mnemônicas com valores lógicos (e  pior, subjetivos!), charadas, codificando e decodificando informações, Porque, ao longo da nossa vida, no nosso dia-a-dia, deixamos de fazer algumas coisas em prol de fazermos outras. Nesse momento entra em ação a nossa ‘bússola de interesses’, que define DO QUE GOSTAMOS, O QUE QUEREMOS, valores que mudam a todo instante e que vão definir se você vai ou não sair da sua ‘Zona de Conforto’ em prol desse objetivo.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Não existem atalhos fáceis para se conquistarem resultados satisfatórios, na vida e no webdesign; eu diria até mesmo que para se atingir a felicidade, o prazer da superação, da vitória, é preciso que entendamos o fato de que não existe ganho, sem dor. Ou ainda “não existe almoço grátis”&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;A simplicidade do esforço adequado, nas atividades corretas, faz com que todo o sofrimento se transforme em catarse quando você perceber, nitidamente, que depois da “dor” - pesquisa, autocríticas, esboços, leituras, estudos, etc - &lt;span style=""&gt; &lt;/span&gt;do esforço de auto-transformação, vem o prazer, a satisfação impagável da auto-estima. Não se engane, sem auto-estima não temos vontade de fazer quase nada bem-feito, que tenha diferencial. Por isso mesmo que normalmente nossos bloqueios criativos acontecem, quase sempre, quando estamos confusos mentalmente, psicologicamente. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Se não tivermos coragem para estar frente a frente com nossos bloqueios, entendendo-os e acabando com ele na raiz, nas causas, não vai adiantar sair pra ver um filme, ler um livro, ir ao teatro, namorar, etc. Exatamente como acontece com as pessoas que pensam poder eliminar seus problemas virando um eremita, morando numa montanha longe de tudo - o problema vai continuar dentro delas.&lt;br /&gt;&lt;!--[if !supportLineBreakNewLine]--&gt;&lt;br /&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Outra maneira de vencer o medo é possuir ferramentas afiadas, isto é: buscar o know-how técnico, adquirido pela leitura de livros formativos, participação em fóruns, em cursos ministrados por instituições qualificadas e muitas lidas no Help de programas, representam os INTRUMENTOS de que um webdesigner precisa para realizar plenamente as suas atividades criativas. Mais do que ser programador, animador, fotógrafo, pintor, redator, seja o que for, o designer precisa se lembrar de que antes de tudo, é um COMUNICADOR VISUAL – queira, ou não queira. Não vai adiantar nada uma técnica primorosa e uma capacidade de comunicação mínima. E vice-versa: uma boa capacidade de comunicação pode ir por água abaixo se não houver ferramentas capazes de expressá-la.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SLF3fTup7nI/AAAAAAAAAPk/mDzAZiOdoKo/s1600-h/paradoxo_da_criatividade.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SLF3fTup7nI/AAAAAAAAAPk/mDzAZiOdoKo/s400/paradoxo_da_criatividade.jpg" alt="" id="BLOGGER_PHOTO_ID_5238099221364207218" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:9;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style="font-size:9;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;Seja qual for o método escolhido para superar o bloqueio, um critério é válido universalmente: não devemos aguardar o ‘momento ideal’ para se desenvolver o trabalho, porque, mesmo que esse momento existisse, você não saberia distingui-lo. Isso porque a nossa idéia de momento ideal é quando a solução – muito mais do que um simples layout – surge como num passe de mágica, pronto, na sua mente. Mas isso raramente acontece, e de fato, é preciso rever aquela charada do ‘ovo e da galinha’ – quem veio primeiro? - e perceber que, enquanto não começamos, estamos deixando trancado dentro de nós, travado, preso, o poder criativo, que fica inibido quando demonstramos demonstração, insegurança, para nós mesmos. Esse é o paradoxo da criatividade: se você não começar a produzir, ela não surge; se ela não surgir, você não começa a produzir. Por isso tudo, é melhor, com ou sem ‘inspiração’, colocar a mão na massa. Essa atitude, de fazer primeiro e perguntar depois, mesmo sem motivação, é boa em todas as circunstâncias:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:18;"&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;4 - Nesta mesma apresentação, você revelou o uso do esforço sinergético como uma boa metodologia a ser aplicada em um processo de criação. Em que consiste este modelo e de maneira ele pode ser aplicado no design para web?&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;É a engrenagem que vai fazer a criatividade se manifestar, é a metodologia que ajuda a colocar os nossos mecanismos criativos em ESFORÇO CORRETO, gerar o desejo REAL de se fazer a criação. Com esse Esforço Sinergético – metodologia formada por etapas intercaláveis de criação e desenvolvimento, vamos sentir &lt;b&gt;de maneira consciente,&lt;/b&gt; que estamos conectando idéias, gerando metáforas visuais com mais fluidez e desejo, lidando com significados, significantes e conexões simbólicas de modo harmonioso.&lt;/span&gt;&lt;span style="font-size:10;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;O conjunto original é formado pelos seguintes itens:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b&gt;&lt;span style=""&gt;- Brainstorming: &lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt;Aqui se registra qualquer fragmento de idéia ou comentário que seja pertinente ao projeto, ou qualquer outro tipo de registro emocional/criativo. É uma área livre, aqui não existe culpa nem medo, apenas liberdade total.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b&gt;&lt;span style=""&gt;- To Do List: &lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt;Aqui se definem os elementos de comunicação visual que você acha que vai usar, e também se registram os testes visuais que se fizerem necessários. É um lugar de se tomar decisões rápidas e de grande importância. Aqui você vai descartar ou aceitar idéias.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b&gt;&lt;span style=""&gt;- Apresentação:&lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt; Escrevendo um relatório completo sobre o seu projeto, você prepara terreno fértil para suas idéias brotarem. É preciso que a finalidade de todas as suas ações esteja bem definida, pois, assim, você fica mais confiante no trabalho, ao verificar que está agindo de acordo com a proposta. Posteriormente esses registros poderão ser muito úteis quando você apresentar o fruto do seu trabalho.Você usa a apresentação na para criar o projeto e a aproveita depois na hora de apresentar o trabalho. Uma necessidade básica.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b&gt;&lt;span style=""&gt;- Estudo de referências: &lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt;Registro visual e textual (se possível) que mostram caminhos usados por outros webdesigners para vencer desafios em situações semelhantes às que o seu projeto apresenta. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="western" style="margin-bottom: 0.0001pt;"&gt;&lt;b&gt;&lt;span style=""&gt;- Seu arquivo de layout: &lt;/span&gt;&lt;/b&gt;&lt;span style=""&gt;É a tela do seu ambiente de criação, de desenvolvimento; seu programa de ilustração, composição, 2D ou 3D, onde você vai registrar todos os seus layouts, do primeiro ao último. Esteja pronto para criar de 3 a 10 layouts evolutivos durante o processo de criação. Para entrar aqui, você precisa estar pronto para testar alguma idéia ou já ‘colocar a mão na massa’, criando os elementos da interface.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Com o Esforço Sinergético, sintetizei parte da minha metodologia para que outros profissionais também pudessem experimentá-la em suas realidades. O método é bastante simples, formado por 5 atividades – em princípio comuns –&lt;span style=""&gt;  &lt;/span&gt;seu segredo está, não em técnicas mirabolantes, exóticas, e sim, na sua natureza utilitária e na maneira de se pensar a metodologia, sem linearizar o processo, aumentando a própria mobilidade sensorial, percebendo o todo, transitando caoticamente por entre as etapas, deixando-as direcionar seu próprio rumo.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;5 - Dentre as etapas do esforço sinergético (apresentação, brainstorming, todo list, arquivo de layout e estudo de referências), você recomenda que o profissional inicie esta metodologia pela apresentação, uma espécie de produção de um relatório minucioso de um projeto. O que deve ser relatado nesta etapa e quanto tempo ela deve consumir do período total destinado ao processo de criação?&lt;/b&gt;&lt;/span&gt;&lt;span style=""&gt;&lt;br /&gt;&lt;br /&gt;A sugestão para se iniciar pelo item “Apresentação” é uma dica para quando a auto-confiança e o desejo de realizar o projeto parecem ter desaparecido, dando lugar a pensamentos sempre negativos. “Apresentação” é um item é absolutamente racional, priorizado justamente porque, nele, a inteligência cartesiana, a lógica, entram mais facilmente em atividade, digamos, “forçada”, permitindo dar partida no projeto, organizando nosso plano de ação. Á medida em que vamos, dolorosamente, escrevendo as primeiras linhas, o desconforto vai desaparecendo e dando lugar a um entendimento maior da questão, gerando auto-confiança. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;Iniciar por esse item, permite planejar o tempo de desenvolvimento de um projeto visto sob uma ótica integral, deixando de pensar em layout como quem senta num programa de ilustração, ou diante de uma tela de pintura, e começa a pintar/desenhar. Isso representa apenas uma etapa do processo. É preciso que, antes de iniciar a criação, façamos uma previsão de tempo pra cada etapa necessária, incluindo criação da arquitetura de informação, definição de objetivos, levantamento de metas específicas a serem alcançadas, ou ainda conclusões/pré-conclusões - pressupostos idealizados no decorrer do projeto. Quando temos uma percepção realista do tempo disponível, organizando-o em etapas defininidas, ficamos mais conscientes das possibilidades e assim, poderemos iniciar o processo criativo trabalhando simultaneamente em várias frentes. É como se déssemos o pontapé inicial: a partir do momento em que o projeto passa a “viver”, ele deixa de ser apenas uma idéia flutuando sob nossas cabeças, ganhando movimento, força. Assim, com esse impulso propulsor, as demais atividades começam a tomar vida própria também. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style="font-size:130%;"&gt;Na prática, o esforço sinergético permite que para cada estado gestáltico (no sentido psicológico, nosso status psico-emocional) – optemos por uma das atividades selecionadas; aliás, essa habilidade é determinante para que o processo seja sempre individual, ajustado para cada perfil e cada realidade.&lt;o:p&gt;&lt;/o:p&gt;&lt;b style=""&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style=""&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-3015845122063263544?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.revistawebdesign.com.br/' title='Entrevista com Ronaldo Gazel - Revista Webdesign - Maio 2008 - Metodologia de Criação - Parte 01'/><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/3015845122063263544/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=3015845122063263544' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3015845122063263544'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3015845122063263544'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/06/revista-webdesign-maio-2008-metodologia.html' title='Entrevista com Ronaldo Gazel - Revista Webdesign - Maio 2008 - Metodologia de Criação - Parte 01'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_BWcrDJ-4mOw/SLF0AXDWXcI/AAAAAAAAAPc/RlCdhsedXI8/s72-c/capa_revista_webdesign_maio_2008.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-1973594674864121958</id><published>2008-06-12T19:34:00.000-07:00</published><updated>2008-08-23T21:23:29.078-07:00</updated><title type='text'>13º Encontro de Webdesign - Rio de Janeiro</title><content type='html'>No dia 10 de maio aconteceu o primeiro dos oito ciclos de palestras e debates organizados e promovidos pela Arteccom - o já tradicional Encontro de Web Design, na sua décima-terceira edição.&lt;br /&gt;&lt;br /&gt;Cheguei ao Hotel Glória (link) na sexta, dia 09, às 23:40. Ainda precisava terminar de montar mais de 10 slides e estava um tanto ansioso. Aí que mora Murphy: liguei para a recepção e eles disseram que havia tantos hóspedes no hotel que não havia sobrado nenhum adaptador de tomadas. Isso porque o o plug de energia do meu note é inglês, aquele "bem dotado" (colocar link). Nem com K-Y o plug entrava na tomada. Forcei tanto que uma das tomada até quebrou. Já era 1:30 da manhã e eu ainda não havia conseguido resolver a questão. Até que toca o interfone: haviam encontrado, miraculosamente, um adaptador. Ótimo. Agora era só virar a madrugada fechando os slides.&lt;br /&gt;&lt;br /&gt;Depois de finalizar a maioria dos frames faltantes, resolvi gerar um .SWF. Meu arquivo original .FLA contendo a apresentação demora em torno de 15 minutos para compilar, gerar um arquivo .SWF, então, como estava bêbado de sono, coloquei o celular para me despertar em 15 minutos. Mas antes que o despertador se ativasse, fui acordado com o som do windows, aquele que toca quando algo vai mal. :-(  E o Flash avisava: "out of memory". Suei frio, fechei dos os programas, reiniciei o Windows. Mandei gerar novamente a apresentação. Dessa vez, nem consegui dormir os 15 minutos esperando. Mas deu certo. Eram 05:30 da manhã.&lt;br /&gt;&lt;br /&gt;Dessa forma, acabei não dormindo quase nada. Preferi, inclusive, dormir a me levantar para o café-da-manhã. Precisava de descanso, mental e físico.&lt;br /&gt;&lt;br /&gt;Ainda no quarto, às 08:00, dei uma repassada na palestra e fiquei pensando se eu realmente conseguiria sintetizar aquele conteúdo em 1:30 H. Bateu uma adrenalina. Saí para o auditório para conferir se estava tudo ok com a parte técnica, microfones, resolução de tela, essas coisas. Tudo OK.&lt;br /&gt;&lt;br /&gt;Eram 9:50, a trilha sonora era retrô, anos 80. Para quem não sabe, minha palestra, chamada "Flashback!" foi, de certa forma, feita sob medida para o evento, desde janeiro. É que nessa edição do EWD o tema era retorno às origens. Desde o design gráfico&lt;br /&gt;&lt;br /&gt;Na segunda palestra, a simpatia de Robson Santos cativou a todos, com exemplos divertidos e inteligentes sobre Usabilidade. Queria muito, aliás, apresentar Robson Santos ao Caio César, eles têm muita coisa em comum e trabalham o mesmo tema de maneiras completamente diferentes. Se bobear devem se conhecer já. O Robson e o Caio têm uma coisa em comum em suas performances no palco: conseguem envolver a galera com pitadas de humor politicamente incorreto e espontâneo. Eu acho isso muito bom! Comunicar usando humor, sem ser pedante, é sempre uma pedida perfeita.&lt;br /&gt;&lt;br /&gt;Após o intervalo tivemos a palestra virtual de Ricardo Accioly - um sujeito bastante simpático; batemos um longo papo, eu, Ricardo e Robson Santos, na sacada do hotel. Espero reencontrá-lo, o cara é bacana. Sua palestra falou sobre o Joomla, um CMS que conquistou uma boa parte dos desenvolvedores.&lt;br /&gt;&lt;br /&gt;E então chega a hora da palestra mais aguardada, a do Raphael Vasconcellos, Diretor de Criação da Agência Click, a mais importante agência digital do Brasil.&lt;br /&gt;&lt;br /&gt;Pois bem, a minha expectativa era enorme quanto à palestra do Rapha. E começou a ficar ainda maior quando ele subiu ao palco, apagaram-se as luzes, e começou um vídeo que me deixou simplesmente CHAPADO. Eu me emocionei de verdade com aquele trabalho. Não poderia haver maneira melhor de abrir sua palestra, como eu perceberia na sequência.&lt;br /&gt;&lt;br /&gt;Quem me conhece sabe muito bem o quanto fiquei honrado por dividir o palco do 13o EWD, nas oito capitais, com o Raphael Vasconcellos (@raphav). E para mim, conhecer o @raphav foi até a gora a coisa mais gratificante dessa história: o cara, apesar de ser um dos profissionais mais respeitados do mercado, consegue manter uma simplicidade que encanta a todos. Qualquer pessoa encontra - e eu pude comprovar isso - em Raphael Vasconcellos,&lt;br /&gt;&lt;br /&gt;O auditório do Hotel Glória foi o maior do evento, até agora; porém suas cadeiras não são confortáveis para quem precisa de passar quase o dia inteiro sentado nelas. Saí do evento com a coluna completamente sambada. :-(&lt;br /&gt;&lt;br /&gt;Tive que sair correndo para chegar a tempo ao aeroporto, e no trajeto entre ele o o hotel, conheci um taxista muito boa-praça, que apesar de mais de 30 anos de praça, jamais havia sido assaltado ou passado por alguma situação de risco de vida. Achei bacana ver o Rio de Janeiro sob uma perspectiva mais positiva do que o estereótipo de "paraíso da beleza e do caos" que a cidade ainda ostenta, para mim. E a bem da verdade é bom lembrar que Belo Horizonte é a segunda capital mais violenta do país, perdendo para o Recife - campeã absoluta em homicídios, porém ainda distante do Rio, que ocupa a 5a colocação no ranking (colocar o link)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-1973594674864121958?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/1973594674864121958/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=1973594674864121958' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/1973594674864121958'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/1973594674864121958'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/06/13-encontro-de-webdesign-rio-de-janeiro.html' title='13º Encontro de Webdesign - Rio de Janeiro'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-4735494335660863287</id><published>2008-06-12T19:25:00.000-07:00</published><updated>2008-12-09T13:40:14.385-08:00</updated><title type='text'>Todo Dia Jota Quest!</title><content type='html'>Primeiro, longas reuniões na casa do Flausino, onde &lt;span style="font-weight: bold;"&gt;conversamos sobre arte&lt;/span&gt;, assistimos a filmes do &lt;span style="font-weight: bold;"&gt;Man Ray&lt;/span&gt;, do &lt;span style="font-weight: bold;"&gt;Bill Plympton&lt;/span&gt;, do &lt;span style="font-weight: bold;"&gt;Monty Phyton&lt;/span&gt;, e debatemos sobre &lt;span style="font-weight: bold;"&gt;pop-art&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;dadaísmo&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;cubismo&lt;/span&gt;; pincelamos algumas idéias conceituais sobre &lt;span style="font-weight: bold;"&gt;modelos perceptivos de interface&lt;/span&gt;, dos tipos de &lt;span style="font-weight: bold;"&gt;resultados alcançáveis&lt;/span&gt; via web e mobile, dentre muitas outras idéias.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SI9--d04HsI/AAAAAAAAAOE/Zwds6KHuBuI/s1600-h/revistain.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SI9--d04HsI/AAAAAAAAAOE/Zwds6KHuBuI/s400/revistain.jpg" alt="" id="BLOGGER_PHOTO_ID_5228537304023834306" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Finalmente, decidimos colocar no ar um "teaser" denominado &lt;a href="http://www.jotaquest.com.br/"&gt;&lt;span style="font-weight: bold;"&gt;Todo Dia Jota Quest&lt;/span&gt;&lt;/a&gt;, que funcionaria como um "porto seguro" &lt;span style="color: rgb(0, 51, 51); font-style: italic;"&gt;para todas as interfaces que formam a comunicação digital do Jota Quest&lt;/span&gt; (&lt;span style="font-weight: bold;"&gt;Orkut, MySpace, Flickr, YouTube, etc&lt;/span&gt;), além de &lt;span style="font-weight: bold;"&gt;agenda&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;notícias&lt;/span&gt;, destaques das galerias Jotaquest do &lt;span style="font-weight: bold;"&gt;Flickr&lt;/span&gt;, e o mais importante -&lt;span style="font-weight: bold;"&gt; vídeos EXCLUSIVOS&lt;/span&gt; criados pelo consagrado publicitário e videoartista, &lt;span style="font-weight: bold;"&gt;Conrado Almada&lt;/span&gt;, que brindam o fã com &lt;span style="font-style: italic; color: rgb(0, 51, 51);"&gt;cenas inusitadas&lt;/span&gt; e &lt;span style="font-style: italic; color: rgb(0, 51, 51);"&gt;divertidas&lt;/span&gt; da banda, durante todo o período em que &lt;span style="font-weight: bold;"&gt;gravam seu próximo álbum&lt;/span&gt;. Irresistível pra quem vive e acompanha o Jota. Ou simplesmente para quem tem curiosidade de&lt;span style="font-weight: bold;"&gt; conhecer todos os processos que ocorrem durante a produção de um CD.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Para complementar, foi desenvolvido um projeto interativo chamado carinhosamente de "Jotão", onde mais de 900 pessoas - em apenas 1 mês - fizeram seus cadastros e mandaram suas fotos e mensagens. E continuam!&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-weight: bold;"&gt;Jotão:&lt;/span&gt; Mais de 900 cadastros em menos de 1 mês, com retorno bastante positivo dentro da comunidade de fãs&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SHjt5481hcI/AAAAAAAAAJw/D1wdpIx4EFs/s1600-h/jotaodetalhe.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SHjt5481hcI/AAAAAAAAAJw/D1wdpIx4EFs/s400/jotaodetalhe.jpg" alt="" id="BLOGGER_PHOTO_ID_5222185346731967938" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Curiosidade:&lt;/span&gt; o primeiro layout, apesar de muito elogiado por vários colegas designers e artistas gráficos, &lt;span style="font-weight: bold;"&gt;infelizmente não caiu no gosto&lt;/span&gt; de quem realmente precisava: a banda. :-\ Tivemos pois que fazer algumas adaptações para um tom mais sóbrio, menos colorido. Até mesmo a tipografia (eu havia optado por usar uma BNS Baruta) eu mudei, para uma Helvetica Rounded. Vejam o "antes" e o "depois":&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-weight: bold;"&gt;Antes:&lt;/span&gt; cores em excesso e a famigerada foto do Paulinho sem camisa, além de fontes muito "teenager" acabaram por dar bomba nessa versão.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SHjmbUlik3I/AAAAAAAAAJY/FVosdKFkHms/s1600-h/antes.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SHjmbUlik3I/AAAAAAAAAJY/FVosdKFkHms/s400/antes.jpg" alt="" id="BLOGGER_PHOTO_ID_5222177124993110898" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-weight: bold;"&gt;Depois:&lt;/span&gt; novas imagens e uma coloração vermelha dominante.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SHjmoP_6gGI/AAAAAAAAAJg/7OqyHjUQnrg/s1600-h/depois.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SHjmoP_6gGI/AAAAAAAAAJg/7OqyHjUQnrg/s400/depois.jpg" alt="" id="BLOGGER_PHOTO_ID_5222177347099852898" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-weight: bold;"&gt;Curiosidade 2:&lt;/span&gt; &lt;a href="http://www.youtube.com/user/tododiajotaquest"&gt;O canal do YouTube do Jota&lt;/a&gt;, que fez 1 mês ontem (11), chegou a ser o &lt;span style="font-weight: bold;"&gt;terceiro mais inscrito&lt;/span&gt; na categoria Director, durante o mês de junho. Yeah! Isso é só o começo!&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Curiosidade 3: &lt;/span&gt;(ou "teimosia") Propus a criação de uma &lt;span style="font-weight: bold;"&gt;videomagazine&lt;/span&gt;, que &lt;span style="font-style: italic; color: rgb(0, 51, 51);"&gt;uniria vídeos em alta definição a destaques históricos trabalhados em design gráfico&lt;/span&gt;, simulando uma revista, usando o - já manjado, reconheço! - formato "flippage". Os jotas torceram o nariz e lembraram que &lt;span style="font-weight: bold;"&gt;já haviam tentado usar esse formato antes&lt;/span&gt;, mas por problemas de "peso", abandonaram a idéia. &lt;span style="font-weight: bold;"&gt;Mas eu insisti &lt;/span&gt;(maledetto!) no formato e essa&lt;span style="font-weight: bold;"&gt; foi uma jogada errada&lt;/span&gt; da minha parte, pois para as pessoas que tinham conexões um pouco mais lentas a experiência, ao invés de ser maravilhosa (como eu desejava), acabava por ser &lt;span style="font-weight: bold;"&gt;frustrante&lt;/span&gt;. E como a conexão no estúdio do jota é uma dessas, eles foram os primeiros a se frustrarem com o formato. Bem, ossos do ofício! Tiramos a revista e linkamos os vídeos diretamente ao YouTube! Vamo que vamo!&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;Videomagazine:&lt;/span&gt; design gráfico + timeline histórico + registro em vídeos&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SI99c89DssI/AAAAAAAAAN8/X5_HzqP_dGI/s1600-h/revista.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SI99c89DssI/AAAAAAAAAN8/X5_HzqP_dGI/s400/revista.jpg" alt="" id="BLOGGER_PHOTO_ID_5228535628752466626" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SHjpDxQvPJI/AAAAAAAAAJo/d9N4Frw7c4w/s1600-h/console_videos.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SHjpDxQvPJI/AAAAAAAAAJo/d9N4Frw7c4w/s400/console_videos.jpg" alt="" id="BLOGGER_PHOTO_ID_5222180018908511378" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;Detalhe da área de video-destaques. São pequenos trechos de até 100Kb com cenas reais dos vídeos. Ao se clicar, abre-se o vídeo chamando diretamente do YouTube.&lt;br /&gt;&lt;br /&gt;Cada trecho é carregado de maneira independente, otimizando o tempo de carregamento para o usuário menos favorecido em banda.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;A próxima etapa&lt;/span&gt; será uma&lt;span style="font-weight: bold;"&gt; reformulação total do design do site&lt;/span&gt;, já se preparando para acompanhar a linha estética gráfica do novo álbum (by &lt;span style="font-weight: bold;"&gt;Conrado!&lt;/span&gt;); e também a publicação do &lt;span style="font-weight: bold;"&gt;novo blog Jota Quest&lt;/span&gt;, com features exclusivas, do&lt;span style="font-weight: bold;"&gt; novo podcast&lt;/span&gt; e das &lt;span style="font-weight: bold;"&gt;ações no Twitter&lt;/span&gt; - envio de vídeos, fotos e textos diretamente do estúdio! Por falar nisso, aproveite e já adicione o Jota Quest no seu twitter: http://twitter.com/jotaquest&lt;br /&gt;&lt;br /&gt;Aguarde várias surpresas! Acesse já &lt;a href="http://www.jotaquest.com.br/"&gt;http://www.jotaquest.com.br &lt;/a&gt;e tenha acesso a todas as interfaces 2.0 do Jota!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-4735494335660863287?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.jotaquest.com.br/' title='Todo Dia Jota Quest!'/><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/4735494335660863287/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=4735494335660863287' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/4735494335660863287'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/4735494335660863287'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/06/todo-dia-jota-quest.html' title='Todo Dia Jota Quest!'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_BWcrDJ-4mOw/SI9--d04HsI/AAAAAAAAAOE/Zwds6KHuBuI/s72-c/revistain.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-8852972420181243558</id><published>2008-06-12T19:22:00.000-07:00</published><updated>2008-12-09T13:40:14.981-08:00</updated><title type='text'>Bolão Fiat</title><content type='html'>Desenvolvi para a &lt;a href="http://www.bhtec.com.br/"&gt;BHTEC e:house&lt;/a&gt; o layout da interface do Bolão Fiat - um case de sucesso em ações de comunicação corporativa, misturando marketing esportivo com relacionamento interno.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SHJTQyZBdrI/AAAAAAAAAI4/WRfw705NglM/s1600-h/bol1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SHJTQyZBdrI/AAAAAAAAAI4/WRfw705NglM/s400/bol1.jpg" alt="" id="BLOGGER_PHOTO_ID_5220326465945564850" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;A Fiat patrocina os principais times do Brasileirão. Sendo assim, a idéia do bolão era aproveitar essa proximidade e envolver os funcionários pela sua paixão por futebol.&lt;br /&gt;&lt;br /&gt;Conversei com o Márcio Augusto e com o &lt;a href="http://www.twitter.com/renatomf"&gt;Renato Marques&lt;/a&gt;, respectivamente diretor executivo e diretor de tecnologia da empresa, e eles me disseram que o projeto está sendo um sucesso absoluto entre o público interno da Fiat Automóveis, que através da interface, dá seus palpites sobre os jogos do campeonato brasileiro e ainda pode ganhar prêmios.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SHJUD3tq8SI/AAAAAAAAAJA/bO9IHV4tvR0/s1600-h/bol2.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SHJUD3tq8SI/AAAAAAAAAJA/bO9IHV4tvR0/s400/bol2.jpg" alt="" id="BLOGGER_PHOTO_ID_5220327343547674914" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Cada usuário também personaliza sua "home" com as cores e os símbolos do seu time do coração, aumentando a cumplicidade com a interface.&lt;br /&gt;&lt;br /&gt;Os funcionários que acertarem seus prognósticos ganham pontos - acumulados durante fases pré-determinadas. Aqueles que acumularem mais pontos ganham prêmios como Home Theather para assistir aos jogos, Kits de camisas, dentre outros.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-8852972420181243558?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.bhtec.com.br/noticias/VisualizaNoticias.asp?codigo=81' title='Bolão Fiat'/><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/8852972420181243558/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=8852972420181243558' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/8852972420181243558'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/8852972420181243558'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/06/bolo-fiat.html' title='Bolão Fiat'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_BWcrDJ-4mOw/SHJTQyZBdrI/AAAAAAAAAI4/WRfw705NglM/s72-c/bol1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-5490300189410778979</id><published>2008-06-12T18:50:00.000-07:00</published><updated>2008-12-09T13:40:16.044-08:00</updated><title type='text'>Interminas 2008</title><content type='html'>Tive a honra de ser convidado pelo &lt;a href="http://www.twitter.com/marloscarmo"&gt;Marlos Carmo&lt;/a&gt;, da &lt;a href="http://www.5clicks.com.br/"&gt;5Clicks&lt;/a&gt;, para participar da mesa-redonda no &lt;a href="http://imasters.uol.com.br/interminas/2008/cobertura/"&gt;Interminas 2008&lt;/a&gt; - um evento que marcou a história da comunicação digital em Belo Horizonte - cidade que começa a receber, cada vez mais, eventos relacionados a tecnologia, à internet, à conectividade, ao marketing online, às interfaces. Maravilha!&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SG90zZf-HBI/AAAAAAAAAII/Y88iorxdsxE/s1600-h/caio1.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SG90zZf-HBI/AAAAAAAAAII/Y88iorxdsxE/s400/caio1.jpg" alt="" id="BLOGGER_PHOTO_ID_5219518919512824850" border="0" /&gt;&lt;/a&gt;Fui chegando e quase não reconheci o meu amigo &lt;a href="http://www.caiocesar.cc/"&gt;Caio César&lt;/a&gt;, companheiro velho dos tempos de CCPMG e um dos maiores entusiastas da usabilidade e acessibilidade das interfaces. Foi por causa dos óculos. Tava pensando aqui, o Caio é a cara do Charlie Sheen! Alguém discorda?&lt;br /&gt;&lt;br /&gt;Foi do Caio César a &lt;a href="http://caiocesar.cc/artigos/20080517_Interminas_CaioCesar_DCU.pdf"&gt;primeira palestra&lt;/a&gt;, "Design centrado no usuário", mostrando que a ampliação do debate em torno das interfaces digitais não veio, necessariamente, acompanhada de um esforço real em compreender melhor o usuário. A maior conclusão dessa palestra, na minha opinião, foi perceber que o design de interfaces - lembrando a "&lt;a href="http://pt.wikipedia.org/wiki/Mito_da_caverna"&gt;alegoria da caverna&lt;/a&gt;", ainda se projeta para uma "sombra" de usuário, representado por &lt;a href="http://en.wikipedia.org/wiki/Doxa"&gt;doxas&lt;/a&gt; e &lt;a href="http://pt.wikipedia.org/wiki/Arqu%C3%A9tipo"&gt;arquétipos&lt;/a&gt; muitas vezes romantizados.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SG97rZdVm4I/AAAAAAAAAIY/J--UA_29bSw/s1600-h/abel.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SG97rZdVm4I/AAAAAAAAAIY/J--UA_29bSw/s400/abel.jpg" alt="" id="BLOGGER_PHOTO_ID_5219526478644222850" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SG93eCllcwI/AAAAAAAAAIQ/vc0sQQvlp-A/s1600-h/abel2.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SG93eCllcwI/AAAAAAAAAIQ/vc0sQQvlp-A/s400/abel2.jpg" alt="" id="BLOGGER_PHOTO_ID_5219521851119989506" border="0" /&gt;&lt;/a&gt;Abel Reis, diretor da &lt;a href="http://www.agenciaclick.com.br/"&gt;Agência Click&lt;/a&gt;, preparou um material de alta qualidade, cujo foco principal era debater as relações entre arte e ciência. Diante desse debate, ele traçou um perfil do mercado, desenhando o que seria a personalidade do usuário-consumidor, hoje: micro-audiências, nichos ultra-especializados, exigente ao extremo, formador de tendências hi-profile. Se o Caio lembra o Charlie Sheen, o Abel é a cara do Ferraço (Dalton Vigh)...&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Chega então a hora da mesa-redonda. A idéia daqueles malucos da 5Clicks era fazer uma mesa-redonda "QUENTE" - e pra garantir que fosse, bolaram uma brincadeira simulando um monitor cardíaco, ligado a cada participante da mesa, que às vezes disparava, "matando" alguém.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SG-Tgwd9eJI/AAAAAAAAAIw/8AMadtQHKjw/s1600-h/mesaredonda.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SG-Tgwd9eJI/AAAAAAAAAIw/8AMadtQHKjw/s400/mesaredonda.jpg" alt="" id="BLOGGER_PHOTO_ID_5219552684121356434" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Foi bacana! Participaram, além de mim, o &lt;a href="http://www.bressane.com/blog/"&gt;Rodrigo Bressane&lt;/a&gt;, o Marlos Carmo, o &lt;a href="http://www.ideiadigital.org/"&gt;Rafael Apocalypse&lt;/a&gt; e, representando o cliente, Paulo Valadares, da Globo Minas. A brincadeira foi ótima, mas não houve nenhuma pergunta "hot", felizmente. :-) Eu até levei uma "cola" prevendo algumas possíveis polêmicas, mas o pessoal pegou até leve.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SG-GXajSGkI/AAAAAAAAAIo/VYdrzVzzEbo/s1600-h/marialucia2.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SG-GXajSGkI/AAAAAAAAAIo/VYdrzVzzEbo/s400/marialucia2.jpg" alt="" id="BLOGGER_PHOTO_ID_5219538229968116290" border="0" /&gt;&lt;/a&gt;A Maria Lúcia, da Fiat, cuja fisionomia lembra muito a da querida Luciene Santos ("Lu do Guia") , já chegou mostrando um notável bom-humor! Achou uma luminária USB - um tipo de brinde que os patrocinadores distribuem no evento - e já foi dizendo: "Não vou jogar pra vocês não, essa agora é minha!". Achei ótimo isso!&lt;br /&gt;&lt;br /&gt;Sua apresentação foi muito interessante, porém tive alguma dificuldade para ler alguns textos em corpo de fonte muito reduzido para a distância na qual eu estava; outra coisa que deixou algumas pessoas um pouco insatisfeitas com essa palestra foi o fato de que alguns cases mostrados já eram bastante conhecidos pela platéia - especialmente por se tratar de cases de grande sucesso, que qualquer webdesigner sintonizado tem como referência - então ficou meio "chovendo no molhado". Eu, particularmente, não achei ruim revermos o histórico de cases, mas os diagramas explicativos - que pareciam bastante interessantes - eu demorava muito para conseguir ler e anotar o conteúdo, então a página era passada e eu só conseguia anotar uma parte. Alguém sabe se o case da Maria Lúcia está online para download?&lt;br /&gt;&lt;br /&gt;Infelizmente não pude participar da mais esperada palestra do evento, com o grande mestre Luli Radfahrer. Pelo twitter - deu pra ver que o povo ficou hipnotizado por esse que é o palestrante mais querido e requisitado do Brasil. E não é à toa, afinal, durante sua palestra o twitter ficou completamente MUDO porque o povo não tirava os olhos da palestra.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-5490300189410778979?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://imasters.uol.com.br/interminas/2008/cobertura/' title='Interminas 2008'/><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/5490300189410778979/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=5490300189410778979' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/5490300189410778979'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/5490300189410778979'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/06/interminas-2008.html' title='Interminas 2008'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_BWcrDJ-4mOw/SG90zZf-HBI/AAAAAAAAAII/Y88iorxdsxE/s72-c/caio1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-2872478186367032697</id><published>2008-01-06T09:27:00.000-08:00</published><updated>2008-12-09T13:40:16.325-08:00</updated><title type='text'>Duas matérias: Flash, o poder da arte em movimento e Hotsites para Casais Apaixonados</title><content type='html'>Selecionei duas participações minhas na Revista Webdesign, em 2005. A idéia é postar, aos poucos, todas as matérias das quais eu participei. Penso em fazer um podcast falando sobre os temas, que acredito, vai engrandecer ainda mais o teor do debate. Aguardem notícias!&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://tinyurl.com/2o9egs"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/R4ETnGSPccI/AAAAAAAAAD0/Z5CdDQmT_yc/s400/capa_webdesign_15_marco.jpg" alt="" id="BLOGGER_PHOTO_ID_5152421011111506370" border="0" /&gt;&lt;/a&gt;Na primeira delas, escrita por André Philippe Iunes, &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(153, 51, 0);"&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic; font-weight: bold; color: rgb(153, 51, 0);"&gt;Flash&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 51, 0);"&gt;&lt;span style="color: rgb(153, 51, 0);"&gt;, o poder da arte em movimento&lt;/span&gt;"&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;de 15 de março de 2005, alguns profissionais falam sobre o &lt;span style="font-style: italic;"&gt;Flash&lt;/span&gt; através de pontos-de-vista técnicos, publicitários e artísticos. &lt;span style="font-weight: bold;"&gt;Laert Iamazaki, Silvana Tauhata Ynemine e eu&lt;/span&gt;, discorremos (apesar de rapidamente) sobre vários &lt;span style="font-style: italic;"&gt;approachings &lt;/span&gt;&lt;span&gt;ao tema, que criam a diversidade dialética típica das boas matérias. &lt;/span&gt;&lt;span&gt;Apesar de já terem se passado quase três anos, a leitura ainda está atual.&lt;br /&gt;&lt;br /&gt;Baixe o .PDF clicando na capa da revista ou no link: &lt;span style="font-weight: bold;"&gt;http://tinyurl.com/2o9egs&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:180%;" &gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://tinyurl.com/2dczca"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/R4EWX2SPcdI/AAAAAAAAAD8/Zk0a4IDP0TI/s400/capa_webdesign_18_junho.jpg" alt="" id="BLOGGER_PHOTO_ID_5152424047653384658" border="0" /&gt;&lt;/a&gt;&lt;span style="font-style: italic; color: rgb(153, 51, 0);"&gt;&lt;span style="font-weight: bold;font-size:180%;" &gt;"&lt;span style="color: rgb(153, 51, 0);"&gt;Hotsites para casais apaixonados&lt;/span&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;br /&gt;&lt;br /&gt;matéria redigida por Tatiana Serra, da edição de 18 de junho de 2005, fala sobre as experiências bem-sucedidas de agências em projetos direcionados ao 12 de junho - o &lt;span style="font-weight: bold;"&gt;Dia dos Namorados&lt;/span&gt;.&lt;/span&gt;&lt;span style="font-style: italic;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span&gt;São estudos de caso muito bons, com referências, análises de resultados (simples, porém eficazes) e o mais importante: mostram os &lt;span style="font-weight: bold;"&gt;objetivos que nortearam os projetos de cada produtora, &lt;/span&gt;mostrando que mesmo com um tema em comum, encontramos uma grande variedade de leituras! Espero que gostem!&lt;/span&gt;&lt;span style="font-style: italic;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span&gt;Baixe o .PDF clicando na capa da revista ou no link: &lt;span style="font-weight: bold;"&gt;http://tinyurl.com/2dczca&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-2872478186367032697?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/2872478186367032697/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=2872478186367032697' title='4 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/2872478186367032697'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/2872478186367032697'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2008/01/duas-matrias-na-revista-webdesign.html' title='Duas matérias: Flash, o poder da arte em movimento e Hotsites para Casais Apaixonados'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_BWcrDJ-4mOw/R4ETnGSPccI/AAAAAAAAAD0/Z5CdDQmT_yc/s72-c/capa_webdesign_15_marco.jpg' height='72' width='72'/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-8115442997226175461</id><published>2007-11-24T17:19:00.000-08:00</published><updated>2008-12-09T13:40:16.513-08:00</updated><title type='text'>DO INFERNO AO PARAÍSO DE DANTE - Libertação da criatividade em webdesign - Parte 02 de 05</title><content type='html'>&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;object height="345" width="415"&gt;&lt;param name="movie" value="http://www.youtube.com/v/Ln1iGmsAcCQ&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/Ln1iGmsAcCQ&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="345" width="415"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:130%;"  &gt;&lt;span style="font-weight: bold; color: rgb(153, 51, 0);"&gt;PARTE 05 - REVENDO SONHOS E METAS&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;br /&gt;&lt;/span&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Certa vez uma pessoa chegou à rodoviária e foi comprar uma passagem. Chegando ao guichê, disse: &lt;span style="font-weight: bold;"&gt;“quero uma passagem.”.&lt;/span&gt; O vendedor, então, perguntou: &lt;span style="font-weight: bold;"&gt;“pra onde?”&lt;/span&gt;. Ele respondeu: &lt;span style="font-weight: bold;"&gt;“sei lá, pra qualquer lugar”.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Essa foi uma parábola para exemplificar&lt;span style="font-size:130%;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;"  &gt;a falta de metas específicas na nossa vida.&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt; Precisamos saber pra onde vamos e&lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:180%;"  &gt; se realmente queremos chegar lá&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, e pra isso, temos que &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;aumentar nosso controle sobre a ‘bússola de interesses’&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, o lugar na mente onde ficam as informações &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;mais preciosas &lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;sobre as nossas &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;vidas:&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt; &lt;span style="font-size:130%;"&gt;do que gostamos e o que queremos &lt;/span&gt;(sonhos e metas).&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;Se não fazemos essa avaliação diariamente, só iremos descobrir, &lt;span style="font-size:180%;"&gt;muito tempo depois&lt;/span&gt;, que &lt;span style="font-weight: bold;font-size:180%;" &gt;superestimamos ou subestimamos&lt;/span&gt; determinada crença ou valor que deveríamos ter abandonado ou adquirido. Revendo metas, &lt;span style="font-weight: bold; color: rgb(0, 102, 0);"&gt;podemos aumentar a coerência entre o que somos e o que fazemos.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;  &lt;/p&gt;&lt;span style=";font-family:Arial;font-size:100%;"  &gt;&lt;span style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:130%;"&gt;Veja como se definine uma meta: &lt;/span&gt;se você perguntar a um amigo o que ele deseja da vida, ele pode responder categórico: &lt;span style="font-weight: bold;"&gt;“quero dinheiro!”.&lt;/span&gt; Outro amigo responde: &lt;span style="font-weight: bold;"&gt;“quero 100.000 reais”&lt;/span&gt;. E um terceiro fala: &lt;span style="font-weight: bold;"&gt;“quero 100.000 reais até o final do ano”&lt;/span&gt;. É claro que a terceira pessoa definiu suas metas &lt;span style="font-size:130%;"&gt;com muito mais detalhamento&lt;/span&gt; do que o primeiro. &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold;"&gt;Apesar de ambos desejarem a mesma coisa, &lt;span style="color: rgb(0, 102, 0);font-size:130%;" &gt;está claro quem está mais próximo do objetivo.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;É preciso que se desenvolva o &lt;span style="font-size:180%;"&gt;hábito&lt;/span&gt; de rever metas e sonhos. Isso não é apenas um discurso de auto-ajuda: &lt;span style="font-weight: bold;"&gt;sonhos são o que nos faz acordar todos os dias para viver, nossas razões existenciais;&lt;/span&gt; &lt;span style="font-size:180%;"&gt;metas são checkpoints necessários para a realização desses sonhos.&lt;/span&gt; São eles que dão as coordenadas para a nossa bússola de interesses, que nos direciona as ações. &lt;span style="font-weight: bold;"&gt;Tem pessoas cujas bússolas giram o tempo inteiro, fazendo com que suas mentes fiquem estacionadas.&lt;/span&gt; &lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style=";font-family:trebuchet ms;font-size:130%;"  &gt;O melhor momento para agir, planejando seu futuro, é agora.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/R0n_1JIsTpI/AAAAAAAAADs/tJwnZJmKk84/s1600-h/10_passos_passo_3.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/R0n_1JIsTpI/AAAAAAAAADs/tJwnZJmKk84/s200/10_passos_passo_3.jpg" alt="" id="BLOGGER_PHOTO_ID_5136918138443288210" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;span style="font-weight: bold;"&gt;10 PASSOS&lt;/span&gt;&lt;span style="font-weight: bold;"&gt; - SONHOS E METAS - Passo 3&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;  &lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=";font-size:100%;color:blue;"  &gt;&lt;span style=";font-family:trebuchet ms;font-size:85%;"  &gt;É preciso revê-los com honestidade e otimismo. Precisamos ter consciência de qual direção nossa ´bússola de interesses´ está apontando - e se for o caso, rever o norte magnético da nossa vida.&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;br /&gt;&lt;/span&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold; color: rgb(153, 51, 0);"&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;PARTE 06 - METODOLOGIA: O ESFORÇO SINERGÉTICO&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;  &lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;Esforço Sinergético&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt; &lt;span style="font-size:180%;"&gt;é a engrenagem que vai fazer a criatividade se manifestar&lt;/span&gt;, é a metodologia que ajuda a colocar os nossos &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold;"&gt;mecanismos criativos&lt;/span&gt;&lt;/span&gt; em ESFORÇO CORRETO, &lt;span style="font-weight: bold;"&gt;gerar o desejo REAL de se fazer a criação.&lt;/span&gt; Com esse Esforço Sinergético, vamos sentir &lt;b  style="font-family:trebuchet ms;"&gt;&lt;span style="color:fuchsia;"&gt;CONSCIENTEMENTE&lt;/span&gt;&lt;/b&gt;  que estamos conectando idéias, &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;gerando metáforas visuais com mais fluidez e desejo&lt;/span&gt;&lt;/span&gt;, lidando com significados, significantes e &lt;span style="color: rgb(0, 102, 0); font-weight: bold;font-size:180%;" &gt;conexões simbólicas&lt;/span&gt; de modo harmonioso. E você não precisa se sentir preparado para começar a lidar com esse esforço sinergético. Veja como funciona:&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;object height="345" width="415"&gt;&lt;param name="movie" value="http://www.youtube.com/v/XjqEBtygJSU&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/XjqEBtygJSU&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="345" width="415"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;São &lt;span style="font-size:180%;"&gt;5 itens&lt;/span&gt; que devem ser trabalhados de forma sincronizada. &lt;span style="font-weight: bold;font-size:130%;" &gt;O tráfego da sua mente por entre eles&lt;/span&gt; fará você atravessar o campo minado com muito mais chance de chegar vivo do outro lado. É esse movimento que cria a &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold; color: rgb(0, 102, 0);"&gt;SINERGIA&lt;/span&gt;&lt;/span&gt;, o momento em que várias forças, pensamentos, sensações se combinam. Veja um pouco sobre eles:&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-weight: bold;font-size:100%;color:blue;"  &gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b  style="font-family:trebuchet ms;"&gt;&lt;span style="color:fuchsia;"&gt;- Brainstorming: &lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:trebuchet ms;"&gt;Aqui se registra &lt;span style="font-weight: bold;"&gt;qualquer fragmento de idéia &lt;/span&gt;ou comentário que seja pertinente ao projeto, ou qualquer outro tipo de &lt;span style="font-weight: bold;"&gt;registro emocional/criativo.&lt;/span&gt; É uma área livre, &lt;span style="font-size:180%;"&gt;aqui não existe culpa nem medo,&lt;/span&gt; apenas liberdade total.&lt;/span&gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;              &lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;- To Do List: &lt;/span&gt;&lt;/b&gt;Aqui &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold;"&gt;se definem&lt;/span&gt;&lt;/span&gt; os elementos de comunicação visual que você tem certeza de que vai usar, e também se registram os testes visuais que se fizerem necessários. É um lugar de se tomar &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold; color: rgb(0, 102, 0);"&gt;decisões rápidas&lt;/span&gt;&lt;/span&gt; e de grande importância. &lt;span style="font-weight: bold;"&gt;Aqui você vai descartar ou aceitar idéias&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;span style="font-family:trebuchet ms;"&gt;- Apresentação: &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:trebuchet ms;"&gt;Sugiro que se comece por esse item. Escrevendo um &lt;span style="font-weight: bold;"&gt;relatório completo&lt;/span&gt; sobre o seu projeto, você prepara &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold; color: rgb(0, 102, 0);"&gt;terreno fértil para suas idéias brotarem.&lt;/span&gt;&lt;/span&gt; É preciso que a &lt;span style="font-weight: bold;"&gt;finalidade&lt;/span&gt; de todas as suas ações esteja bem definida, pois, assim, você fica mais &lt;span style="font-weight: bold;"&gt;confiante&lt;/span&gt; no trabalho, ao verificar que está agindo &lt;span style="font-weight: bold;"&gt;de acordo&lt;/span&gt; com a proposta. Posteriormente esses registros poderão ser muito úteis quando você apresentar o fruto do seu trabalho, seja em powerpoint, em swf ou em .html. Veja só: você usa a apresentação na para criar e aproveita depois na hora de apresentar o trabalho. Uma necessidade básica.&lt;/span&gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;span style="font-family:trebuchet ms;"&gt;- Estudo de referências: &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:trebuchet ms;"&gt;Registro visual e textual (se possível) que mostram caminhos usados por outros webdesigners para &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;vencer desafios em situações semelhantes às que o seu projeto apresenta.&lt;/span&gt;&lt;/span&gt; Mais uma vez, é o ‘campo minado’, ou seja: seguir as pegadas de quem já chegou do outro lado ileso. Mas atenção: esse item é o mais perigoso dos cinco que formam o esforço sinergético, pois você precisa entender as SOLUÇÕES visuais, e não simplesmente COPIAR elementos visuais de outro site. &lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;span style="font-weight: bold;"&gt;É pra seguir as pegadas, não pra subir nas costas! &lt;/span&gt;&lt;/span&gt;Além do mais, você pode acabar na seção SUCKER do 4efx.com.br, um dos mais aclamados diretórios de referências de webdesign, assim como esses, que, se vocês ainda não conhecem, registrem, por favor, na sua interface de informações: www.res72.com, www.thefwa.com, www.newwebpick.com.&lt;/span&gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;span style=""&gt; &lt;/span&gt;- Seu arquivo de layout: &lt;/span&gt;&lt;/b&gt;É a tela do seu programa de ilustração, composição, 2D ou 3D, onde você vai registrar todos os seus layouts, do primeiro ao último. Esteja pronto para criar de 3 a 10 layouts evolutivos durante o processo de criação. Para entrar aqui, você precisa estar pronto para testar alguma idéia ou já ‘colocar a mão na massa’, criando os elementos da interface.&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;p class="MsoNormal" face="trebuchet ms"&gt;  &lt;/p&gt;&lt;p class="MsoNormal" face="trebuchet ms"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold; color: rgb(0, 102, 0);font-size:130%;" &gt;&lt;span style="font-family:trebuchet ms;"&gt;Algumas observações importantes sobre este método:&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal" face="trebuchet ms"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;- Modularidade:&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt; os cinco itens do esforço sinergético podem ser acrescidos de novos itens, caso você sinta necessidade ou simplesmente queira experimentar novas etapas. Você poderia, por exemplo, acrescentar um item ‘Storyboard’, para ir criando animações junto das outras etapas, como no projeto TC Mix (&lt;b style=""&gt;&lt;span style="color:green;"&gt;VIDEO 4 - case TC Mix&lt;/span&gt;&lt;/b&gt;).&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" style="font-family: trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;object width="415" height="345"&gt;&lt;param name="movie" value="http://www.youtube.com/v/jw_5miYUaEk&amp;rel=1"&gt;&lt;/param&gt;&lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/jw_5miYUaEk&amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="415" height="345"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/span&gt; &lt;span style="font-size:100%;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal" style="font-family: trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;- No registro de referências:&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt; eu sugiro que se faça printscreen nas imagens, recortando-as do tamanho desejado; depois, insira no corpo do e-mail ou de outro arquivo no qual você esteja trabalhando. Eu, pessoalmente, já solucionei diversos bloqueios criativos imediatamente ao começar estudos de referência, como no case Pop Rock Brasil: o estudo de referências foi tão rico que passei imediatamente para a tela do layout. (&lt;b style=""&gt;&lt;span style="color:green;"&gt;VIDEO 5 - case Pop Rock Brasil&lt;/span&gt;&lt;/b&gt;)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b  style="font-family:trebuchet ms;"&gt;&lt;span style=""&gt;- Tempo extra:&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt; se o tempo disponível permitir, seja minucioso e complete todas as etapas do esforço sinergético com um nível alto de detalhamento. Essa experiência, além do aumento das chances de criar um layout mais coerente, gerado pela imersão prolongada no projeto, também é muito útil para praticarmos a sinergia, como no site que criei para o meu amigo Ruben Di Souza: &lt;/span&gt;&lt;b  style="font-family:trebuchet ms;"&gt;&lt;span style="color:green;"&gt;(VIDEO&lt;span style=""&gt;  &lt;/span&gt;6 - case RDS&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;object height="345" width="415"&gt;&lt;param name="movie" value="http://www.youtube.com/v/ibvCu7ef8XM&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/ibvCu7ef8XM&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="345" width="415"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-8115442997226175461?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/8115442997226175461/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=8115442997226175461' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/8115442997226175461'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/8115442997226175461'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2007/11/do-inferno-ao-paraso-de-dante-libertao.html' title='DO INFERNO AO PARAÍSO DE DANTE - Libertação da criatividade em webdesign - Parte 02 de 05'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_BWcrDJ-4mOw/R0n_1JIsTpI/AAAAAAAAADs/tJwnZJmKk84/s72-c/10_passos_passo_3.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-481976775937973096</id><published>2007-10-29T02:32:00.000-07:00</published><updated>2008-12-09T13:40:17.741-08:00</updated><title type='text'>DO INFERNO AO PARAÍSO DE DANTE - Libertação da criatividade em webdesign - Parte 01 de 05</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;object height="345" width="415"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/tlMS3kI1Vy4&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="345" width="415"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/span&gt; &lt;p class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;strong&gt;&lt;span style="font-weight: normal;font-family:Arial;" &gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;Em 2005 fui convidado pela &lt;/span&gt;&lt;a style="font-family: trebuchet ms;" href="http://www.arteccom.com.br/"&gt;Arteccom&lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt; para ser palestrante no &lt;/span&gt;&lt;a href="http://www.arteccom.com.br/encontro/encontro%5F10/"&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;10EWD - Encontro de Web Design&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt;, em Belo Horizonte. &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;"  &gt;T&lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;"  &gt;rata-se do evento de maior relevância, neste gênero, no cenário nacional&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, ocorrendo na forma de um ´road show´ através das principais capitais do país. &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:130%;"  &gt;Sinto-me honrado até hoje pelo convite e pela maravilhosa experiência&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt; - Experiência essa que eu decidi, finalmente, compartilhar com todos os &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;"  &gt;amantes do webdesign&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, através dessa &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(0, 102, 0);font-family:trebuchet ms;font-size:180%;"  &gt;série de 5 posts&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, cada um contendo uma parte da palestra, em vídeo; uma série de clips utilizados durante a apresentação e o resumo da mesma. Bom proveito!&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(153, 51, 0);"&gt;&lt;span style="font-family:trebuchet ms;"&gt;PARTE 01 - INTRODUÇÃO&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://caesar.logiqx.com/php/emulator.php?id=java_pleiads_emulator"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/RyWvEeCSNfI/AAAAAAAAACU/cwJ9Csw6rDc/s200/pleiadss.jpg" alt="" id="BLOGGER_PHOTO_ID_5126696242148161010" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;strong  style="font-family:trebuchet ms;"&gt;&lt;span style="font-weight: normal;"&gt; Meu nome é Ronaldo, mas as pessoas me conhecem como &lt;span style="font-weight: bold;"&gt;Gazel&lt;/span&gt;, meu sobrenome, que adotei como nome e apelido. Creio que meu interesse por comunicação visual começou quando eu tinha 8 anos de idade, em 1984, época em que meu pai me levava para jogar &lt;span style="font-weight: bold; color: rgb(0, 102, 0);font-size:130%;" &gt;Centipede, Pleiads e Galaxian&lt;/span&gt; no fliperama. Eu era muito pequeno, e só conseguia apertar o botão de tiro, mas dessa época tenho a minha mais inesquecível lembrança da infância: eu apertando o tiro enquanto meu pai comandava as direções e o botão do shield. (clicando na imagem você pode experimentar o game emulado em Java). &lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-weight: normal;font-family:Arial;" &gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.youtube.com/watch?v=NgOobkG5noo"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/RyW2P-CSNgI/AAAAAAAAACc/9bbnO4RqkrQ/s200/Protracker.jpg" alt="" id="BLOGGER_PHOTO_ID_5126704136298051074" border="0" /&gt;&lt;/a&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;strong&gt;&lt;span style="font-weight: normal;"&gt;Na adolescência, meu hobby era &lt;span style="font-weight: bold;"&gt;criar animações no Deluxe Paint IV&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;e fazer músicas no Protracker&lt;/span&gt;, sempre interessado na comunicação visual digital, mesmo com apenas 2MB de Ram. (clique na imagem ao lado para assistir a um vídeo com o Protracker ´funfando´)&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:85%;"  &gt;&lt;strong&gt;&lt;/strong&gt;&lt;strong&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-weight: normal;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:100%;"&gt;&lt;strong&gt;&lt;span style="font-weight: normal;"&gt;Em 1993, quando eu tinha 17 anos, &lt;span style="font-weight: bold;"&gt;comecei a trabalhar profissionalmente com comunicação visual&lt;/span&gt;, na função de &lt;span style="font-weight: bold;"&gt;arte-finalista&lt;/span&gt; na agência do meu tio – e grande mestre – &lt;span style="font-weight: bold;"&gt;João Gazel&lt;/span&gt;. A partir daí segui meu rumo dentro da publicidade &lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-weight: normal;"&gt;até que, em 1997, decidi abandonar a publicidade tradicional e investir meu tempo e minha dedicação para o &lt;span style="font-weight: bold;"&gt;webdesign&lt;/span&gt;. Foi na internet que encontrei o meio ideal para &lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;span style="font-weight: bold;"&gt;projetar minhas idéias&lt;/span&gt;&lt;/span&gt;, foi onde me afirmei e me encontrei profissionalmente. &lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-weight: normal;"&gt;&lt;span style="font-weight: bold;"&gt;Sinto-me orgulhoso e realizado em ser webdesigner&lt;/span&gt;.&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt; &lt;/strong&gt;&lt;strong&gt;&lt;span style="font-weight: normal;"&gt;E hoje, eu me sinto também feliz em poder, através dessa palestra no 10º EWD, transmitir a vocês algumas experiências que, tenho certeza, podem trazer muitos benefícios imediatamente perceptíveis.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold; color: rgb(153, 51, 0);"&gt;&lt;span style="font-family:trebuchet ms;"&gt;PARTE 02 - ESCOPO DA PALESTRA&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;  &lt;/p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/RyXEqeCSNhI/AAAAAAAAACk/YhEqZIc8p5I/s1600-h/calder_noticia.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/RyXEqeCSNhI/AAAAAAAAACk/YhEqZIc8p5I/s200/calder_noticia.jpg" alt="" id="BLOGGER_PHOTO_ID_5126719984727373330" border="0" /&gt;&lt;/a&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;Primeiramente falaremos sobre alguns&lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:100%;"  &gt; &lt;span style="font-size:130%;"&gt;aspectos da criatividade e de quem lida com ela:&lt;/span&gt; o que pensamos, o que queremos, porque queremos, e o quanto queremos;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt; &lt;strong&gt;&lt;/strong&gt;depois falaremos sobre &lt;/span&gt;&lt;span style="color: rgb(0, 102, 0);font-family:trebuchet ms;font-size:180%;"  &gt;alguns métodos para fazer a criatividade se manifestar&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt; em nosso cotidiano, de técnicas simples e muito eficientes para &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:100%;"  &gt;l&lt;span style="font-size:130%;"&gt;ibertar seu potencial criativo&lt;/span&gt;&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:100%;"  &gt; &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;strong&gt;&lt;/strong&gt;a seguir, falaremos um pouco sobre &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:180%;"  &gt;arte&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;, sobre &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;"  &gt;comunicação visual&lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;span style="font-size:130%;"&gt; &lt;/span&gt;e para finalizar,&lt;strong&gt;&lt;span style="color:fuchsia;"&gt; &lt;/span&gt;&lt;/strong&gt;vamos conversar sobre o mundo que nos cerca e &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-size:180%;"&gt;&lt;span style="font-size:130%;"&gt;como nos comportamos diante da sua &lt;/span&gt;&lt;span style="color: rgb(0, 102, 0);"&gt;diversidade de pensamentos&lt;/span&gt;.&lt;/span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;(na foto, Alexander Calder, um dos caras mais criativos na arte do século XX)&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(153, 51, 0); font-weight: bold;font-family:trebuchet ms;font-size:100%;"  &gt;PARTE 03 - OBJETIVOS DA PALESTRA&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-size:180%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;p class="MsoNormal"&gt;  &lt;/p&gt;&lt;strong&gt;&lt;/strong&gt;  &lt;p class="MsoNormal"&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;&lt;strong&gt;&lt;/strong&gt;&lt;strong  style="font-family:trebuchet ms;"&gt;&lt;span style="font-weight: normal;font-size:10;" &gt;&lt;span style="font-size:100%;"&gt;Certa vez ouvi uma história d&lt;/span&gt;&lt;span style="font-size:100%;"&gt;a qual nunca mais me esqueci. Ela falava sobre um &lt;span style="font-weight: bold;"&gt;campo minado&lt;/span&gt;. Um soldado, diante desse campo, analisou e percebeu que tinha duas alternativas: a primeira,  sair correndo, criando o seu próprio caminho; e a segunda opção: &lt;span style="font-weight: bold;"&gt;seguir as pegadas de quem já havia conseguido alcançar o outro lado anteriormente&lt;/span&gt;. &lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong  style="font-family:trebuchet ms;"&gt;&lt;span style="font-weight: normal;font-size:10;" &gt;&lt;span style="font-size:100%;"&gt;M&lt;/span&gt;&lt;span style="font-size:100%;"&gt;eu objetivo é mostrar &lt;span style="font-size:180%;"&gt;alguns desses passos&lt;/span&gt;, através de uma palestra rápida, divertida, simples e muito direta. Até mesmo por restrições de tempo – afinal, não se trata de um curso completo sobre criatividade, ou algo do tipo. Sendo assim, não nos aprofundaremos sobre os temas, sintetizando ao máximo as informações. &lt;span style="font-weight: bold;"&gt;Para compensar&lt;/span&gt;, utilizaremos um pequeno layout, no qual registraremos uma série de informações no decorrer da palestra, para que, depois dela, você possa pesquisar na internet sobre os registros. &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Assim, teremos um prolongamento da palestra quando ela terminar.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt; &lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;      &lt;p class="MsoNormal"&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;strong style="font-family: trebuchet ms;"&gt;&lt;/strong&gt;&lt;strong style="font-family: trebuchet ms;"&gt;&lt;/strong&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;span style="font-family:trebuchet ms;"&gt;Gostaria que vocês utilizassem uma folha de papel e uma caneta para criar algumas áreas existentes no exemplo que vou mostrar a seguir. São elas:&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;span style="font-family:trebuchet ms;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;object style="font-family: trebuchet ms;" height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/mKPlR3HgcR0&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/mKPlR3HgcR0&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="345" width="415"&gt;&lt;/embed&gt;&lt;/object&gt;  &lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;b style=""&gt;&lt;span style=";font-size:10;color:red;"  &gt;&lt;span style=""&gt;            &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 102, 0);font-size:130%;" &gt;- Scratch: &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0);font-family:trebuchet ms;font-size:100%;"  &gt;&lt;span style="font-family:trebuchet ms;"&gt;área livre para registro de anotações pessoais, idéias e fragmentos.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;            &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:130%;"  &gt;&lt;span style="color: rgb(0, 102, 0);"&gt;- Palavras-chave:&lt;/span&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;objetos, pessoas, livros, lugares, fatos, coisas, são registrados nessa área, para que você possa pesquisá-los posteriormente.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;            &lt;/span&gt;&lt;span style="color: rgb(0, 102, 0);font-family:trebuchet ms;font-size:130%;"  &gt;- Links:&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;URLs relacionados aos temas da palestra&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style=""&gt;            &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:130%;"  &gt;&lt;span style="color: rgb(0, 102, 0);"&gt;- Perguntas:&lt;/span&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Aqui você registra suas dúvidas, que farei questão de responder uma-a-uma, por e-mail.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:trebuchet ms;"&gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;&lt;b style=""&gt;&lt;span style="color:fuchsia;"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;            &lt;/span&gt;&lt;span style="color: rgb(0, 102, 0);font-family:trebuchet ms;font-size:130%;"  &gt;- 10 passos:&lt;/span&gt;&lt;span style="color: rgb(0, 102, 0);font-family:trebuchet ms;font-size:130%;"  &gt; &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;trata-se de uma&lt;/span&gt;&lt;b  style="font-family:trebuchet ms;"&gt;&lt;span style="color:fuchsia;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:trebuchet ms;"&gt;planilha com 10 atitudes diárias para avaliação pessoal, algumas são atividades de observação, que precisam ser avaliadas durante todo o dia; outras são 'checkpoints', metas bem definidas, quantitativamente.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;  &lt;/p&gt;&lt;p style="font-family: trebuchet ms;" class="MsoNormal" face="arial"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/RyXMt-CSNiI/AAAAAAAAACs/mjmzD0fRDr8/s1600-h/passo_1_fabricio.jpg"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/RyXMt-CSNiI/AAAAAAAAACs/mjmzD0fRDr8/s200/passo_1_fabricio.jpg" alt="" id="BLOGGER_PHOTO_ID_5126728840949937698" border="0" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold; color: rgb(0, 0, 0);font-size:100%;" &gt;&lt;strong&gt;&lt;span style="font-weight: normal;"&gt;Vamos inaugurar esses &lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;span style="font-weight: bold;"&gt;10 passos&lt;/span&gt;&lt;/span&gt; escrevendo o primeiro deles:&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=""&gt; &lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0);font-size:100%;" &gt;&lt;strong&gt;&lt;span style=""&gt;&lt;span style="font-size:130%;"&gt;Registro de idéias&lt;/span&gt; –&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(0, 0, 0);font-size:100%;" &gt;&lt;strong&gt;&lt;span style=""&gt; &lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=";font-size:100%;color:blue;"  &gt;&lt;span style="font-weight: bold;"&gt;Toda e qualquer idéia ou observação interessante sobre qualquer assunto ligado ao seu foco de pesquisa deve ser registrada&lt;/span&gt;.&lt;/span&gt;&lt;span style="font-weight: bold;font-size:100%;color:blue;"  &gt; &lt;/span&gt;&lt;span style="color: rgb(0, 0, 0);font-size:100%;" &gt;O próprio ato de anotar cria &lt;span style="font-weight: bold; color: rgb(0, 102, 0);"&gt;vínculos mnemônicos&lt;/span&gt; entre fragmentos de idéias, &lt;span style="font-weight: bold;"&gt;aumentando a habilidade de produzir novos fragmentos&lt;/span&gt;, que vão dar origem às grandes e boas idéias. (ao lado, uma das ilustrações de&lt;a href="maito:barba_azul@gmail.com"&gt; Fabrício Ferraz&lt;/a&gt;&lt;a href="mailto:barba_azul_br@hotmail.com"&gt; &lt;/a&gt;especialmente produzidas para a palestra)&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-size:10;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: rgb(153, 51, 0);font-family:trebuchet ms;" &gt;PARTE 04 - A TELA BRANCA&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;  &lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;strong style="font-weight: bold;"&gt;&lt;/strong&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;A tela em branco, o chamado &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;'bloqueio de criatividade'&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;. A criatividade é objeto de busca de praticamente &lt;/span&gt;&lt;span style="color: rgb(0, 102, 0); font-weight: bold;font-family:trebuchet ms;font-size:180%;"  &gt;todas as atividades humanas&lt;/span&gt; &lt;span style="font-family:trebuchet ms;"&gt;e dificuldades para lidar com ela &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;são comuns a todas as pessoas.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/XcA8VJU6F0I&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/XcA8VJU6F0I&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="345" width="415"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;p class="MsoNormal"&gt;&lt;br /&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;  &lt;/p&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;O QUE É ALGO CRIATIVO?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;p class="MsoNormal"&gt;&lt;span style=";font-family:Arial;font-size:100%;"  &gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;span style="font-family:trebuchet ms;"&gt;Para nós, webdesigners, um layout, uma solução de interface, uma campanha, para serem considerados criativos, precisam chamar nossa atenção por sua &lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b face="trebuchet ms"&gt;coerência com a mensagem proposta&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt; e, claro, por comunicar através uma &lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;b face="trebuchet ms"&gt;via não-usual&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, trazendo satisfação para quem recebe a mensagem. Na outra ponta, o responsável pela ‘solução criativa’ &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:130%;"  &gt;&lt;span style="font-weight: bold;"&gt;obtém prazer &lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;ao cumprir a tarefa, reafirmando-se cada vez mais como profissional e &lt;/span&gt;&lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;b face="trebuchet ms"&gt;aumentando a sua crença&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;. Podemos dizer que é um mecanismo lúdico de trabalhar a linguagem &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;além do lugar comum&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, ou seja, dos paradigmas cotidianos.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;p style="text-align: center;" class="MsoNormal"&gt;&lt;span style=";font-family:Arial;font-size:100%;"  &gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;span style=";font-family:Arial;font-size:100%;"  &gt;&lt;span style="color: rgb(51, 102, 102);font-size:180%;" &gt;&lt;span style="font-family:trebuchet ms;"&gt;Não devemos aguardar o ‘momento ideal’ para se desenvolver o trabalho!&lt;/span&gt;&lt;b style=""&gt;&lt;br /&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;span style="font-size:100%;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;span style="font-family:trebuchet ms;"&gt;Seria fantástico que a solução criativa – muito mais do que um simples layout – &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;surgisse como num passe de mágica, pronto, na nossa mente. &lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;O problema é que estamos habituados com os paradigmas do cotidiano a maior parte do nosso tempo e ao abrirmos o nosso programa de composição, &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:180%;"  &gt;&lt;span style="font-weight: bold;"&gt;queremos que a manifestação do não-usual da linguagem aconteça imediatamente&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;. Imediata é a nossa frustração ao perceber que toda solução encontrada parece ser comum, previsível, normal. Surge então o bloqueio de criatividade, que nos faz ficar aguardando ansiosamente a aparição da criatividade pra mudar a nossa vida. Mas veja a realidade: enquanto não começamos, estamos deixando trancado dentro de nós, travada, preso, o &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;poder criativo&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, que fica inibido com essa demonstração de insegurança por parte de nós mesmos. &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;"  &gt;&lt;span style="color: rgb(0, 102, 0);"&gt;Esse é o paradoxo da criatividade:&lt;/span&gt; &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;se você não começar a produzir, ela não surge; se ela não surgir, você não começa a produzir. &lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;Por isso tudo, é melhor, com ou sem ‘inspiração’, dedicar-se ao seu projeto. &lt;/span&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;&lt;span style="font-family:trebuchet ms;"&gt;Mas você não precisa, necessariamente, de começar pela criação do layout, como veremos daqui a pouco.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;o:p style="font-weight: bold;"&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;AUTO-FLAGELAÇÃO&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;  &lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Além de tudo isso que foi dito, se você ficar parado, esperando alguma coisa ‘do além’, sua mente, de &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;"  &gt;maneira sádica&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;, &lt;/span&gt;&lt;span style="font-weight: bold;font-family:trebuchet ms;" &gt;comecará a questionar sua capacidade e sua coerência, sua confiança e sua auto-estima&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;. A situação, que já não era boa, &lt;/span&gt;&lt;span style=";font-family:trebuchet ms;font-size:180%;"  &gt;&lt;span style="font-weight: bold;"&gt;vira um drama&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;. E isso pode ser um soco no estômago de qualquer pessoa..&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/RyXpTOCSNkI/AAAAAAAAAC8/rYbBYnOXBz8/s1600-h/passo_2_fabricio.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/RyXpTOCSNkI/AAAAAAAAAC8/rYbBYnOXBz8/s400/passo_2_fabricio.jpg" alt="" id="BLOGGER_PHOTO_ID_5126760267225642562" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="color: rgb(0, 0, 0);font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;10 PASSOS&lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-family:trebuchet ms;"&gt; - ATIVIDADE LÚDICA - Passo 2&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:Arial;font-size:100%;color:blue;"   &gt;&lt;span style="font-family:trebuchet ms;"&gt;Jogue videogame, futebol, xadrez, ou pratique qualquer outra atividade capaz de tirá-lo da órbita real, &lt;/span&gt;&lt;span style="font-size:180%;"&gt;&lt;span style="color: rgb(0, 0, 0);font-family:trebuchet ms;" &gt;sem analisar&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0);font-family:trebuchet ms;" &gt;se isso está ou não facilitando a sua capacidade criativa. &lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:Arial;font-size:100%;color:blue;"   &gt;Simplesmente faça-o.&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;  &lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Pare tudo e se desligue da rotina, &lt;span style="font-weight: bold;font-size:130%;" &gt;de maneira programada&lt;/span&gt;, de tempos em tempos ou em momentos estratégicos. Vá ao cinema, jogue videogame, corra de bicicleta, tudo isso vai ser perfeito para te tirar ‘da órbita real’, para te relaxar e tirar da mente, &lt;span style="font-weight: bold;font-size:130%;" &gt;momentaneamente&lt;/span&gt;, o foco do problema. MAS é preciso se dedicar a essas atividades lúdicas de maneira integral, &lt;/span&gt;&lt;span style="font-size:180%;"&gt;&lt;b style="font-family: trebuchet ms; color: rgb(0, 102, 0);"&gt;sem se preocupar com os resultados&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;&lt;span style="font-size:180%;"&gt;.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-size:130%;"&gt; Em suma:&lt;/span&gt; &lt;/span&gt;é preciso planejar retiradas estratégicas, mas devem ser &lt;span style="font-weight: bold;font-size:130%;" &gt;feitas com total imersão&lt;/span&gt;, sem criar expectativas, compreendendo-as como parte natural do nosso processo de gestação de idéias, &lt;span style="font-weight: bold;font-size:180%;" &gt;sem cobrança&lt;/span&gt; do tipo “depois que eu terminar de ler esse livro estarei feliz e satisfeito para criar meu layout” ou &lt;span style="font-weight: bold;font-size:130%;" &gt;pensamentos de culpa&lt;/span&gt;, como: &lt;span style="color: rgb(0, 102, 0);"&gt;&lt;span style="font-weight: bold;"&gt;“eu deveria estar trabalhando no projeto ao invés de estar aqui tomando um chopp.”&lt;/span&gt;&lt;/span&gt;.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/RydIN-CSNlI/AAAAAAAAADE/XOumIv5AE7g/s1600-h/two_Monks2.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/RydIN-CSNlI/AAAAAAAAADE/XOumIv5AE7g/s200/two_Monks2.jpg" alt="" id="BLOGGER_PHOTO_ID_5127146105612678738" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Ouvi, certa vez, a história de &lt;span style="font-weight: bold;font-size:130%;" &gt;dois monges&lt;/span&gt; que estavam conversando sobre o buddhismo à beira de um rio. Uma mulher solicitou que um dos monges a ajudassem a atravessar o rio, pois não poderia molhar seu vestido, &lt;span style="font-weight: bold;font-size:130%;" &gt;no que foi prontamente atendida por um deles&lt;/span&gt;&lt;span style="font-size:130%;"&gt;.&lt;/span&gt; Quando o monge voltou, o outro já estava xingando, dizendo que seu amigo sabia que não era permitido que um monge tivesse contato com uma mulher, etc e tal, dando ‘aquela’ lição de moral. O outro monge, então, respondeu:&lt;br /&gt;&lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="text-align: center;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;&lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;span style="font-weight: bold;"&gt;“Eu a carreguei e deixei na outra  margem do rio. Mas você...você continua carregando!...”&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://en.wikipedia.org/wiki/Down_on_the_Upside"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/RydKJOCSNmI/AAAAAAAAADM/qnN5qVYSbLE/s200/down.jpg" alt="" id="BLOGGER_PHOTO_ID_5127148223031555682" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Escutar novos CDs, ir ao cinema, tomar um chopp com os amigos, jogar um videogame, etc, são uma espécie de &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;‘remédio caseiro’ contra ‘crise criativa’/ ‘bloqueio criativo’&lt;/span&gt;&lt;/span&gt;, seja lá qual for o nome para ‘falta de tesão para criar’. Mas, acredito, em muitos casos, &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;projeta-se muita expectativa nesses remédios&lt;/span&gt;&lt;/span&gt;, o que faz com esses &lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;perdam seus efeitos&lt;/span&gt;. Veja o caso do cinema: você está sem vontade de criar, sem motivação para colocar a mão-na-massa,&lt;span style=""&gt;  &lt;/span&gt;e resolve ir ao cinema. Compra o convite já pensando: &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;“depois desse filme vou estar zerado e vou conseguir finalizar aquele layout!”&lt;/span&gt;&lt;/span&gt;. Começa a assistir ao filme, mas não consegue prestar atenção, &lt;span style="font-weight: bold; color: rgb(0, 102, 0);font-size:180%;" &gt;pois está muito preocupado com o momento em que o filme vai te transformar numa pessoa mais tranquila e feliz.&lt;/span&gt; Quando sai do cinema, parece que o tiro saiu pela culatra: &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;você está mais frustrado ainda&lt;/span&gt;&lt;/span&gt;, pois, na sua cabeça, nem mesmo ter assistido ao filme surtiu efeito. Você chega ao fundo do poço. (na foto, CD do Soundgarden ´Down on the Upside´ que é um dos meus preferidos na hora de me concentrar em algum projeto)&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style="text-align: center;"&gt;&lt;span style=";font-family:trebuchet ms;font-size:180%;"  &gt;&lt;b style=""&gt;&lt;span style=""&gt;Encarar a realidade de frente, &lt;span style="color: rgb(0, 102, 0);"&gt;sem superestimar&lt;/span&gt; e nem &lt;span style="color: rgb(0, 102, 0);"&gt;subestimar&lt;/span&gt; a situação:&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;div style="text-align: left;"&gt;  &lt;p class="MsoNormal"&gt;&lt;span style=";font-family:Arial;font-size:10;"  &gt;&lt;span style=";font-family:trebuchet ms;font-size:100%;"  &gt;De volta à tela branca,&lt;span style="font-size:130%;"&gt; &lt;span style="font-weight: bold;"&gt;como devemos começar um trabalho criativo estando totalmente desestimulados?&lt;/span&gt; &lt;/span&gt;Respirando fundo e nos dedicando a uma procura sincera pelos &lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;span style="font-weight: bold;"&gt;motivos reais do bloqueio&lt;/span&gt;&lt;/span&gt;. Enquanto você não estiver mentalmente, espiritualmente pronto, será impossível criar algo de qualidade, &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;é melhor nem tentar&lt;/span&gt;&lt;/span&gt;. Portanto,&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;dedique-se a uma auto-avaliação sincera&lt;/span&gt;&lt;/span&gt;, mesmo que isso &lt;span style="color: rgb(0, 102, 0);font-size:180%;" &gt;&lt;span style="font-weight: bold;"&gt;não seja algo agradável&lt;/span&gt;&lt;/span&gt;, em princípio.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style=";font-family:trebuchet ms;font-size:180%;"  &gt;&lt;b style=""&gt;&lt;span style=""&gt;&lt;span style="color: rgb(0, 102, 0);"&gt;Por que gostaríamos que a criatividade fluísse de nós ´automagicamente´?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;div style="text-align: left;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/RydPNOCSNnI/AAAAAAAAADU/jWWj4-ONqRw/s1600-h/gazozzo_kungfuzero_1992.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/RydPNOCSNnI/AAAAAAAAADU/jWWj4-ONqRw/s200/gazozzo_kungfuzero_1992.jpg" alt="" id="BLOGGER_PHOTO_ID_5127153789309171314" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:trebuchet ms;"&gt;Porque &lt;span style="font-weight: bold;font-size:180%;" &gt;criar comunicação visual por vias não-usuais&lt;/span&gt; e que tenham coerência, ou seja, coisas criativas, &lt;span style="font-weight: bold;font-size:130%;" &gt;é como solucionar problemas&lt;/span&gt;&lt;span style="font-size:130%;"&gt;,&lt;/span&gt; resolver situações entre signos e significados. É nesse momento que entra em ação a nossa ‘bússola de interesses’, que define &lt;span style="font-size:130%;"&gt;&lt;b style=""&gt;DO QUE GOSTAMOS, O QUE QUEREMOS&lt;/b&gt;&lt;/span&gt;, valores que mudam a todo instante e que vão definir se você vai ou não sair da ‘Zona de Conforto’ em prol desse objetivo. Eu, por exemplo, tenho uma Zona de Conforto extremamente desenvolvida no que tange ao assunto ‘forma física’. Há quase quinze anos atrás, acreditem se quiserem, eu era professor de Kung Fu, estilo Garra de Águia. E hoje, tenho 30 Kilos a mais. Qual é a diferença que existe entre o Gazel daquela época e o de hoje? A Zona de Conforto, há 15 anos atrás, era muito pequena, pois o &lt;span style="font-weight: bold; color: rgb(0, 102, 0);font-size:180%;" &gt;GRAU DE INTERESSE e CRENÇA&lt;/span&gt; no kung fu eram suficientes para tirar-me do ócio e me fazer dispender ESFORÇO com prazer. Com o tempo, pois se trata de uma mudança diária (daí a razão dos 10 passos), &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;direcionei minha bússola para outras direçõe&lt;/span&gt;&lt;/span&gt;s, mudando meus interesses, sonhos e metas, &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;diminuindo minha zona de conforto para algumas habilidades e aumentando para outras.&lt;/span&gt;&lt;/span&gt; (na foto, uma foto da época em que eu praticava o Kung Fu e tinha uma zona de conforto curtíssima para vencer quando o assunto era praticar exercícios)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;p class="MsoNormal"&gt;&lt;span style=";font-family:trebuchet ms;font-size:10;"  &gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;/div&gt;&lt;/div&gt;&lt;p class="MsoNormal"&gt;&lt;span style=";font-family:trebuchet ms;font-size:10;"  &gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-481976775937973096?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.youtube.com/watch?v=tlMS3kI1Vy4' title='DO INFERNO AO PARAÍSO DE DANTE - Libertação da criatividade em webdesign - Parte 01 de 05'/><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/481976775937973096/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=481976775937973096' title='6 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/481976775937973096'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/481976775937973096'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2007/10/do-inferno-ao-paraso-de-dante-libertao.html' title='DO INFERNO AO PARAÍSO DE DANTE - Libertação da criatividade em webdesign - Parte 01 de 05'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_BWcrDJ-4mOw/RyWvEeCSNfI/AAAAAAAAACU/cwJ9Csw6rDc/s72-c/pleiadss.jpg' height='72' width='72'/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-4723973388365247937</id><published>2007-10-26T14:21:00.000-07:00</published><updated>2008-12-09T13:40:18.552-08:00</updated><title type='text'>25 Anos BH Shopping - Um hotsite que fez história!</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/RyKKCuCSNZI/AAAAAAAAABk/RZ6mI_Pw6Cg/s320/storyboard_6.jpg" alt="" id="BLOGGER_PHOTO_ID_5125811105223030162" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span id="RemainvidDescKpabp3Y3Sgk" style="display: inline;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Esse post fala sobre uma verdadeira raridade! Que vai mexer com sua emoção, fazer o coração bater mais forte! Vamos lá! &lt;span style="font-weight: bold;"&gt;Nostalgia!!!&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Em 2004, quando eu era &lt;span style="font-weight: bold;"&gt;Diretor de Arte da BHTEC e:house&lt;/span&gt;, vi-me diante de um dos mais interessantes e (felizmente) bem-resolvidos desafios da minha vida de webdesigner. Estava diante da responsabilidade de criar não um simples hotsite promocional, mas &lt;span style="font-weight: bold;font-size:130%;" &gt;um Hotsite com H maiúsculo&lt;/span&gt;. Simplesmente porque ao invés de divulgar ações promocionais ou produtos, como fazem normalmente os Hotsites, dessa vez a interface teria uma tarefa muito mais importante: ser o registro digital comemorativo dos 25 anos do BH Shopping - o primeiro e mais importante shopping de BH. Acha que é pouco? Então continue a leitura, please... :-)&lt;br /&gt;&lt;br /&gt;A primeira coisa que fizemos, fui &lt;span style="font-weight: bold;"&gt;vasculhar os porões do BH Shopping&lt;/span&gt; em busca de material. Depois de muito trabalho - e muita poeira levantada! - a equipe conseguiu finalmente selecionar os VTs antigos dos últimos 25 anos, cujas fitas nós levamos, digitalizamos e editamos. &lt;span style="font-weight: bold;"&gt;É isso mesmo que você ouviu: 25 comerciais de TV do BH Shopping, um para cada ano!&lt;/span&gt; É raridade ou não é? Vejam alguns exemplos (todos os videos podem ser vistos dentro do próprio hotsite: )&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;Quem não se lembra do Cometa Halley? E de todo o hype criado em torno dele? Era um merchandising animal o tempo todo! Tinha a família Halley, o ´Halleyfante´, e mais umas estrovengas com o brand Halley. Só que foi frustrante, ninguém conseguiu ver direito o tal cometa. E a criançava começava a ver que o mundo era falso (risos). Confira o vídeo abaixo! Destaque para "Desenhe o cometa e ganhe uma luneta!" Uau!&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/0izz9CdZWbs&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/0izz9CdZWbs&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;Em 1981, o BH Shopping ainda era o ´Shopping Center de Belo Horizonte´ - vejam! E que MARAVILHA a moda outono-inverno da época!&lt;/span&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/CelR8EGG7UE&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/CelR8EGG7UE&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;Outra pérola, 1985... "Deixe o inverno acontecer bem solto e bonito!" - Sensacional! Must see!&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/XPYADRCoID0&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/XPYADRCoID0&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;"No inverno, todo mundo fica mais elegante" - Isso foi em 2002... Bela campanha! Vale a pena ver:&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/DCZW30Nrkbs&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/DCZW30Nrkbs&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-weight: bold;"&gt;Em 1987, teve o ´Shopping Show Místico´ - detalhe do mapa astral feito no MSX!&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/-e4DWEhUGR8&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/-e4DWEhUGR8&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;Dia das mães, 1985. Puro oitentista! Destaque para "Ô VELHAAAA".&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/WVsTA9TUP3c&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/WVsTA9TUP3c&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-weight: bold;"&gt;1988. Os anos 80 não sabiam se ficavam ou se iam.&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/4pgM4hjzf_A&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/4pgM4hjzf_A&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;A interface foi resultado de um extenso processo de pesquisa, no qual estudei diversas composições do console utilizando os pictogramas formadores do logotipo BH Shopping - que representam um trevinho. No final, cheguei a um resultado que considero pra lá de satisfatório, uma interface completamente baseada no logotipo, e que não fosse óbvia, e sim, tridimensional, volumétrica, colorida, semioticamente próxima do ideal. Contei com a ajuda dos amigos Fernando Luciano, com seu texto genial e suas idéias valiosas e Cristiano Simões, que captou o espírito da coisa com perfeição e materializou a obra. Valeu, Cris! Cliquem nas imagem abaixo para ampliar alguns detalhes da interface:&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/RyKMCOCSNaI/AAAAAAAAABs/_h9PQ7pnaf8/s320/bh1.jpg" alt="" id="BLOGGER_PHOTO_ID_5125813295656351138" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/RyKMUOCSNbI/AAAAAAAAAB0/98UG9D05E9s/s320/bh3.jpg" alt="" id="BLOGGER_PHOTO_ID_5125813604893996466" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span id="RemainvidDescKpabp3Y3Sgk" style="display: inline;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Clicando-se no botão redondo central, a interface se ´contrai´ entrando no modo VIDEO, como mostram as fotos a seguir. Para voltar, bastava clicar novamente na bola, e pronto, o console se expandia.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/RyKMxeCSNcI/AAAAAAAAAB8/aiS6rSmBL5Y/s1600-h/assista.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/RyKMxeCSNcI/AAAAAAAAAB8/aiS6rSmBL5Y/s320/assista.jpg" alt="" id="BLOGGER_PHOTO_ID_5125814107405170114" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span id="RemainvidDescKpabp3Y3Sgk" style="display: inline;"&gt;&lt;br /&gt;Bem, até aqui foi um belo resgate da história de BH (por que não dizê-lo?) através dos comerciais antigos - que retratam toda uma identidade de uma época, e é isso que nos apaixona nos comerciais antigos. Mas a gente resolveu ir além. Criamos uma seção chamada ´ENQUANTO ISSO´, que CRIAVA UM PARALELO ENTRE O QUE ROLAVA NO BH SHOPPING, EM BH E NO MUNDO! Veja o exemplo: em 86, mostramos o Plano Cruzado. Convém não nos esquecermos dele. :-)&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/RyKNe-CSNdI/AAAAAAAAACE/kemXhzuDUwI/s320/cruzado.jpg" alt="" id="BLOGGER_PHOTO_ID_5125814889089218002" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span id="RemainvidDescKpabp3Y3Sgk" style="display: inline;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Esse fantástico hotsite, só foi produzido e publicado graças ao trabalho de &lt;span style="font-weight: bold;"&gt;profissionais super competentes &lt;/span&gt;- meus ex-parceiros da BHTEC e:house, que com um &lt;span style="font-weight: bold;"&gt;sério trabalho de pesquisa&lt;/span&gt; e espírito de grupo irrepreensível, possibilitaram o resgate dessa série de comerciais antigos &lt;span style="font-weight: bold;"&gt;paralelamente aos acontecimentos simultâneos pelo mundo&lt;/span&gt; - o que criu uma relação perceptiva do passado, semioticamente falando, de um diálogo sui-generis entre BH e o mundo, O resultado, além da satisfação em possuir no portfolio um trabalho tão primoroso, foi &lt;span style="font-weight: bold;"&gt;a medalha de ouro do CCPMG.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span&gt;Na época estávamos também lançando o &lt;span style="font-weight: bold;"&gt;Hotsite do Pop Rock Brasil&lt;/span&gt;, que estava completando 20 anos! Resolvemos aproveitar a oportunidade e criar um &lt;span style="font-weight: bold;"&gt;merchandising cross-site super interessante&lt;/span&gt;, anexando os momentos mais marcantes do Hotsite 25 anos BH Shopping, com a linha do tempo existente no Hotsite do Pop Rock Brasil. &lt;/span&gt;&lt;/span&gt;&lt;span id="RemainvidDescKpabp3Y3Sgk" style="display: inline;"&gt;&lt;span&gt;Mas esse é um outro case, para um próximo tópico... aguardem!&lt;/span&gt;&lt;/span&gt;&lt;span id="RemainvidDescKpabp3Y3Sgk" style="display: inline;"&gt; (abaixo, destaque sobre o enduro da Independência, evento que acontecia no BH Shopping em 1983)&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/RyNnROCSNeI/AAAAAAAAACM/Bx1j8dfuSO8/s1600-h/poprock_bh_25anos_c.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/RyNnROCSNeI/AAAAAAAAACM/Bx1j8dfuSO8/s320/poprock_bh_25anos_c.jpg" alt="" id="BLOGGER_PHOTO_ID_5126054346400871906" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="display: none;" id="MorevidDescKpabp3Y3Sgk" class="smallText"&gt;(&lt;a href="http://www.youtube.com/my_videos#" class="eLink" onclick="showInline('RemainvidDescKpabp3Y3Sgk'); hideInline('MorevidDescKpabp3Y3Sgk'); hideInline('BeginvidDescKpabp3Y3Sgk'); showInline('LessvidDescKpabp3Y3Sgk'); return false;"&gt;more&lt;/a&gt;)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Clicando nas imagens acima ou nesse link:&lt;span style="text-decoration: underline;"&gt; &lt;/span&gt;&lt;a href="http://www.discopraise.com.br/25anos/bh25anos.html"&gt;http://www.discopraise.com.br/25anos/bh25anos.html &lt;/a&gt;você abre uma janela com o Hotsite de 25 Anos do BH Shopping na íntegra, podendo desfrutar não só dos 25 vídeos mas também de todos os ´Enquanto Isso´ e saber de acontecimentos marcantes em todo o mundo, e no BH Shopping.&lt;br /&gt;&lt;br /&gt;Clicando &lt;a href="http://ccpmg.com.br/06/vi_web.htm"&gt;aqui&lt;/a&gt; você vê a ficha técnica e o resultado oficial no site CCPMG.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-4723973388365247937?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/4723973388365247937/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=4723973388365247937' title='7 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/4723973388365247937'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/4723973388365247937'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2007/10/25-anos-bh-shopping-um-hotsite-que-fez.html' title='25 Anos BH Shopping - Um hotsite que fez história!'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_BWcrDJ-4mOw/RyKKCuCSNZI/AAAAAAAAABk/RZ6mI_Pw6Cg/s72-c/storyboard_6.jpg' height='72' width='72'/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-616385327819194273</id><published>2007-10-24T14:52:00.000-07:00</published><updated>2008-12-09T13:40:24.600-08:00</updated><title type='text'>Discopraise - "Se Eu Me Humilhar" - novo projeto</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/Rx_JPeCSNYI/AAAAAAAAABc/F49RQ1L_rpA/s1600-h/espei.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/Rx_JPeCSNYI/AAAAAAAAABc/F49RQ1L_rpA/s200/espei.jpg" alt="" id="BLOGGER_PHOTO_ID_5125036168568780162" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Pode parecer um título ´forte´. E é mesmo; aliás, &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;perfeito para um CD dedicado ao louvor e adoração a Deus.&lt;/span&gt;&lt;/span&gt; E para isso a banda Discopraise foi fundo na alma, na entrega espiritual, na força inexplicável - porém vivenciável, perceptível - da fé, para criar o que eu considero uma verdadeira obra-prima do gênero ´louvor &amp;amp; adoração´. Diante dessa riqueza, digamos, ´espiritual´ do trabalho, optei por também imergir nesse clima divino e, lembrando do exemplo universal de Cristo, o ´cordeiro de Deus´, criei essa identidade visual para o encarte de "Se Eu Me Humilhar".&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/Rx_BPf9HJnI/AAAAAAAAAAs/0ycSwAi7z_o/s1600-h/detalhe_02.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/Rx_BPf9HJnI/AAAAAAAAAAs/0ycSwAi7z_o/s320/detalhe_02.jpg" alt="" id="BLOGGER_PHOTO_ID_5125027372990932594" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:78%;"&gt;&lt;span style="font-weight: bold;"&gt;Clique na imagem para vê-la ampliada.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;Independente da sua religião (eu pelo menos não tenho religião definida), é inegável a força mística que a paixão de Cristo provoca nas pessoas. Eu busquei uma &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;singeleza cromática que pudesse sugerir o sangue salvador, mítico, &lt;/span&gt;&lt;/span&gt;que brotou do corpo de Jesus durante a Via Crucis, contrapondo-se à alvura enevoada da vida nova, da vida eterna. Por outro lado, pictogramas em combinações caóticas trazem para o debate perceptivo a &lt;span style="font-weight: bold;font-size:130%;" &gt;brutalidade, a insanidade, a dor pela qual passou Cristo.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/Rx_C2v9HJoI/AAAAAAAAAA0/ItuTENDJIGg/s1600-h/detalhe_01.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/Rx_C2v9HJoI/AAAAAAAAAA0/ItuTENDJIGg/s320/detalhe_01.jpg" alt="" id="BLOGGER_PHOTO_ID_5125029146812425858" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:78%;"&gt;&lt;span style="font-weight: bold;"&gt;Clique na imagem para vê-la ampliada.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;Some-se a isso uma tipografia que "caiu do céu", a fantástica ´Bleeding Cowboys´, que como vocês podem perceber no título,&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt; parece ter sido foi feita sob medida para o trabalho&lt;/span&gt;&lt;/span&gt;, conferindo um aspecto ainda mais místico para esse projeto abençoado.&lt;br /&gt;&lt;br /&gt;Para a parte interna, ao invés de utilizar blocos de texto orientados pela base em ângulos retos, resolvi interpretar cada música e criar um tipo de tensão especial de acordo com a emoção do trecho. &lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Isso conferiu muito mais PERSONALIDADE a cada música&lt;/span&gt;&lt;/span&gt;, com negritos especiais, corpos crescidos estrategicamente em uma ou outra estrofe, grifos de vermelho e preto, aumentando ainda mais o caráter emocional, catártico, do louvor.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:78%;"&gt;&lt;span style="font-weight: bold;"&gt;Para ver as criações no &lt;span style="font-size:100%;"&gt;tamanho grande&lt;/span&gt;, clique nas imagens abaixo:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx_GO_9HJqI/AAAAAAAAABE/6DlDHardBUk/s1600-h/encarte_lado_B.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx_GO_9HJqI/AAAAAAAAABE/6DlDHardBUk/s320/encarte_lado_B.jpg" alt="" id="BLOGGER_PHOTO_ID_5125032861959136930" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx_Gf_9HJrI/AAAAAAAAABM/KKrf447PVv4/s1600-h/encarte_lado_A.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx_Gf_9HJrI/AAAAAAAAABM/KKrf447PVv4/s320/encarte_lado_A.jpg" alt="" id="BLOGGER_PHOTO_ID_5125033154016913074" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-616385327819194273?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/616385327819194273/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=616385327819194273' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/616385327819194273'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/616385327819194273'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2007/10/discopraise-se-eu-me-humilhar-novo.html' title='Discopraise - &quot;Se Eu Me Humilhar&quot; - novo projeto'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_BWcrDJ-4mOw/Rx_JPeCSNYI/AAAAAAAAABc/F49RQ1L_rpA/s72-c/espei.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-3172336438074869601</id><published>2007-10-23T14:45:00.000-07:00</published><updated>2008-12-09T13:40:33.111-08:00</updated><title type='text'>www.alemagalhaes.com - novo projeto</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/Rx5tCf9HJjI/AAAAAAAAAAM/6U8UrzAxgRE/s1600-h/splash_screen_estudo_01g.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/Rx5tCf9HJjI/AAAAAAAAAAM/6U8UrzAxgRE/s320/splash_screen_estudo_01g.jpg" alt="" id="BLOGGER_PHOTO_ID_5124653315699189298" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Colocamos no ar, eu e minha fantástica equipe (modéstia à parte), um projeto que promete ser um sucesso, um case de rebranding e fidelização de audiência para um músico, na internet, que mesmo contando com uma verba relativamente curta, conseguiu fazer seu debut em alto estilo, com um novo logotipo, uma nova proposta de comunicação digital e o principal - oferecendo ao usuário não apenas mais um site pessoal de artista, e sim, uma série de aventuras em vídeo que tem todo o potencial para se viralizar.&lt;br /&gt;&lt;br /&gt;&lt;object width="405" height="324"&gt;&lt;param name="movie" value="http://www.youtube.com/v/vgySkLeaAA4&amp;hl=en&amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/vgySkLeaAA4&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="405" height="324"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Você pode assistir ao primeiro episódio de ´O Retorno do Homem-Animal´ entrando no endereço www.alemagalhaes.com. Em alguns dias a segunda parte da aventura vai ao ar - e aqueles que se cadastrarem, além de serem avisados em primeira mão, também concorrem semanalmente a camisetas exclusivas Alê Magalhães.&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx5uhP9HJlI/AAAAAAAAAAc/ev76BCRfYJA/s1600-h/MODELO_ALE_01A.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx5uhP9HJlI/AAAAAAAAAAc/ev76BCRfYJA/s320/MODELO_ALE_01A.jpg" alt="" id="BLOGGER_PHOTO_ID_5124654943491794514" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;No final do segundo episódio, haverá uma sequência interativa, um game de ação no qual colocaremos nas mãos do usuário o destino final dessa aventura! Prestigie, acesse e indique para os amigos!&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;Ainda este ano o site contará com as versões inglês e japonês, fazendo parte de um plano de marketing online que visa abrir novos mercados internacionais para a música de Alê Magalhães - e claro, para as aventuras de seu personagem.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx5wOP9HJmI/AAAAAAAAAAk/wTST4-Hn04k/s1600-h/imagem_cena_03a.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/Rx5wOP9HJmI/AAAAAAAAAAk/wTST4-Hn04k/s320/imagem_cena_03a.jpg" alt="" id="BLOGGER_PHOTO_ID_5124656816097535586" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Essa idéia de dividir o projeto em 3 fases iniciais - parte 1, parte 2 (da aventura) e o game no final, faz parte de um objetivo claro: não perder o contato com os usuários, evitando o famoso ´acesso único´, aquele usuário que vai a um site e nunca mais retorna. No nosso caso, as pessoas ficarão na expectativa de uma novidade, podendo participar de uma promoção permanente de camisetas, saber das novidades, downloads de MP3 do artista e a agenda de Shows.&lt;br /&gt;&lt;br /&gt;Gostaria de agradecer às pessoas que tornam esse projeto possível com seus talentos geniais: o excepcional traço de André Coelho; a arte da animação de Rodrigo Simões; a programação de Mariana Hostalácio; o suporte técnico de Petro Carioca (Álvaro K.), Filmagens de Rodrigo ´Lagoa´ Mattos e claro, do nosso artista e razão maior do projeto, Alê Magalhães, e sua música.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-3172336438074869601?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/3172336438074869601/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=3172336438074869601' title='4 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3172336438074869601'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/3172336438074869601'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2007/10/wwwalemagalhaescom-novo-projeto.html' title='www.alemagalhaes.com - novo projeto'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_BWcrDJ-4mOw/Rx5tCf9HJjI/AAAAAAAAAAM/6U8UrzAxgRE/s72-c/splash_screen_estudo_01g.jpg' height='72' width='72'/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973305334951600</id><published>2006-10-01T13:03:00.000-07:00</published><updated>2006-10-01T13:51:03.266-07:00</updated><title type='text'></title><content type='html'>&lt;span style="font-size:180%;"&gt;&lt;br /&gt;&lt;br /&gt;"PROFISSIONAIS DA IMAGEM" - Entrevista&lt;/span&gt;&lt;br /&gt;by Ronaldo Gazel&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/58/2916/1600/Imagem145.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/58/2916/320/Imagem145.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;1-     Escreva um breve pefil seu: como começou a trabalhar com publicidade? O vídeo foi a primeira mídia com a qual teve experiência? E a internet quando veio? Por quais empresas você já passou?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Em 1993 eu fazia algumas músicas e animações no Amiga, usando Protracker e Deluxe Paint, por puro hobby. Certa vez um tio meu, João Gazel, conheceu um pouco da minha criação musical e perguntou se eu não topava fazer, junto dele, um jingle para a Channel Suprimentos (hoje extinta). Topei e fizemos um piloto usando Protracker, e deu tudo muito certo. Na sequência, fui convidado pelo sócio dele, Dino Sávio, para uma vaga de estagiário na agência, chamada DIGA. Esse Dino Sávio havia feito uma campanha em Angola, ajudando a eleger o presidente daquele país, e investiu todos os seus 25.000 dólares em Macs, muitos Macs e muitos equipamentos. E lá estava eu, operando todas aquelas máquinas maravilhosas. Foi uma época incrível. Desde então, passaram-se 12 anos, sempre na publicidade, sempre ligado aos micros, à linguagem digital.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2-     Você chegou a produzir um piloto de TV. Sobre o que era o programa?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Foi em 1995. O programa se chamava GIGABOOM, e era direcionado a um público jovem, formado por jogadores e simpatizantes de videogames e RPGs. Abordávamos também a cultura digital, naquela época, com as BBS, pois a Internet ainda era muito recente. Criamos um grupo de 9 apresentadores, representando personagens, que, entre um quadro e outro, viviam situações cômicas, como o 'Comando Ninja' - Um grupo de justiceiros 'delivery' cujo comercial terminava com a frase "nóis aceita cartão, né?". O piloto ficou muito bom para a época - e talvez o seja até hoje. E era muito avançado na linguagem, pois ao apresentarmos para algumas pessoas-chave dentro de algumas emissoras de TV, recebemos a mesma resposta: "isso é avançado demais!"&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;3-     Como era fazer o programa? Quantas pessoas estavam envolvidas e quem fazia o quê?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Fazer o programa era a coisa mais divertida que já vivi. Imagine uma kombi cheia de artistas, videogames, monitores, toda essa parafernália que acompanha uma produção, em alta velocidade, todos os dias percorrendo a cidade, do centro ao SSV. Fazíamos um verdadeiro escarcéu lá dentro! Esse projeto foi feito em parceria com o SSV, e tivemos total apoio deles, em todas as circunstâncias. Investimos uma boa grana, fizemos videoclips com a turma, e tudo o que tínhamos direito; usamos todos os equipamentos possíveis, incluindo grua, travelling, etc. Foi fantástico.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;4-     A linguagem de vídeo ou filmográfica, no sentido da narrativa, sempre esteve presente em sua vida profissional. Conte como ela influencia seu trabalho hoje.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Atualmente estou me empenhando para aprimorar o uso da linguagem do vídeo nos meus trabalhos na web - que é o meu principal meio. Tenho total convicção de que, com a popularização das conexões de banda larga, tenhamos maiores possibilidades de explorar a linguagem do vídeo, que deixa de ser considerado dentro de um projeto comercial (como um portal de telefonia ou fabricante de automóveis, por exemplo) não pelo seu custo de produção - mas pela inviabilidade causada pela lentidão das baixas conexões. Mas isso está mudando, e muito rapidamente!&lt;br /&gt;&lt;br /&gt;Venho também desenvolvendo, há algum tempo, um projeto de vídeo interativo - suportado por uma escultura baseada num computador desconstruído - que tenta fugir da narrativa tradicional através de experiências sensoriais incomuns, com ações e reações que lembram os jogos dadaístas.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;5-     O que você gosta mais: roteirizar, produzir ou editar? Por quê?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Todas essas atividades são excitantes - gosto de todas elas sem predileção por nenhuma específica. Mas prefiro dirigir a edição e a produção, do que propriamente 'colocar a mão na massa'. Na hora do roteiro, entretanto, arregaçar as mangas pra valer, especialmente em dupla, é sempre uma grande pedida.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;6-     O que vai ser do vídeo no futuro? Dá para fazer uma previsão?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Acho que, a partir dessa atual onda de celular com câmera (ou seria câmera com celular?), a tendência é que vivamos o auge, em toda a história do homem, da apropriação da imagem. Para mim, é o momento onde os paradoxos da pós-modernidade melhor poderão ser percebidos, já que ao mesmo tempo que haverá uma "massa burra", uma quantidade inimaginável de informações pasteurizadas no todo, os micro-fenômenos de hype eclodirão como versões transgênicas dos '15 minutos de fama", de Warhol. Aguardo, ansiosamente, como reagirão as demais linguagens e sub-linguagens derivadas do vídeo, diante desse futuro, digamos...curioso.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;7-     O que é criar para você? Como surge uma idéia sem que haja “traumas” neste processo?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Num passado recente, o processo criativo era completamente caótico e emocionalmente desgastante, pois eu tinha grande dificuldade de compreender minimamente os fenômenos que ocorriam internamente, no processo perceptivo, cognitivo, criativo, de dar um feedback direcionado que não fosse estéril conceitual e esteticamente, num período de tempo proibitivo. Mas a entrada na faculdade de Artes Plásticas me trouxe acesso a novos debates e novos conhecimentos sobre a arte; nesse caso, as relações da arte com o design, e aos poucos, fui me encontrando - aliás, venho me encontrando com mais eficiência e fluidez, a cada dia.&lt;br /&gt;&lt;br /&gt;Quanto à idéia de trauma, eu a evito pensando no cenário geral da criação, no ambiente criativo, como algo mais lúdico, como se tudo fosse um grande adventure, uma grande charada. Realmente não há motivos para se preocupar com o desafio criativo - pelo contrário, é melhor deixar a adrenalina tomar conta do corpo e, aos poucos, com muita pesquisa (eis o segredo), e muita experimentalização, dá pra se pegar o jeito.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973305334951600?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973305334951600/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973305334951600' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973305334951600'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973305334951600'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/profissionais-da-imagem-entrevista-by.html' title=''/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973267215685166</id><published>2006-10-01T12:56:00.000-07:00</published><updated>2008-12-09T13:40:34.408-08:00</updated><title type='text'>Portal Fiat Automóveis 2004 - Entrevista com Ronaldo Gazel para a Revista Webdesign n.07</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/58/2916/1600/Imagem146.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/58/2916/320/Imagem146.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SIvTDpKW5yI/AAAAAAAAAM0/mF_M9OAGa1k/s1600-h/70.jpg"&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;1. Qual o maior diferencial da loja virtual da Fiat em relação às das concorrentes?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A loja virtual da Fiat, denominada ´Monte Seu Carro´, tem uma característica, para nós, essencial: ela vende. Obtem êxito nessa empreitada porque se por um lado um back-end sólido, capaz de suportar todo tipo de demanda, permite uma compra rápida, simples e segura, do outro lado existe a comunicação publicitária desenvolvida dentro do site, fortemente voltada a promover o produto, tendendo sempre a aproveitar todo espaço disponível com imagens que despertem desejo e emoção, ao invés de interfaces high-tech e muitas vezes não tão amigáveis. O site fiat não é apenas um portal de informações, mas uma central de desejos.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: rgb(0, 153, 0);"&gt;(Clique nas miniaturas abaixo para ampliar as páginas)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvRIDKnq3I/AAAAAAAAAMc/URHDpmPMNSk/s1600-h/7a.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvRIDKnq3I/AAAAAAAAAMc/URHDpmPMNSk/s200/7a.jpg" alt="" id="BLOGGER_PHOTO_ID_5227501728712600434" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SIvRbUIhKRI/AAAAAAAAAMk/6xQFm-4sCIM/s1600-h/7b.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SIvRbUIhKRI/AAAAAAAAAMk/6xQFm-4sCIM/s200/7b.jpg" alt="" id="BLOGGER_PHOTO_ID_5227502059684702482" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvRmyYMw-I/AAAAAAAAAMs/lptpdFcf-aU/s1600-h/7c.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvRmyYMw-I/AAAAAAAAAMs/lptpdFcf-aU/s200/7c.jpg" alt="" id="BLOGGER_PHOTO_ID_5227502256782099426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Ao desenvolver o ´Monte seu Carro´ observamos e registramos impressões sobre uma grande quantidade de sites internacionais, que também vendessem carros online. Baseados nessas impressões criamos um filtro especial, que inova pela sua facilidade de uso. Através dele o usuário pode fazer diversas combinações entre preços, motorização, categoria, número de portas. Automaticamente a lista dos carros Fiat que se enquadram naquela pesquisa são mostrados. Ao se optar por um modelo, surge um segundo nível de filtro, personalizando ao máximo a escolha antes de se chegar à próxima etapa, na qual o usuário irá configurar o restante das suas opções e calcular os preços, finalizando a compra ou ´estacionando´ seu carro, isto é, salvando suas configurações para uma futura visita.&lt;br /&gt;&lt;br /&gt;O console de navegação, à esquerda do site, presente durante todo o processo de configuração e compra, permite ainda maior flexibilidade ao ´Monte seu Carro´, permitindo a qualquer instante verificar os itens de série, obter informações sobre as formas de pagamento, ver um resumo da configuração montada, dentre outras opções. Já o menu principal do `Monte seu Carro´, permite que o usuário vá, a qualquer momento, a qualquer uma das seções de configuração, sem ter que seguir uma ordem linear durante o processo.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;2. Durante a implantação do projeto do site, quais as maiores dificuldades enfrentadas?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Além do pouquíssimo tempo disponível para criação, pesquisa, desenvolvimento e testes, algumas dificuldades relacionadas aos servidores também nos acometeram. Tivemos que entrar em um esquema de funcionamento 24 horas, através de uma escala de revezamento dos funcionários, ou provavelmente teríamos atrasado a entrega do site, que foi lançado impreterivelmente à data estipulada. Uma equipe de competentes jornalistas e publicitários avaliava e revisava os conteúdos pré-publicados, evitando que a pressa se transformasse em erros.&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SIvTDpKW5yI/AAAAAAAAAM0/mF_M9OAGa1k/s1600-h/70.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SIvTDpKW5yI/AAAAAAAAAM0/mF_M9OAGa1k/s400/70.jpg" alt="" id="BLOGGER_PHOTO_ID_5227503852035958562" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-size:130%;"&gt;3. Da implantação do primeiro site Fiat, em 1995, até a disponibilização do comércio online, em 1999, o que foi testado e aperfeiçoado para que o e-commerce entrasse no ar? E de 1999 para cá, que inovações/ferramentas foram implantadas?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Cada nova versão do site Fiat foi marcada, sem falsa modéstia, pela inovação, sempre considerando uma linha evolutiva constante. A maior razão disso é que o know-how adquirido no cotidiano de um ´business´ tão complexo como a venda de automóveis pela Internet nos tornou capazes de criar produtos inovadores, sempre à frente da concorrência. Todos os avanços visuais e tecnológicos levaram em consideração todo o histórico vivenciado e, a cada versão, tentamos desenvolver um design que melhor expressasse a linguagem publicitária do cliente, ao invés de interfaces muito ´marcantes´, que tirassem o foco do usuário sob o produto. Tudo isso paripassu à evolução do ´core´ do business, isso é, a tecnologia por detrás dos browsers, responsável por efetivar o relacionamento e a compra. Um dos maiores exemplos disso é o próprio ´Monte seu Carro´, que desde a sua pioneira aparição no mercado brasileiro, vêm evoluindo a olhos vistos, mostrando-se atualmente como um dos mais amigáveis sistemas de configuração e compra de veículos, dentre os sites nacionais.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: rgb(0, 153, 0);"&gt;(Clique nas miniaturas abaixo para ampliar as páginas)&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SIvTmbzzKGI/AAAAAAAAAM8/HifQqa0nD8Y/s1600-h/7d.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SIvTmbzzKGI/AAAAAAAAAM8/HifQqa0nD8Y/s200/7d.jpg" alt="" id="BLOGGER_PHOTO_ID_5227504449747101794" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvT1qA19JI/AAAAAAAAANE/9DDfWeuAtQo/s1600-h/7e.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvT1qA19JI/AAAAAAAAANE/9DDfWeuAtQo/s200/7e.jpg" alt="" id="BLOGGER_PHOTO_ID_5227504711257945234" border="0" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;4. Segundo o livro ‘E-commerce’, da editora FGV, a execução da venda de automóveis é feita nas concessionárias através do envio de pedido, cabendo ao consumidor apenas preencher os dados na página da loja virtual. Como funciona a ferramenta ‘intenção de compra’?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A ´Intenção de Compra´, como o próprio nome nos mostra, representa formalmente o desejo de compra do usuário, com todas as suas características. Através do sistema LEAD, o usuário pode receber inclusive uma proposta de qualquer concessionária Fiat de sua preferência em, no máximo, 24 horas depois de ter sido solicitada através do ´Monte seu Carro´ do site Fiat, aproximando ainda mais o usuário de um Fiat 0Km. Tudo isso sem burocracia, sem tecnicismos exagerados, apenas com opções simples e bem formatadas.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/58/2916/1600/raio_x.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/58/2916/320/raio_x.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;5. Como a usabilidade foi adequada ao perfil do usuário? Foram feitas pesquisas, testes, ou partiu-se do princípio de que o público-alvo, por pertencer a uma classe social mais elevada, tinha familiaridade com a internet?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A Fiat Automóveis possui um departamento de marketing dedicado a ´desenhar´ constantemente o perfil mais próximo do target na comunicação - e por isso mesmo esse perfil nos é informado pelo próprio cliente, ao iniciarmos o processo de desenvolvimento do site. Além disso, sim, foram feitas várias pesquisas exclusivamente contratadas para o site Fiat, que auxiliaram bastante na formação dessa imagem do usuário.&lt;br /&gt;&lt;br /&gt;Antigamente era muito fácil categorizar os usuários em categorias de consumo, como ´Classe A´ , ´AB, ou ´C´. Mas como diria o mote de uma bem-sucedida campanha da própria Fiat: "Está na hora de você mudar seus conceitos" - quero dizer, a categorização de usuários é hoje muito mais abrangente, possuindo exponencialmente mais elementos a serem considerados, como os emocionalmente relacionados, pois a compra de um carro está intimamente ligada a sensações que vão do status à paixão propriamente dita. Para atualizarmos nosso perfil do usuário, utilizamos o próprio site Fiat, realizando enquetes, pesquisas e outras ações, recebendo, assim, o feedback necessário para tal.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;6. O que foi priorizado na elaboração do projeto: compatibilizar a interface com o produto ou com o usuário?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Havia duas frentes bem-definidas: era necessário que o site pudesse promover o produto, servindo como um ´palco virtual´, no qual a grande atração fosse o carro - e que se esforçasse por vendê-lo da maneira mais prática e fácil possível; ao mesmo tempo, precisava ser vibrante, humano, colorido, semioticamente correto, capaz de reacender o interesse do usuário a cada novo acesso.&lt;br /&gt;&lt;br /&gt;Para que aproximássemos a interface do que chamaríamos de ´ideal de usabilidade e interesse´ perante o usuário, sem que deixássemos de focalizar no produto, valemo-nos de pesquisas de credibilidade, como as do IBOPE e-ratings, e grupos de usuários, que conduzidos por um mediador, relataram suas opiniões in-loco, devidamente registradas e sistematizadas num relatório. Essas pesquisas avaliaram critérios diversos do universo que cerca o site Fiat, identificando as opiniões do usuário quanto às vantagens e desvantagens de sua interface, segundo critérios pessoais de usabilidade. As pesquisas também avaliaram os produtos das outras montadoras: o grupo de usuários, através de opinião expontânea, nos relatou o que mais lhe interessava ou desagradava dentro das interfaces concorrentes.&lt;br /&gt;&lt;br /&gt;Infelizmente não existe uma pesquisa definitiva, que nos aponte a direção infalível do sucesso. No caso do site Fiat, algumas pesquisas apresentaram conclusões contraditórias entre si, mas nos colocaram diante de valiosas informações, que somadas às vivências oriundas dos relacionamentos pregressos do site Fiat com seus usuários, propiciaram-nos definir as diretrizes que permearam, na prática (e na forma!) a criação da interface: utilização de imagens ambientadas sempre que possível; uso de imagens grandes, nítidas, mesmo que isso representasse um adicional em KBytes; eliminação da barra de rolagem geral (padrão do browser), em prol de barras de rolagem localizadas sob demanda da própria navegação, de maneira a não ocultar, a nenhum momento, qualquer tipo de informação, mesmo sob resolução de 800x600; uso intensivo de elementos visuais animados, como os ´agentes inteligentes´, informações sob demanda que surgem em scroll vertical sob a interface, e depois de algum tempo, desaparecem fazendo o movimento em sentido contrário; Utilização de elementos humanos escolhidos especificamente para se reforçar o perfil delimitado para cada categoria de consumidor - no caso da Fiat, para cada modelo temos um perfil humano a ser alcançado na comunicação; dentre outras.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: rgb(0, 153, 0);"&gt;(Clique nas miniaturas abaixo para ampliar as páginas)&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SIvVDZxhhOI/AAAAAAAAANM/VSDzYHFz_bs/s1600-h/7f.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_BWcrDJ-4mOw/SIvVDZxhhOI/AAAAAAAAANM/VSDzYHFz_bs/s200/7f.jpg" alt="" id="BLOGGER_PHOTO_ID_5227506046928520418" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvVT3jIIEI/AAAAAAAAANU/CjmI1MG5hI8/s1600-h/7g.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvVT3jIIEI/AAAAAAAAANU/CjmI1MG5hI8/s200/7g.jpg" alt="" id="BLOGGER_PHOTO_ID_5227506329799106626" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;7. O design italiano é um dos mais valorizados e respeitados do mundo, o que se reflete nos modelos de automóveis Fiat. Até que ponto manter o nível em termos de design influiu na projeção do site?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Os carros da Fiat, na minha opinião, vêm evoluindo seu design a cada lançamento. Por isso mesmo é gratificante perceber que a interface do site Fiat consegue se manter atual em relação a seus produtos, cumprindo seu papel com eficiência, que é o de promover a venda, aproximar seus usuários do produto - e consequentemente, da marca. Confesso uma grande satisfação ao constatar que o site Fiat continua distante do ´hype´ de alguns clichês estéticos web, mantendo sua simplicidade, contemporaneidade e originalidade, experimentando o êxito de uma existência intimamente relacionada ao produto, cujas características, também reafirmadas pelas outras mídias (TV, Rádio, Revista, etc...) são totalmente aproveitados pela interface, ou seja, repotencializamos a comunicação do cliente. E viva o design italiano!&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;8. As modificações no site são realizadas com que freqüência e segundo que critérios?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Apesar do pouco tempo disponível, surpreende-me o fato de até hoje nunca ter havido uma modificação estrutural significativa dentro do site Fiat. Isso mostra que o projeto original era realmente bom, capaz de prever uma grande quantidade de situações, todas elas bem resolvidas pela interface. Sua home, por exemplo, foi capaz de apresentar campanhas que seguiram à risca a comunicação publicitária da Fiat Automóveis, através de animações interessantes e surpreendentes, como as das campanhas ´Eu quero o meu´ e ´Moviecard´; também na home devemos ressaltar importância do ´Console Multimídia´, espécie de monitor com ´canais´, cada um deles contendo informações rápidas e importantes, sem perder o primordial destaque ao produto, característica mais importante do site Fiat.&lt;br /&gt;&lt;br /&gt;A seção Fiat News, responsável pelas notícias relacionadas com o universo Fiat, é atualizada com uma frequência regular, desde seu lançamento. Sua atualização é realizada através de uma interface amigável especialmente destinada para este fim, permitindo a entrada e atualização dos dados pelo jornalista a qualquer instante, sem que este necessite de pré-requisitos em programação ou design. Newsletters e boletins são enviados periodicamente aos usuários.&lt;br /&gt;&lt;br /&gt;O site fiat ainda possui dois recursos que são automaticamente ativados, ao ser detectada resolução de vídeo superior a 800x600 pixels: os consoles laterais. Eles aproveitam as vantagens da resolução maior e apresentam uma gama extensa de informações, em formato console, fácil de se navegar e compreender. O console da direita, denominado ´Ofertas Fiat´, apresenta ofertas pré-selecionadas ou de alguma promoção vigente. O console da base possui chamadas para o Fiat News, atalhos iconográficos para seções internas do site e outras informações.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973267215685166?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973267215685166/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973267215685166' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973267215685166'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973267215685166'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/site-fiat-20022004-entrevista-para.html' title='Portal Fiat Automóveis 2004 - Entrevista com Ronaldo Gazel para a Revista Webdesign n.07'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_BWcrDJ-4mOw/SIvRIDKnq3I/AAAAAAAAAMc/URHDpmPMNSk/s72-c/7a.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973239537951326</id><published>2006-10-01T12:51:00.000-07:00</published><updated>2006-10-01T13:58:37.370-07:00</updated><title type='text'></title><content type='html'>&lt;span style="font-size:180%;"&gt;INTERFACES&lt;/span&gt;&lt;br /&gt;by Gazel - publicado na Revista Webdesign&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;1. Até que ponto a adequação interface-usuário determina o resultado positivo de um produto de TI?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Literatos e puristas talvez preferissem definir regras claras, caminhos visivelmente lógicos para o sucesso de uma interface, como numa ´receita de bolo´. Eles falam tantas vezes o óbvio: que precisamos saber com quem nos comunicamos. E muitos deles ainda tem a coragem de classificar o usuário dentro de categorias fixas e extremamente genéricas, como por exemplo: ´amadores´ e ´profissionais´. Eles tantas vezes se esquecem de que nunca antes um sistema multimídia havia, como a Internet, conseguido agrupar texto, vídeo, áudio; sistemas modernos de programação, bancos de dados, conectividade; potencial de negócios e abrangência de atuação ilimitados em um único meio. Lembremo-nos de que a Internet é um grande ´buraco negro´, para onde convergem praticamente todos os modelos científicos, comerciais, metodológicos e de relacionamento existentes - que, por sua vez, vêm descobrindo, dia após dia, que é preciso reagrupar e repensar todos os seus conceitos, já que a convergência é inevitável (´resistance is futile´) e no final dele (do buraco negro) todos os modelos, para funcionarem, precisarão de eficiência total NA CAPACIDADE ADAPTATIVA. Aonde quero chegar? Simples, não há verdade. Ou melhor, existe sim, mas ela dura pouco e é necessário que pensemos em maneiras, não de prolongá-la (isso não está mais ao nosso alcance), mas de verificá-la com maior facilidade e intensidade.&lt;br /&gt;&lt;br /&gt;Algumas empresas precisam verificar ´in loco´, diretamente com seus clientes e usuários em potencial qual é a ´verdade´ que eles têm a dizer sobre seus relacionamentos com a interface e com a sua marca. E para isso recorrem aos métodos já utilizados por elas na avaliação de seus produtos no varejo: pesquisas de mercado, e relatórios de usabilidade feitos por consultores especializados, que normalmente estabelecem uma situação presente, de acordo com uma ótica definida (às vezes preconceituosa), e apontam os itens que precisam ser implementados, modificados ou excluídos em um determinado sistema - endossados pela opinião de grupos representativos, sub-divididos em determinados perfis de usuário. Sinto muito dizer isso, mas na minha opinião, os relatórios que tais estudos endossam são, do ponto de vista técnico, perfeitos - mas ineficazes. Não apenas por serem realizados em uma frequência mínima, desconsiderável, já que a maioria das empresas que se prezam a fazer uma pesquisa desse tipo (e olha que são pouquíssimas, considerando o mercado nacional) só a realiza duas ou três vezes durante 1 ano ou mais de relacionamento. Mas porque a amostragem por pequenos grupos, mesmo com características comuns, por si só não aponta claramente a opinião geral de um público mais abrangente, necessitando de maior profundidade psico-sociológica do indivíduo nesses grupos.&lt;br /&gt;&lt;br /&gt;É muito comum, por exemplo, que dois estudos independentes apontem caminhos simetricamente opostos a respeito de um mesmo tema. Por exemplo: um deles pode concluir que é necessário reduzir o tamanho de uma determinada imagem principal, pois para o usuário em questão (cujo perfil, mesmo sendo geral, muitas vezes é rasteiramente definido), o ganho na velocidade de download representa maior benefício do que uma visualização mais privilegiada de tal imagem; por outro lado, o estudo 2 pode concluir, ao contrário do primeiro, que aumentando-se o tamanho da imagem e melhorando sua qualidade, ou ainda, inserindo essa imagem dentro de uma animação .swf, o benefício gerado para a marca como um todo, seria maior, mesmo no caso da mídia ser mais ´pesada´ em bytes. Já me vi diante de pesquisas que apontavam direções simetricamente opostas!&lt;br /&gt;&lt;br /&gt;Qual a solução? Bem, se eu soubesse, talvez tivesse escrito um livro e ganhado muita, muita grana. Mas o fato é que solução definitiva nunca haverá. Devemos tirar nossas conclusões, observando com muita cautela o que os profissionais e os ´especialistas´ (ênfase nas aspas) dizem, adicionado do que catalisamos no mundo real. É isso, esse é o ´conteúdo emocional´: saber que atrás de cada monitor está um ser humano, que influencia e recebe influência a todo instante das pessoas e das coisas, dos fatos e objetos ao seu redor. Só que, assim como a velocidade do acesso entre as pessoas e a reprodutibilidade das informações aumentou vertiginosamente com a popularização da Internet, a velocidade em que o próprio usuário muda de perfil também passou a mudar num ritmo assustadoramente rápido! Vamos recorrer à filosofia grega: "Nenhum homem se banha no mesmo rio duas vezes; da segunda vez nem o rio e nem o homem seriam os mesmos...", como diria Heráclito. Seria preciso que as tais pesquisas de usabilidade fossem realizadas mensalmente, ou quem sabe, semanalmente, já que da próxima vez em que o usuário for utilizar o site, tanto o ele quanto o próprio site, não serão mais os mesmos! Por quê? Porque usuários e sistemas recebem influência do mundo exterior - que GIRA! Mesmo que não se troque uma vírgula sequer no site ou sistema em questão, ele não será mais o mesmo quando o usuário acessá-lo novamente. Mesmo que o usuário não tenha saído de casa, nem assistido TV, lido uma revista, um jornal, ou mesmo telefonado para um amigo, ele não será mais o mesmo também, pois o simples ato de PENSAR, já nos faz diferentes de nós mesmos, a cada momento.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2. Quanto mais vasto e diversificado o universo de usuários, maior a dificuldade em se elaborar uma interface abrangente, que consiga simultaneamente ser de fácil entendimento para usuários iniciantes e não ser enfadonho para usuários avançados. Qual a solução para este impasse?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;É aquela história do sujeito que foi ao aeroporto, se aproximou de um guichê e disse: "quero uma passagem, por favor". O atendente respondeu: "para onde?" - no que ele respondeu: "não sei, pra qualquer lugar". Por mais extenso que seja o raio de penetração potencial que determinada marca ou produto possam imprimir a um site, é necessário um objetivo, um ´target´, como se diz no jargão publicitário. É verdade que quanto mais vasto o raio de atuação, de penetração potencial, menos conseguiremos agradar a ´gregos e troianos´ - e é justamente nesses casos que precisamos ter o dobro, e por que não dizer, o triplo de atenção, de foco.&lt;br /&gt;&lt;br /&gt;Todos nós que vivemos o cotidiano das agências, sabemos que o produto final sempre fica marcado entre o ideal e o possível, viável. É missão de todos os componentes, de todas as ´polias da engrenagem´, direcionarem suas forças para que o ponteiro, o ´fiel da balança´, penda sempre para o lado do ideal, indo além do simplesmente viável. No caso de um site cujo target esteja devidamente localizado, mapeado e bem definido para o cliente e para a equipe de produção, a tarefa fica mais fácil - o que não significa que esse tipo de site terá maior sucesso que outro, mais abrangente em público potencial.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;3. O que deve prevalecer em termos de adequação: interface-produto ou interface-usuário, ou seja, a interface deve ser adequada primeiramente ao produto/serviço ou ao público-alvo? Existe alguma fórmula para conjuga-las?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;As fórmulas precisam ser desenvolvidas e adaptadas a todo instante. Metafisicamente falando, o cerne, o back-end da interface se apresenta ´imutável, ´fixo´ na maioria das interfaces, enquanto toda a atividade, toda a dinâmica fica por conta do front-end: a janela do browser. De acordo com o pensamento atualmente em voga, é necessário achar um ´core´ que seja, dialeticamente falando, capaz de argumentar consigo mesmo - e de se adaptar em qualquer uma de suas instâncias. Isso não significa que é inteligente ter que editar um .HTML toda vez que se precisa atualizar um dado - não, isso não é inteligente. Quero dizer que ao se desenvolver uma estrutura de atualização e gerenciamento de um site, de uma interface, é necessário que, assim como a informação, tal estrutura possa ser facilmente renovada, atualizada; que possa ser flexível o suficiente a ponto de oferecer, aos designers e publicitários, plenas possibilidades de comunicação. O problema é que normalmente acontece o contrário: o relatório de sistemas costuma mesmo é LIMITAR a atuação multimídia da interface, ditando regras que facilitarão a implementação e automatização dos dados, por mais incrível que isso pareça ser. Quero dizer com tudo isso, que as limitações técnicas e a diversidade de teorias de comunicação web pouco sólidas, simplesmente não permitem adequar a interface para ambos os casos citados em níveis interessantes, deixando transparecer sempre sua aura tecnicista. Não há liberdade na junção dos interesses comunicacionais e práticos.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;4. Que fatores ou variáveis ditam as mudanças nos padrões de usabilidade?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Todos, desde que sejam levantados, percebidos, utilizados e atualizados em tempo hábil, de acordo com uma metodologia bem-definida, mesmo que simplória. Isso vale para agências e produtoras de qualquer tamanho. É preciso ser metódico e ao mesmo tempo, flexível, sem sofrer os impactos disso.&lt;br /&gt;&lt;br /&gt;Sem querer ser piegas, costumo dizer, lembrando-me de um filme do Bruce Lee (Enter the Dragon, Warner Bros, 1970) que a dificuldade maior das pessoas em compreender os mecanismos mais importantes numa relação homem-sistema, é a falta do ´conteúdo emocional´. "É como um dedo apontado em direção à lua; não se concentre no dedo! Ou perderá toda a beleza da visão celestial...". É uma tênue linha, que separa o mecanicismo, do humano. E é justamente esse o ponto que mais imprevisibilidade a Internet imprime ao perfil do usuário: por detrás da interface, ele pode fazer virtualmente qualquer coisa - inclusive ´ser´ outra pessoa! É uma espécie de mini-esquizofrenia: quando utilizamos um alias, quando buscamos uma maneira de ser anônimos, isso reflete um desejo de vivenciarmos outras experiências existenciais, mesmo que sejam quase inconscientes e potencialmente fracas, em termos psíquicos. Mesmo quando as empresas obtém dados pessoais, cadastrando seus usuários, ainda assim o comportamente desses últimos pode se tornar ainda mais imprevisível. São fenômenos, que vão sendo percebidos e analisados, e algum dia teremos um pouco mais de controle sobre eles. O que acho um absurdo é generalizar regras e métodos.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;5. Segundo Jennifer Fleming, autora do livro Web navigation: designing the user experience, "um website será bem sucedido se ele der suporte adequado às intenções e ao comportamento do seu usuário específico. Por isso, compreender quais são essas intenções e comportamentos é a etapa mais importante do projeto e a meta do designer de interfaces e do arquiteto de informação". Você concorda ou teria algo a acrescentar a tal afirmação?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Concordo totalmente, apesar de achar bastante óbvio. Respeito os escritores e estudiosos que se dão ao trabalho de desenvolver análises e registrar suas conclusões sobre o assunto, mas para saber quais são as intenções e o comportamento do seu usuário específico, sem pesquisas atualizadas sobre os mesmos, só mesmo se baseando em critérios gerais, falhos, ou clichês preconceituosos, como por exemplo: "esse cliente está na faixa dos 40 anos, precisamos de cores mais sóbrias e tipografia mais linear, organizada." - como se todas as pessoas acima dos 40 anos fossem adeptas do ´frio´, do ´tradicional´ e da ´organização´. Repito: é necessário um estudo MUITO mais abrangente sobre o perfil do target - devem-se encontrar as necessidades dele para com o site; daí então, traçar-se-ia o esboço do seu perfil.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;6. Pode-se, ou deve-se, confiar em técnicas de pesquisa como grupos de foco, entrevistas e testes de usabilidade para se chegar ao perfil do usuário?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Como eu disse no primeiro parágrafo, o problema desses recursos, para mim, encontra-se em dois pontos: primeiro, a baixa frequência em que essas pesquisas são realizadas; segundo, os conceitos e normas que servirão de linha mestra para a redação das conclusões finais, são sempre carregados de noções etnocêntricas e situações estanques. E mesmo que tais métodos tivessem eficácia comprovada (senão por eles mesmos!) são geralmente muito caros, inacessíveis à grande maioria dos clientes. É preciso que também se evoluam e se democratizem ($$) os métodos, os mecanismos de coleta e avaliação de dados.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;7. Cite algumas razões para a baixa usabilidade de produtos e sistemas de tecnologia da informação nas organizações, e o seu conseqüente fracasso nesse quesito.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Quem, dentro de uma empresa deve ter o controle sobre a Internet? O departamento de TI? O setor de design? de Publicidade? Acredito que o problema mais comum dentro de uma empresa é o fato de que cada gestão possui uma diretriz que aponta em sentidos diferentes. Um diretor que tenha formação em tecnologia ou da área gerencial técnica, vai, quase que obrigatoriamente, outorgar pleno comando da Internet aos gerentes de TI. Outro que seja publicitário, focado em marketing, dará todos os poderes sobre a Internet para o departamento de Marketing. Esse é o grande problema, as organizações, especialmente as grandes, também não conseguem trabalhar em equipe, mas sempre no velho esquema ´linha de produção´, onde cada qual aperta um parafuso. Quanto mais audível e verdadeiro for o diálogo entre tecnologia e marketing dentro das empresas, mais próximos estarão de grandes surpresas positivas.&lt;br /&gt;&lt;br /&gt;O problema é que o perfil do cliente pode influenciar toda a interface. Digo isso porque quando fazemos um briefing, é comum ouvirmos deles que o site deve seguir essa ou aquela linha, de acordo com o seu perfil. Por isso faz-se extremamente necessário que haja uma conexão estabelecida com todos os departamentos envolvidos de alguma maneira com o projeto. Em termos práticos: é melhor fazer uma reunião inicial de briefing com a presença deles todos, marketing, atendimento e até direção. Cada um deve ter sua própria pauta, que será discutida por todos. Assim, o risco de uma interface transparecer o conflito interno do cliente, em detrimento da usabilidade, diminui bastante.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;8. "O alargamento da utilização da web coloca-nos uma questão básica de marketing - que porcentagem do seu público-alvo pode uma empresa excluir porque não é inteligente o suficiente para utilizar o seu portal?" Comente esta questão levantada por Jakob Nielsen, autor de Alertbox: Are Users Stupid? [online].&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A palavra ´pode´ no original em inglês (can) possui um sentido um tanto diferente da sua versão em português, que dá margem a se compreender ´pode´ como ´permissão´. Sendo assim, não existe ´permissão´ para se excluir ninguém, mas na prática, as empresas, por não encontrarem uma solução que atenda a todos os seus potenciais usuários/clientes, acabam ´podendo´ ou melhor,desculpe-me o trocadilho, ´podando´ uma porcentagem de seu público alvo. Não é, definitivamente, o que desejam produtoras e clientes, mas acontece - especialmente porque ainda temos ´guerra de browsers´, ´guerra de plataformas - Mac x Pc x linux´, movimentos ´tableless´ (buscando padronização e método) versus movimentos ´everything goes´(mais caóticos, não se importam com o método, mas com a capacidade de reprodução de mensagens pelo meio), etc, etc, etc. De certa maneira é um mecanismo que tem efeitos positivos também, pois se por um lado a produção de sites se utiliza de determinada tendência, método ou tecnologia, mesmo que não seja a ideal, mas a que o seu público-alvo usa, do outro lado, quem possui uma tecnologia pouco utilizada, precisa fazê-la atraente o suficiente (diga-se eficiente, acessível e útil na quantidade certa) para competir com as outras.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;9. "Atualmente, a necessidade está no design e não nos aspectos de implementação técnica ou de engenharia. O design se refere a como o produto se comunica com o seu público, e a implementação se refere a como o produto funciona. (...). O desafio da implementação diminuiu, enquanto o desafio do design aumentou - juntamente com a expectativa de que se atinjam parcelas cada vez maiores da população. Entretanto, as organizações continuam a valorizar mais os aspectos relacionados à implementação tecnológica (a máquina) em detrimento de aspectos relacionados ao design (o homem). No olho desse furacão, torna-se fácil para os designers perderem a noção de que não estão lá para desenhar os produtos em si, mas para desenhar o relacionamento dos produtos com os seres humanos" (Artigo Interfaces: por que as empresas fracassam?, do site webinsider). Por que as empresas insistem nesta postura e o que precisa ser feito para que o trabalho do design seja valorizado e reconhecido como peça-chave no projeto?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;O designer é mesmo a peça mais importante de um projeto web, já que para se´desenhar´ uma interface de sucesso é preciso estar completamente consciente sobre os aspectos técnicos, mercadológicos e .... Mas discordo da afirmação de que "não há necessidade, atualmente, nos aspectos de implementação técnica.". Se fosse assim, estaríamos debatendo sobre a TV preto &amp; branco até hoje. É verdade sim, quem se comunica com o público - a ´cara´, a ´voz´ e a ´palavra´ do cliente - é responsabilidade do design. Mas como eu disse anteriormente, todo o processo de desenvolvimento e toda a atividade do site precisa ser gerida por uma engrenagem, cujas polias representam cada parte do processo: gerência, design, atendimento, sistemas, direção e o próprio cliente. Quando essas polias estão devidamente ´lubrificadas´ (investimentos, incentivo, valorização) elas fazem a engrenagem funcionar bem - mas se uma delas passa a receber mais atenção, em detrimento de outra, a engrenagem vai parar, e todo o incentivo e valorização destinados àquela equipe terão sido em vão.&lt;br /&gt;&lt;br /&gt;Vejo claramente a realidade de muitas agências: as pessoas ainda estão ´em cima do muro´. Não sabem se fazem parte de um agência de publicidade, estúdio de design ou consultora de tecnologia. Isso faz toda uma diferença! Elas não entenderam, ou estão entendendo, felizmente, aos poucos, que soluções que aproveitem o meio, os recursos da Internet, demandam uma atitude totalmente diferente do atual esquema ´linha de produção´ - ou seja, onde a interface parece um produto sendo fabricado numa indústria: primeiro surge um briefing, depois surge um cronograma, depois um check list; passa pelo design, volta para o cliente; vai para a produção, depois para a revisão. Resumidamente seria isso, um esqueminha rançoso e ultrapassado que tantas agências insistem em seguir. É necessário mudarmos todos de opinião e começarmos a nos edificar e promover uns aos outros - e isso não significa ´puxar saco´, e sim, criar oportunidades reais para que os talentos e os conhecimentos naturais de todas as pessoas envolvidas em uma equipe tenham certeza de seu igual valor, independente do tipo de função que elas têm, participando dos processos do início ao fim, criando uma espécie de ´auto-gestão motivatória´, capaz de gerar soluções incríveis e inesperadas quando potencializamos o trabalho em equipe.&lt;br /&gt;&lt;br /&gt;É verdade que para as empresas, é mais fácil e mais econômico, automatizar sempre que possível, seja qual for o processo, desde que ele traga facilidade e economia. Acho que todo mundo já se questionou seriamente quando, ao apresentar um orçamento a um cliente, o setor de compras é que autorizou ou desautorizou o pagamento. Não dá para se resolver tudo criando um departamento de ´máquinas automáticas e sistemas que resolvem tudo´, mesmo que muitos clientes sonhem com isso...(e lá se vão quantos anos desde a primeira revolução industrial?...) Para fazer a coisa certa, os designers ainda são - e serão! - ´os´ caras. Digo isso porque somos nós que fazemos a interface da própria interface! nós é que sabemos fazer o cocktail na dose certa entre arte, tecnologia, cultura, moda, tendência, música, sentimento, marketing...&lt;br /&gt;&lt;br /&gt;Em breve, a internet experimentará novas tecnologias, novas perguntas, novos segredos. Novas incompatibilidades, discussões, fatos. E até lá as agências web terão que se curar, de vez, da sua atual ´crise de identidade´, não adotando um sistema revolucionário de gerenciamento - e sim - valorizando-se, e a seus produtos, seus funcionários, tratando-os como geradores de soluções, sua ´mina de ouro´ - e não como apertadores de parafuso. Se quiséssemos, poderíamos fazer esse início de século XXI ser marcado pelo que eu chamo de pós-humanismo: o homem, o bem-estar dele, a valorização dele, devem estar no centro da discussão, sempre.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973239537951326?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973239537951326/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973239537951326' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973239537951326'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973239537951326'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/interfaces-by-gazel-publicado-na.html' title=''/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973219695275557</id><published>2006-10-01T12:46:00.000-07:00</published><updated>2008-12-09T13:40:34.844-08:00</updated><title type='text'>Clientes X Webdesigners - participação de Ronaldo Gazel na Revista Webdesign edição 06</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SIvJCniXaZI/AAAAAAAAALs/KMSfEF48_ZA/s1600-h/capa_webdesign_06.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_BWcrDJ-4mOw/SIvJCniXaZI/AAAAAAAAALs/KMSfEF48_ZA/s400/capa_webdesign_06.jpg" alt="" id="BLOGGER_PHOTO_ID_5227492839303637394" border="0" /&gt;&lt;/a&gt;Em 2004, Participei de uma matéria de capa da Revista Webdesign, juntamente a grandes nomes da publicidade digital no Brasil, como Thiago Ritter (W3haus), César Paz (AG2), Rodrigo Chibly (JW Thompson) e Gustavo Rodrigues (Rage). Segue o texto, abaixo:&lt;br /&gt;&lt;br /&gt;"Atendimento, redação, design, planejamento, direção - e o cliente - fazem parte de um mecanismo onde cada qual representa uma polia de uma engrenagem.&lt;br /&gt;&lt;br /&gt;E como em qualquer sistema de engrenagens, algumas são grandes, outras menores. Mas essa diferença não diminui a importância de nenhuma delas, pois se qualquer uma estraga ou sai do eixo, todas as demais terão seus trabalhos modificados. Algumas terão sobrecarga, e outras, um alívio. Isso resultaria, obviamente, numa distorção do resultado final.&lt;br /&gt;&lt;br /&gt;Na prática, o dia-a-dia das agências consiste em realizar o ajuste entre essas partes da engrenagem, gerenciando os componentes fundamentais dos processos criativos e produtivos. Normalmente percebemos esse ajuste ser realizado através de auto-gestão, quero dizer: os próprios componentes das equipes precisam ficar alertas aos ajustes, que ocorrem a qualquer instante. As agências mais preparadas incentivam ou coordenam a tal auto-gestão, através de planos e equipes específicas para isso.&lt;br /&gt;&lt;br /&gt;Seria fácil se fosse apenas isso. Bastariam algumas reuniões semanais para ajustar as diferenças e melhorar o relacionamento entre as equipes. O problema é que o cliente, por uma questão cultural, financeira e outras que desconheço, tantas vezes toma para si o poder de manifestar ´a palavra final´ sobre qualquer assunto, assumindo em pleno século XXI os moldes de uma estrutura piramidal de organização, totalmente ultrapassada. Eles surgem com sua termologia pós-moderna, suas teorias e MBAs de todos os tipos e modelos, personificados de gerentes e executivos, que, sem nenhuma razão, tomam para si decisões que não lhes cabem, como no nosso caso especificamente: o cliente resolve, seja lá por que cargas d´água, que o seu menu (por exemplo) ao invés de ser vermelho, precisa ser azul, mesmo você explicando que isso havia sido previamente aprovado; ou ainda, que o site já está todo azul e precisa de uma outra cor para equilibrar o conjunto; que você fez uma série de estudos e pode mostrá-los a ele, etc, etc, etc...&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;(Clique na imagem abaixo para ampliar)&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SIvMlzRN8LI/AAAAAAAAAMU/fqvT2fP47gQ/s1600-h/materia_gazel_webdesign_06.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_BWcrDJ-4mOw/SIvMlzRN8LI/AAAAAAAAAMU/fqvT2fP47gQ/s400/materia_gazel_webdesign_06.jpg" alt="" id="BLOGGER_PHOTO_ID_5227496742283243698" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Fim de jogo, ele não se convenceu: você vai ter mesmo que mudar tudo. E de quem é a culpa? Partindo da pressuposto que o atendimento, tantas vezes (não todas) ratifica, e a Diretoria outorga poderes plenos ao cliente, jogando por terra todo um esforço organizacional - e mais do que isso - acabando com todo o seu trabalho criativo e técnico, não há muito o que fazer se o cliente já está com você, ao telefone, dizendo que você DEVE mudar isso, ou aquilo. Amigo webdesigner; aventureiro por natureza, sofredor por idealismo: respire bem fundo algumas vezes, tome um café, e faça o que ele mandou; lembremo-nos da estória do primeiro parágrafo: nesses casos, devido à postura das outras partes da engrenagem, ou seja, atendimentos, diretoria, gerentes, juntos ou separadamente, o poder acaba por ´subir à cabeça´ do cliente e transforma sua função de aprovar ou vetar criações, num poder totalitário, único, capaz de tomar qualquer decisão dentro do processo, estando ou não com alguma razão. E isso vale para pequenos e grandes ´abusos´ de poder. Podemos citar: reprovações consecutivas de layouts, alegando que ´não gostou´ e ´deve ficar parecido com esse ou aquele site´; eliminação ou substituição de elementos visuais ou estruturais dentro de um projeto cujo layout já tenha sido aprovado; imposições (não apenas sugestões) de estilos tipográficos, cores, composições, esquemas estéticos, ou qualquer elemento visual do layout pelo critério ´gosto pessoal´, e por aí vai, nem preciso prolongar a listagem. Todos nós vivemos isso todos os dias e sabemos bem como poderiam melhorar - e muito - nossos produtos se isso não ocorresse. Aliás, é comum lamentar-se frequentemente de decisões trágicas tomadas por alguns clientes, sabemos bem.&lt;br /&gt;Fico espantado ao me deparar com a avassaladora quantidade de clientes que preferem imposições burocráticas e muitas vezes autoritárias, ao diálogo franco, racional, digno, produtivo, humano, e até amigo entre eles e nós, seus consultores, seus webdesigners. Um diálogo que pudesse melhorar os produtos, que pudesse transformar um site, um sistema, um projeto, em algo plural, rico em participações conscientes. Mas não, a maioria deles prefere ter a palavra final, quase sempre. Sem falar nos casos em que as próprias agências se encarregam de transformar um cliente num ´monstro´, fazendo-lhe todos os caprichos, como um servo a seu rei. Até eu ficaria com a impressão de que minha palavra é a lei. E é comum, bastante comum, que alguns cliente dêem seus ´pitacos´ também em outras áreas, como redação e até gerência de projeto.&lt;br /&gt;&lt;br /&gt;Enquanto as agências não definirem com mais firmeza, com mais confiança, até onde pode e deve ir a ação do cliente, orientando e mostrando o caminho (afinal, para que o cliente as contrata?), o horizonte permanecerá nublado.&lt;br /&gt;&lt;br /&gt;O que não vale é deixar a frustração de layout ´arrasado´ por um cliente ficar preso na garganta. Para lidar com isso, eu pessoalmente gosto de pensar nessa questão como se tratasse de um jogo, que funciona assim: você precisa criar e finalizar um layout de qualidade, mas os processos bur(r)ocráticos inócuos, clientes tresloucados, gerentes à base de lexotan, tentarão a todo custo lhe impedir. A recompensa: olhar para eles depois e cantarolar aquela velha música do Chico Buarque: "Apesar de você..."&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973219695275557?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973219695275557/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973219695275557' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973219695275557'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973219695275557'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/clientes-x-webdesigners-participao-de.html' title='Clientes X Webdesigners - participação de Ronaldo Gazel na Revista Webdesign edição 06'/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_BWcrDJ-4mOw/SIvJCniXaZI/AAAAAAAAALs/KMSfEF48_ZA/s72-c/capa_webdesign_06.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973190103301106</id><published>2006-10-01T12:43:00.000-07:00</published><updated>2006-10-01T13:52:00.096-07:00</updated><title type='text'></title><content type='html'>&lt;span style="font-size:180%;"&gt;"DIA DOS NAMORADOS" &lt;/span&gt;- BH Shopping&lt;br /&gt;Entrevista à Revista Webdesign - by Gazel&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/58/2916/1600/transicao_04.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/58/2916/320/transicao_04.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;1 – Além de divulgar sua marca, o que mais o BH Shopping pretendia ao encomendar um hotsite para o Dia dos Namorados?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;O Dia dos Namorados já se firmou como data estratégica para o comércio e tem a mesma importância de datas consagradas como o Dia das Mães ou o Natal. Diretamente afetado por essa relevância, o consumidor já espera algum tipo de ação promocional comemorativa, pois sabe que todo o comércio se volta para esse dia. Tendo em vista essa realidade, era necessário que o Hotsite, além de promover a marca, exibir o catálogo de produtos (selecionados para a ocasião), e divulgar a ação promocional principal do BH Shopping (troca de bônus por sandálias), surpreendesse, indo além do lugar-comum dos clichês publicitários e criando uma linguagem visual que fosse simples, mas extremamente eficaz em gerar a imersão nos conceitos mais representativos do Dia dos Namorados; deveríamos, através do mote da campanha, “Tudo muda quando se está apaixonado”, criar essa passagem entre o cinzento, o ordinário, o comum, para o mundo das cores vivas, do amor, da beleza, enfim, um mundo visto pelos olhos da paixão.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2 – Como foi o processo de criação e desenvolvimento do hotsite sobre o Dia dos Namorados? Fale também sobre as técnicas utilizadas.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Iniciamos do zero a criação do storyboard inicial, já que, até então, as peças gráficas da campanha ainda não haviam sido criadas pela agência do cliente. Tivemos liberdade total para trabalhar qualquer conceito visual que retratasse o mote da campanha.&lt;br /&gt;&lt;br /&gt;Optamos por criar um personagem que encerra, em si, uma metamorfose viva: a borboleta. E é a borboleta que, acompanhando o pointer do mouse, seguindo de perto a navegação, revela os itens de menu do site. Uma revoada de borboletas brancas ficariam responsáveis pelas telas de preloading, entrando e saindo, revelando as seções internas.&lt;br /&gt;&lt;br /&gt;Utilizamos o Flash para criar toda a interface, auxiliados por um sistema em PHP que permitiu o envio dos webcards personalizados – inclusive com a possibilidade do usuário enviar uma foto diretamente do seu computador, trocar molduras e criar uma mensagem.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/58/2916/1600/layout_teste_webcard_fase_1b.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/58/2916/320/layout_teste_webcard_fase_1b.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;3– Normalmente, um hotsite deve seguir uma identidade, já que faz parte de uma campanha publicitária. Fale sobre a importância desse serviço e suas características.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Com uma campanha publicitária já criada, torna-se mais fácil criar um Hotsite que cumpra bem o seu papel de colaborador, de trabalhar em prol da mesma. Isso é verdadeiramente positivo, pois se existe alguma máxima a se considerar, na comunicação publicitária, esta seria “fale uma só linguagem, através de diferentes meios”.&lt;br /&gt;&lt;br /&gt;Mas na prática, tanto o Hotsite do Dia dos Namorados, quanto inúmeros outros, tiveram que ser criados de forma independente da campanha tradicional, seja por uma questão de cronograma, seja por uma questão de falta de possibilidade de adequar a campanha principal para a mídia web. Diante desses fatos seria de se supor que os produtos acabariam descaracterizando a comunicação visual do cliente, mas devido à nossa experiência com o produto e com a marca BH Shopping, ocorreu justamente o contrário, muitas vezes com o recall sobre a campanha online ‘alternativa’ superando a principal, qualitativamente.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;4 – Qual foi o retorno que o BH Shopping obteve com o lançamento do hotsite sobre o Dia dos Namorados?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Sucesso total: cliente altamente satisfeito, um número recorde de acessos ao Hotsite, superação de expectativas quanto à promoção principal (troca de bônus por sandálias), participação significativa no envio de webcards personalizados, dentre outras notáveis realizações.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/58/2916/1600/layout_zodiaco_fase_4.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/58/2916/320/layout_zodiaco_fase_4.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;5 – Como foi ganhar a medalha de ouro do CCPMG? Quais foram as conseqüências dessa premiação para vocês? Em que mês foi recebido o prêmio?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A BHTEC ganhou duas das quatro medalhas de ouro do Festival do CCPMG, em novembro do ano passado – as duas com peças criadas para o cliente BH Shopping. É o reconhecimento de um trabalho feito com muito zelo, muita preocupação com a marca, com o ‘business’ do cliente. E isso é muito gratificante, pois além do aval, do reconhecimento dos profissionais da área, acabamos por nos firmar, cada vez mais, como uma empresa especializada em produtos de sucesso, em especial, Hotsites.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;6 – O hotsite é um tipo de serviço muito trabalhoso?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Eu diria que é uma questão de prazos. Quando há maturidade no relacionamento agência / cliente, é possível se trabalhar com prazos maiores, uma vez que já se conhecem os mecanismos e as datas mais significativas, ou seja, projeta-se um calendário de ações. Mas, no geral, essa maturidade não se faz presente, e os hotsites acabam virando peças publicitárias que precisar ficar prontas num período de tempo muito mais curto do que o habitual. Outro detalhe: os profissionais envolvidos na criação e na produção precisam, por uma questão de tempo e qualidade, saber trabalhar em equipe, e possuir um background comprovado.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;7 – E quanto ao custo... Com relação aos outros recursos de divulgação utilizados na web, o hotsite seria barato, médio ou caro?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Acredito que os Hotsites não competem diretamente com as peças publicitárias web, sejam elas banners tradicionais ou peças rich-media (como os formatos Eyeblaster) – mas sim, acredito que os resultados de um Hotsite aumentam bastante quando essas peças publicitárias web são destinadas a promover esse Hotsite. É necessária muita divulgação, pois, sendo uma peça feita para durar apenas um certo período de tempo, uma peça promocional, o Hotsite deve vir acompanhado de outras ações.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;(abaixo nota publicada no jornal dos Shoppings sobre o Hotsite)&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;BH Shopping - Projeto: "Hotsite Campanha Namorados 2004"&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;O mundo é outro, quando se está apaixonado. Usando este conceito, a agência de publicidade Loducca e a BhTec, agência web que atende o BH Shopping desenvolveram uma campanha específica para o Dia dos Namorados. Foi criado um hotsite que utilizou elementos bucólicos, mostrando que o amor faz tudo ficar mais poético.&lt;br /&gt;&lt;br /&gt;Através de animações em flash, onde cenários sem cor eram invadidos por flores e borboletas, os clientes eram convidados a conhecer as sessões do site que apresentavam dicas ousadas para a noite do Dia dos Namorados, sugestões de presentes e promoções específicas para a internet. Na sessão interativa Webcards, o usuário poderia montar cartões virtuais e enviá-los para quem desejasse.&lt;br /&gt;&lt;br /&gt;O site também apresentou a promoção Comprou Ganhou, que premiou os clientes com um par de sandálias a cada R$200,00 em compras nas lojas do BH Shopping. A campanha de namorados como um todo ganhou ampla mídia espontânea e teve excelentes resultados: 3% do aumento do tráfego de veículos e 45% de aumento nas vendas em reais, em comparação com o mesmo período de 2003.&lt;br /&gt;&lt;br /&gt;O Hotsite conseguiu alavancar 163 mil pageviews e 500 novos cadastros, sendo a maioria da área primária do shopping, de altíssimo poder aquisitivo. O investimento foi de R$ 4.000,00 e representa parte de um pacote anual de hotsites para as datas de varejo.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973190103301106?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973190103301106/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973190103301106' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973190103301106'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973190103301106'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/dia-dos-namorados-bh-shopping.html' title=''/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973153788339215</id><published>2006-10-01T12:38:00.001-07:00</published><updated>2006-10-01T12:42:41.246-07:00</updated><title type='text'></title><content type='html'>&lt;span style="font-size:180%;"&gt;WEBDESIGN E ESTÉTICA&lt;/span&gt; - by Gazel - Revista Webdesign&lt;br /&gt;&lt;br /&gt;A análise, a leitura, o posicionamento estético das interfaces, têm por referência parâmetros concretos, utilitários, e ao mesmo tempo, também se pauta por valores e metas subjetivas.&lt;br /&gt;&lt;br /&gt;Voltemos ao início de tudo. Se para Platão, a arte representava 'a sombra da sombra' quanto à alegoria da caverna ('A República'), ou seja, uma cópia do mundo sensível (que por sua vez já era uma 'cópia' do mundo ideal), que não representava a verdade, o bem ou a beleza, e poderia até ser prejudicial ao homem, para Aristóteles o mundo sensível era fundamental, já que, para ele, há uma tendência do homem em fazer mimese (transformar, imitar, criar), recriando no sentido cognoscitivo a natureza, através da poiesis. Aristóteles também dizia que através da mimese, ocorre a catarse, um processo de ‘purificação da alma’ através do prazer estético, do reconhecimento do que é representado pela mimese e da percepção dos reflexos causados por essa realidade mimética em nossa própria vida.&lt;br /&gt;&lt;br /&gt;Assim como a obra de arte, a interface se apresenta como um modelo de linguagem na qual a 'poiesis' - ação produtiva sobre a matéria,- faz-se presente. Se na escultura, o mármore (causa material) se transforma em uma estátua (causa formal), podemos dizer o mesmo em relação ao pixel, que se transforma em interface (metafisicamente falando). Além disso, na interface de um site, a sofisticação da metáfora visual faz com que nós, webdesigners, tenhamos que lidar com um sem-número de valores, normalmente em plena transformação, que não fazem parte da linguagem tradicional da arte; valores que a cada dia estão mais específicos para cada tipo, cada perfil de utilizador/observador da interface – característica estética mais marcante da pós-modernidade, aliás.&lt;br /&gt;&lt;br /&gt;Um exemplo da sofisticação da mimese ‘pixel based’, essa que considera diversos fatores, técnicos, semióticos, físicos e metafísicos, e que por isso mesmo se distingue da arte tradicional, aquela representada pela gravura, pela pintura, pela escultura, consolidando-se assim como um híbrido entre engenharia/máquina/sistema/matemática e auto-percepção/emoção/reação/. Arrisco-me a dizer, inclusive, que podemos comprovar essa relação simplesmente observando algumas das mais atuais obras de arte, dentre as que têm atualmente maior respaldo internacional, e verificar que os artistas há algum tempo vêm trabalhando projetos de instalação baseados em interfaces, pois a interatividade já é parte fundamental desses trabalhos na arte contemporânea. Essas interfaces não são, a princípio, baseadas no pixel, na web (apesar de haver inúmeros e excelentes trabalhos de instalação web), mas em outros meios, como sensores de movimento e presença, videonarrações criadas a partir da reação corporal/intellectual, dentre muitas outras. Tudo em busca do que Aristóteles dizia, numa leitura atual: prazer estético e sensorial que nos leva a catarses muito específicas.&lt;br /&gt;&lt;br /&gt;Se pensarmos que a interface web surgiu a partir do paradigma das primeiras interfaces multimedia, que por sua vez foram as primeiras a transcender o universo estético restrito dos sistemas operacionais, conseguiremos localizar claramente a complexidade, a sofisticação de valores com os quais podemos trabalhar (e também negar!) dentro do universo web. É a convergência máxima da linguagem. E os videogames da nova geração, em especial o Nintendo Wii, podem disparar um novo modelo de interatividade a partir de novos periféricos, com seus sensores de ‘motion capture’ com três eixos, o que irá virtualizar o uso da interface como nunca antes se viu, levando a metáfora gráfica das interfaces WYSIWYG para a tridimensionalidade do mundo real. Isso vai adicionar um elemento tão novo, mas tão novo, que trará reflexos profundos em todos os demais fatores considerados no processo de projetar interfaces web, como continuidade, padronização, animação, atualização, entrada e saída de dados, registro e análise de feedback, streaming, etc. Isso tudo só para reafirmar a interface não como uma obra geradora de catarse, mas sim, uma verdadeira ‘máquina de catarses’ em potencial, que pode se reinventar, a partir de uma poiesis mista, a partir da percepção do próprio observador/usuário.&lt;br /&gt;&lt;br /&gt;Na interface web, os fatores objetivos e subjetivos podem ser analisados e discutidos isoladamente, mas na percepção do usuário, que é uma percepção única, ou me apropriando de um pensamento de Manet, uma ‘mancha visual’ (eu diria, ‘mancha semiótica’), esses fatores acabam por se fundir na interface, pela própria pregnância das formas.&lt;br /&gt;&lt;br /&gt;E por falar em pregnância, não poderíamos discutir estética do webdesign sem passarmos pela teoria da Gestalt. A pregnância é uma propriedade da imagem, dentre tantas outras estudadas na teoria gestáltica; ao colocarmos uma imagem próxima a um texto de chamada publicitária e a um formulário (apenas exemplos de diferentes elementos numa interface), é inegável que haverá uma percepção única deles todos simultaneamente, e isoladamente, eles refletirão, mimeticamente, os valores dos demais elementos, criando uma percepção também nova. Voltamos a Aristóteles.&lt;br /&gt;&lt;br /&gt;Cabe ao webdesigner se sensibilizar pela interessante influência dos elementos objetivos, como conteúdo textual, semântica de ações pré-estabelecidas (como logins, preenchimento de formularios e ativações diversas) e clichés publicitários (que fatalmente ocorrem, como posicionamento estratégico do logotipo), em relação aos valores mais subjetivos, relacionados ao ‘estilo’ das estruturas tipo-pictográficas que dão suporte gráfico à interface; às perspectivas de rotas/comportamento de navegação; aos timings de exibição, animação e feedback; aos perfis de percepção do usuário; enfim, cabe a nós reconhecer a reciprocidade da influência entre eles, fatores subjetivos e objetivos e proporcional a melhor relação possível entre eles. É o que fazem, alias, os nossos designers favoritos; é o que se vê nas melhores produções, nos nossos bookmarks.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973153788339215?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973153788339215/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973153788339215' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973153788339215'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973153788339215'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/webdesign-e-esttica-by-gazel-revista_01.html' title=''/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973120180502916</id><published>2006-10-01T12:32:00.000-07:00</published><updated>2006-10-01T12:40:54.930-07:00</updated><title type='text'></title><content type='html'>&lt;span style="font-size:180%;"&gt;ARTE e WEBDESIGN - &lt;/span&gt;Entrevista para a Revista Webdesign - by Ronaldo Gazel&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;1 - Por que e como o conhecimento da história da arte vai servir como base para a atuação de um designer na internet?&lt;br /&gt;&lt;br /&gt;A arte reflete o tempo em que é produzida. Conhecer a história da arte, ainda que apenas alguns pontos dela, é fundamental para entendermos os questionamentos e paradigmas que permearam as épocas, e a as respostas que o homem/artista deu (e ainda dá) a elas. Na verdade a história da arte, estando intimamente ligada à literatura, à filosofia, à antropologia, à história, à religião, enfim, a um sem-número de expressões humanas, acaba tendo uma importância fundamental na vida de todas as pessoas. Quanto mais longe da arte, mais perto do controle, do sistema, do pensar 'massificado', pasteurizado.&lt;br /&gt;&lt;br /&gt;É preciso entender a história do design, para ser um designer mais completo, mais consciente, mais coerente. É preciso saber como surgiu o movimento do design; saber como o relacionamento dos objetos e do ser humano foi se sofisticando com o passar do tempo. É importante porque uma interface é uma superfície de trabalho, de uso. E é por isso que somos designers da web, projetamos, como um designer projeta um espremedor de suco, ou uma cadeira, interfaces que um grupo de pessoas certamente vai USAR. E é aí que nos encaixamos na história, e passamos a fazer parte dela.&lt;br /&gt;&lt;br /&gt;Por outro lado, no que se entende por design hoje, dentro de uma ótica artística, é plenamente possível desenvolver projetos de utilização alternativa, que podem ser altamente subjetivos e próximos até do anti-uso. Nesse cenário se enquadram os experimentalistas, que buscam um tipo de reação mais sensorial, de semânticas totalmente específicas, heterogêneas, dentro de universos distintos, sejam eles culturais, comerciais, didáticos, humanistas, matemáticos, psicológicos, estéticos.&lt;br /&gt;&lt;br /&gt;O webdesigner que pára de olhar o mundo com o olhar difuso, amplo, capaz de compreender várias realidades, corre o risco de virar uma engrenagem na linha de produção de sites, no melhor estilo 'corte e costura' de HTML. Vai passar a apertar um parafuso, ao invés de compreender toda a engrenagem. E é por isso que devemos, além de estudar a história da arte, firmar nossa posição como artistas webdesigners - mentes capazes de compreender as expressões artísticas não apenas como uma superficialidade decorativa ou bela, e sim, uma interface capaz de comunicar utilizando modelos não-usuais, linguagens não-verbais, fora do 'logos', da razão cotidiana; capazes de questionar o que não se quer questionado; de propor o que não se quer proposto; de causar o estranhamento, dando lugar ao controverso. Enfim, capazes de compreender o mundo pictórico muito além da forma.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;2 - Ao longo do tempo, os movimentos artísticos vêm exercendo uma grande influência na produção do design. Em termos de internet, talvez um dos melhores exemplos estejam nos sites das Havaianas (www.havaianas.com.br) e algumas campanhas on-line da Coca-Cola na França (www.coca-colablak.fr e http://secure.coca-cola.fr). Quando a arte deve ser aplicada em benefício do design na web?&lt;br /&gt;&lt;br /&gt;A arte pode trazer enormes benefícios para o webdesign, sendo uma linguagem não-verbal, capaz de despertar naquele que tem contato com ela, percepções e diálogos muito mais sofisticados (ou simples, diretos!) do que as narrativas e approachings das interfaces focadas em percepções utilitárias puras. E o maior desses benefícios se chama coerência estética. Essa coerência pode ser percebida no excelente site das Havaianas, evidenciando o fato de que a ousadia em termos de linguagem, da difusão de valores semióticos sutis, fora do padrão midiático tradicional de informação, dispostos juntos a uma feliz combinação de fatores estéticos e expectativas sensoriais (revertidas de alguma forma em resultados positivos), transforma o lugar-comum dos pressupostos, das 'doxas' pictóricas, dos pré-conceitos estabelecidos todos os dias. Por isso mesmo, sites como esse, que felizmente têm surgido em número cada vez maior, fazem tanto sucesso: eles mostram que o caminho da arte no webdesign é muito promissor, e dá resultados.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;3 - Sobre a interação entre design e arte, podemos afirmar que a principal diferença entre estes dois campos do conhecimento seja o compromisso com o público, ou seja, o designer tem compromisso com o público e o artista vive sem a necessidade e a pressão de fazer concessões?&lt;br /&gt;&lt;br /&gt;O perfil do artista hoje não pode ser traçado de modo simples, porque na pós-modernidade - período no qual vivemos, e que resgata todas as motivações e contradições do passado recente (movimentos modernos) em um timing assombrosamente rápido - há uma tal especificidade de propostas, conceitos e estéticas que permite ao artista, virtualmente, qualquer tipo de relação com o público, inclusive compromisso e descompromisso.&lt;br /&gt;&lt;br /&gt;Mesmo que uma proposta, em princípio, nos conduza a uma percepção romantizada do artista, como se ele não estivesse se importando para o público, não sofresse qualquer tipo de pressão, isso na verdade pode mostrar o contrário: a adequação do artista a nichos de mercado preparados para receber/consumir as suas características sui-generis, ou seja: para o artista, há um mercado em qualquer situação. Veja que paradoxo, digamos, quase zen-buddhista: o artista busca gerar um reflexo altamente pessoal; uma linguagem, uma 'poiesis' própria, buscando o coeficiente de 'arte' em um trabalho artístico, seja ela um vídeo, uma pintura, uma performance, um website - linguagem essa que, apesar de desuniversalizada na origem, tende a se comunicar com o senso-comum, tanto na aceitação, quanto no estranhamento.&lt;br /&gt;&lt;br /&gt;Já o webdesigner normalmente trabalha com fins utilitários extremamente bem definidos, e por isso a pressão por coerência artística passa a ser mínima, em favor de uma adequação máxima aos padrões estéticos aceitos por um grupo majoritário - ou pseudo-majoritário; padrões estéticos que são verdadeiros 'lugares comuns' . Então voltamos à história da 'doxa', do 'ouvi dizer', da informação não-questionada e não-questionável. Quanto menos vontade de reavaliar os valores e conceitos tidos como inexoráveis, mais subvalorizada será a profissão de webdesign, pois a pressão que passa a se exercer sobre nós, webdesigners, acaba sendo a mesma que um carregador de caixas: produção braçal, e não mental.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;4 - A interação homem-computador é considerada por especialistas mais fria e distante, além de criar um sentimento individualista entre as pessoas. Buscar referências nos movimentos artísticos pode ser um caminho para proporcionar emoção e afinidade dentro de um projeto digital?&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Um cão, um cavalo, um boi, são incapazes de realizar gestos e ações que não sejam voltadas para sua própria existência física, sua preservação. Já o ser humano é capaz de observar, gestualizar, modificar a natureza pelo simples prazer estético, pela necessidade natural de mimese, sem qualquer relação com a sobrevivência.&lt;br /&gt;&lt;br /&gt;Quando a interface digital (homem-computador) passa a desconsiderar ações e reações menos utilitárias, aumentando o caráter prático em detrimento do sensorial, não-prático, corremos o risco de nos robotizarmos, perdendo a habilidade de questionar, de trocar pontos-de-vista, de negar o utilitário e promover o puramente estético/existencial.&lt;br /&gt;&lt;br /&gt;Por isso, sim, é louvável buscarmos referências nos movimentos artísticos para criarmos interfaces um pouco mais humanas, que tornem o ato de interagir um processo cada vez mais semelhante ao agir natural do homem.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;5 - No livro “Vanguarda Européia e Modernismo Brasileiro”, Gilberto Mendonça Teles explica que a técnica da pintura cubista procurava “apresentar a realidade através de estruturas geométricas, desmontando os objetos para que, remontados pelo espectador, deixasse transparecer uma estrutura superior, a forma plástica essencial e verdadeira da beleza”. De que forma esta técnica pode ser utilizada pelo design para web? O site internacional da Leo Burnett (www.leoburnett.com) pode ser apontado como um exemplo?&lt;br /&gt;&lt;br /&gt;O cubismo representa o atonal, um universo no qual o simbolismo é completamente descartado, cujas formas não remetem ao mundo e a seus símbolos, mas sim, à personalidade pura do geométrico. Alexander Calder, com seus mobiles, foi o artista que mais conseguiu se aproximar desse ideal cubista, na minha opinião: suas esculturas remetem a um mundo absolutamente próprio, que não dá margens a interpretações baseadas nas questões do cotidiano.&lt;br /&gt;&lt;br /&gt;O site internacional da Leo Burnett, apesar gerar uma ótima sensação de profundidade, não tem uma influência cubista acentuada, já que, cognitivamente, ele é permeado por símbolos e letras, para a compreensão do conteúdo. Um site genuinamente cubista haveria de ser muito abstrato, com o mínimo de textos e imagens reais. Ainda que fosse em uma camada específica da interface, separando a arte cubista do conteúdo publicitário.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;6 - Considerando o contexto político-econômico atual, permeado por guerras, intolerância religiosa e injustiças sociais, é possível imaginar um resgate de conceitos aplicados pelo movimento Dadaísta como referência para projetos interativos?&lt;br /&gt;&lt;br /&gt;Se analisarmos bem, todos os períodos da história foram permeados por esse tipo de acontecimento. Sempre houve muitas guerras, muita intolerância - e para cada época, uma contestação própria.&lt;br /&gt;&lt;br /&gt;Os artistas modernistas eram naturalmente 'engajados'. Mas nos dias de hoje, na dita pós-modernidade, tudo é fragmentado - inclusive a crítica social. Encontram-se vários exemplos de movimentos de caráter contestador intrínseco, que fazem a crítica dentro de cenários específicos, quase nunca universais. O artista pode não falar da guerra como fez Picasso ao pintar 'Guernica' - até porque o impacto de uma pintura como guernica nos dias de hoje, seria outro (afinal, muita água passou desde então) - mas ele critica a seu modo, uma crítica que se desuniversalizou desde a pop art mas que se mantém viva em movimentos como o 'sticker art' ou o  'street bombing' - a arte urbana que envolve tantos artistas de diferentes áreas, que pintam, graffitam pela cidade, em superfícies autorizadas (ou não!), levantando questões urbanas ou simplesmente rasgando o cinza das ruas com cores vivas, intensas, volumes e tipografias sui-generis. Na internet, se houvesse um 'street bombing', seria algo como uma área completamente livre dentro das interfaces (ou invadida!), que pudesse ser preenchida com arte. E de certa maneira eles também escandalizam, ao seu modo, como pretendiam os dadaístas. A diferença é que o engajamento é desnecessário, o mais importante é desenvolver a linguagem.&lt;br /&gt;&lt;br /&gt;Quanto ao resgate do Dadaísmo em projetos interativos, sim, é sempre uma ótima idéia! Afinal, dadaísmo é sempre bem-vindo em qualquer situação, justamente para nos deslocar da linearidade dos ponteiros do relógio, do logos, do racionalismo. O dadaísmo é um movimento absolutamente atual, contestador em essência, e seus 'jogos'', experiências como o 'cadáver delicioso' - espécie de colcha de retalhos de palavras, frases e desenhos, ajudam-nos a reconstruir o pensar e o perceber. Um 'cadáver delicioso' é um ótimo ponto de partida para a criação de um projeto interativo digital dadaísta.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;7 - Acessando o site da agência Modernista! (www.modernista.com), somos remetidos aos anos 20, período no qual o mundo assistiria ao ápice do surrealismo, considerado um dos últimos movimentos de arte moderna. Como a aplicação do inconsciente pode ajudar no processo de criação de uma interface digital (http://pt.wikipedia.org/wiki/Surrealismo)?&lt;br /&gt;&lt;br /&gt;Esse site da Modernista! é um bom exemplo de como se comporta a arte nos dias de hoje, tanto no meio internet, quanto em qualquer outro. É perfeitamente possível voltar no tempo e fazer uma releitura dos valores peculiares que formam o cerne de cada 'manifesto' do período moderno. A diferença é que, naquela época, havia a nítida impressão de que o universalismo das propostas poderia ser percebido e vivenciado como uma verdade, uma razão, sem prever suas contradições, sua transformação em outras verdades, tão efêmeras quanto o próprio homem.&lt;br /&gt;&lt;br /&gt;No período da modernidade, havia uma visão romantizada, de um mundo inteiro para ser conquistado pela arte, ainda que por caminhos completamente opostos, como os futuristas italianos, que traziam o fascismo como uma grande virtude, um caminho; e o cubismo, que desconsiderava qualquer valor do mundo real, autosuficiente em sua atonalidade. Eles não poderiam existir sozinhos como verdade maior, como comprovou o tempo, mas foram absolutamente fundamentais, como todo movimento dentro da história. E se descobriu, findando-se a modernidade, que nenhum dos movimentos estava mais ou menos próximo de uma 'verdade' artística - justamente porque essa 'verdade', ao ser encontrada, logo estaria superada.&lt;br /&gt;&lt;br /&gt;Podemos então, conhecendo as características, as razões estéticas de cada movimento moderno, entender suas circunstâncias, seus cenários - não simplesmente reviver aquilo - mas criar uma relação entre uma questão atual vista sob aquela ótica. Essa é a receita para se beber da fonte moderna e criar algo novo. E é por isso que não basta ter o conhecimento 'dóxico', superficial, sensorial, sobre uma época (apesar disso ser fundamental), entender sua picturalidade, suas formas, seu movimento, sua disposição, seu equilíbrio. É preciso conhecer a história da arte e ver que nenhum estilo surgiu ao acaso, mas sim, possuem origens claras - e desdobramentos que chegam até os dias de hoje, consequentemente. A partir desse estudo, fica muito fácil associar um projeto conceitualizado hoje, a uma estética moderna, seja qual for o movimento: cubismo, surrealismo, expressionismo, etc.&lt;br /&gt;&lt;br /&gt;No caso do surrealismo, é preciso mergulhar de cabeça na psicanálise, e estar pronto para ir além da linguagem comum, das percepções concretas, sensibilizando-se para os reflexos do inconsciente como feedback emocional para a interface - o que parece bem subjetivo, mas plenamente possível com interesse e muito estudo.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;8 - No livro “Iniciação à História da Arte”, da Martins Fontes Editora, H.W.Janson e Anthony F.Janson apontam que “ao contrário do Dadaísmo, a Pop Art não é motivada pelo desespero ou animosidade contra a civilização atual; considera a cultura comercial sua matéria-prima, uma fonte inesgotável de material pictórico, mais do que um mal a ser combatido”. O uso da cultura de massa, tão emanada pelos seguidores da Pop Art, é uma linha conceitual que pode ajudar a aproximar os ambientes digitais de seu público-alvo?&lt;br /&gt;&lt;br /&gt;A Pop-Art foi o último dos grandes movimentos modernos, e sua contribuição mais importante para a história da arte, ao meu ver, foi a mudança de percepção a respeito da apropriação e transformação de 'memes' coletivos, ícones de massa, considerando uma 'cultura Pop'. A Cultura pop, por sua vez, surgiu graças aos métodos industriais de criação e produção pictórica, à prevalescência da imagem de massa, em detrimento do conteúdo (também de massa, mas de segunda ordem). Os clássicos exemplos 'lata de sopa campbells' e as interferências na Marilyn Monroe e Mao Tse Tung demonstram isso com perfeição. É o início da era do consumo de imagens, à maneira industrial. Que vivemos até hoje, como num 'pop' transgênico e muito acelerado. Poderíamos incluir aqui o Kitsch e o neopop, mas seriam apenas categorizações para as transgenias diversas pelas quais passa a pop art até hoje.&lt;br /&gt;&lt;br /&gt;Continuamos consumindo o pop, construindo e desconstruindo sua forma e conteúdo de forma compulsiva, caótica, de modo cada vez mais veloz. Os ícones pop surgem e morrem quase no mesmo instante.&lt;br /&gt;&lt;br /&gt;O que mais me atrai na Pop Art é sua possibilidade de 'cheating art', ou seja, de fazer uma arte 'trapaceando', através dos meios de massa - inclua-se nessa categoria o sampling e a intervenção sobre todo tipo de imagem 'lugar-comum', desde logotipos conhecidos por todo o mundo até personagens (humanos ou não) pop extremamente regionalizados. A identificação com os 'memes' acaba por facilitar a transmissão do que está agregado a ela - no caso, a arte. E é justamente nisso que vejo a grande possibilidade de se trabalhar o Pop dentro dos ambientes digitais, aproveitar essa identificação quase insuperável (felizmente, quase) para se fazer ouvir. Uma espécie de comensalismo.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;9 - Segundo a Wikipédia (http://pt.wikipedia.org/wiki/Minimalismo#Design), o minimalismo representa uma série de movimentos artísticos e culturais ocorridos durante o século XX. Analisando a parte conceitual do movimento (“jogo de volumes e formas que esteja reduzido às suas configurações não mais que essenciais a suas funções”), é certo dizer que a criação e o desenvolvimento de sites focados na usabilidade segue a mesma linha de pensamento? Você poderia citar exemplos de sites que utilizam os ideais minimalistas em sua concepção?&lt;br /&gt;&lt;br /&gt;De certa maneira sim, o movimento pró-usabilidade busca enxergar e remover qualquer tipo de ruído dentro da interface, com objetivo de chegar a um coeficiente minimo ideal de uso. É uma ótima causa. O problema é que, assim como o próprio movimento Minimalista (e todos os demais movimentos modernos), o movimento pró-usabilidade, na minha percepção, acaba por acreditar (pela força da doutrina e do hábito) que só existe a realidade do uso, desconsiderando o contraditório - que seria, nesse caso, a corrente experimentalista, e que, na publicidade, poderíamos encontrar dividida em vários sub-movimentos, sendo o mais importante deles o da 'inversão de expectativa' - modo menos traumático de apresentar estéticas pouco usuais a um público heterogêneo, abrangente, valendo-se de um gradiente entre o anti-uso e o próprio uso, deixando o expectador/consumidor transtornado sensorialmente, abalado, por alguns instantes, para, no melhor estilo catártico, trazê-lo de volta ao mundo cartesiano. Pronto, fez-se a mágica.&lt;br /&gt;&lt;br /&gt;O mundo está girando numa velocidade espantosa, enquanto escrevo esse texto. Nós também, nossa mente, nossos gostos, nossos paradigmas, estão prontos para mudança, a cada instante. Acreditar numa linha unidirecional em relação ao ideal do webdesign, é pura ilusão. É preciso se considerar o anti-uso, os reflexos da própria frustração e a transformação que ela gera.&lt;br /&gt;&lt;br /&gt;Existem também sites que não têm qualquer relação com uma boa usabilidade (no sentido atual a que esse termo remete) mas que usam a estética minimalista de modo primoroso, cada qual a seu modo. Alguns exemplos que posso citar são:&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;10 - A Enciclopédia Itaú Cultural de Artes Visuais revela que “a liberdade de experimentação, o retorno às intenções expressivas e o resgate da subjetividade” são algumas das principais linhas de pensamento do Neoconcretismo (http://www.itaucultural.org.br/aplicexternas/enciclopedia_IC/index.cfm?fuseaction=termos_texto&amp;amp;cd_verbete=3810). Diante de sua experiência na área, você acredita que os projetos experimentais on-line ainda são um campo pouco explorado na web? Quais conceitos do neoconcretismo poderiam ser aplicados no design para web?&lt;br /&gt;&lt;br /&gt;Em se tratando de webdesign comercial, que precisa se ater a objetivos e regras já muito bem estabelecidas pela publicidade (ou pela gerência de TI), sim. É quando a interface precisa ser o mais racional possível, controlável, categorizada, sistemática. Isso pode ser visto com mais intensidade nas interfaces unicamente funcionais, que de tão sistematizadas, acabam por virar 'monstros' de organização, desumanizando ao máximo a linguagem entre o usuário e a interface.&lt;br /&gt;&lt;br /&gt;A habilidade do designer em compreender os princípios dos quais a interface pode - e deve - se utilizar, sem se ater a regras gerais, 'doxas' incontestáveis, clichês pictóricos - que normalmente nos levam a uma pasteurização das interfaces - é que vai fazer a diferença na hora de conceitualizar a proposta. A partir do conceito certo, sem subestimar e nem superestimar o público (e a própria interface), encontraremos o caminho mais interessante, mais adequado aos objetivos (práticos e subjetivos)  - pautando-se, dessa forma, por diversos valores semióticos e também por necessidades utilitárias, cada qual com sua maneira de ser avaliada - ainda que o resultado disso seja, esteticamente, um picturalismo abstrato, uma subjetividade irritante (aos olhos do ser cartesiano), contrária aos critérios universais de avaliação atuais. Se esse for o caminho encontrado, é preciso encará-lo de forma corajosa. Isso porque nenhum sistema de análise de interfaces que conheço consegue sair da esfera racional, do empirismo utilitário, até mesmo para lidar com os valores mais sensoriais, menos racionais - quando tratam destes, fazem-no de modo rasteiro.&lt;br /&gt;&lt;br /&gt;Tenho em mente que devemos mudar nossa opinião a cada instante, girar em torno da idéia inicial pelo menos uma dezena de vezes antes de nos definirmos pelo conceito final. Assim, por exemplo, se optamos por usar a simplicidade da forma básica, dos planos geométricos simples, podemos pesquisar o cubismo ou o neo-concretismo. O importante é saber o porquê da escolha.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973120180502916?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973120180502916/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973120180502916' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973120180502916'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973120180502916'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/arte-e-webdesign-entrevista-para.html' title=''/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-27644788.post-115973109523396008</id><published>2006-10-01T12:29:00.000-07:00</published><updated>2006-10-01T12:41:36.980-07:00</updated><title type='text'></title><content type='html'>&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;span style="font-size:180%;"&gt;ÍCONES - &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;Participação de Ronaldo Gazel em matéria da Revista Webdesign:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;1 - Como podemos definir um ícone?&lt;br /&gt;&lt;br /&gt;É impossível olharmos para alguma coisa e não percebermos, ainda que de modo inconsciente, algumas propriedades dela. Por propriedades entendam-se valores semióticos dos mais diversos tipos, de natureza obviamente mimética, que permitem ao nosso ser a categorização da coisa observada em uma escala de valores, que se comporta como o raio de uma circunferência, que vai da periferia (memória mais 'distante') até o centro (memória atual, o 'agora') do 'ser'.&lt;br /&gt;&lt;br /&gt;Um ícone é a palavra usada para designar formas (de todos os gêneros) que suporte uma composição específica de valores que as torna muito especiais - e, ainda mais importante - que transforma o ícone em um 'meme' coletivo, um 'dna' de memória que é compartilhado e propagado em um grupo de pessoas. Um ícone 'universal' é aquele que consegue se propagar em qualquer (virtualmente) grupo social - mas que, por serem tão significativos, acabam se tornando clichês, como o desenho de uma lâmpada para significar uma boa idéia; o ícone 'ideal' é aquele que consegue ser completamente compreensível, substituindo uma palavra ou um grupo de palavras com os adicionais semióticos não-expressáveis por elas; e o ícone 'farofa' é o ícone que não dialoga, e está sempre equivocado. É dado ao monólogo e rapidamente é desprezado por nós, usuários.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;2 - Existe alguma diferença ou a função dos pictogramas no mundo real e dos ícones no mundo virtual são as mesmas?&lt;br /&gt;&lt;br /&gt;Alguns símbolos, como o sinal vermelho, uma caveira, a placa de contra-mão, ou de proibido parar, estão - voltando à analogia de uma escala de valores radial, que se movimenta da superfície para o centro - localizados em uma área muito próxima do centro. E sua percepção - ou melhor, a falta dela - pode trazer um feedback negativo dos mais indesejados. Outros simbolos e composições pictográficas, usam formas cujas propriedades gestálticas são explícitas, como o famoso 'splash', que 'valoriza' (na linguagem do varejo, pelo menos)  um número a ponto de torná-lo interessante, graças às linhas de movimento que dele divergem para todos os ângulos.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;3 - Falando especificamente da função dos ícones em interfaces digitais, você acredita que o seu objetivo esteja mais ligado à memorização de determinadas tarefas ou a estética gráfica?&lt;br /&gt;&lt;br /&gt;Existe uma situação em que a criação de ícones é um mero artifício gráfico, que pode ajudar a criar pesos visuais interessantes e equacionar espaços dentro da interface, mas que, como é comum nesses casos, precisam vir acompanhadas de um texto, para reforçar ainda mais seus valores, sua compreensão. É o que eu chamo de ícones 'bonitinhos, mas ordinários': ícones belos e animados - mas nem sempre divertidos e interessantes, ou capazes de substituir uma palavra, algo concreto, sem cair no clichê, por mais que eles se esforcem. Um exemplo rápido: a famosa 'cartinha' na seção contatos: a carta, sozinha, não gera valor positivo (talvez nostálgico), e um texto falando: "contato" já diz o suficiente. Os dois, juntos, formam o embróglio.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;4 - A eficiência dos ícones depende do nível de familiaridade das pessoas com as representações que se pretende passar?&lt;br /&gt;&lt;br /&gt;Sim, é certo que uma meta fundamental da comunicação visual - especialmente a nossa, a interativa - consiste em oferecer os elementos ideais para um diálogo com o usuário, que vai (ou não), munido dos seus interesses, responder àquele estímulo. Esse é o ideal de um ícone, gerar um sentido psicossomático que sintetize todo um status não-expressável através apenas de uma palavra.&lt;br /&gt;... que possa, inclusive, culminar num sentimento de cumplicide com o ícone - é o caso das grandes marcas, como apple, nike, coca-cola.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;5 - Hoje, já podemos afirmar que a internet possui uma iconografia particular (por exemplo: utilizamos a imagem de uma casa para indicar a página principal de um site)?&lt;br /&gt;&lt;br /&gt;A casinha, para 'home', é um bom exemplo de ícone 'universalizado' pelo uso. Digamos que apenas o tempo vai dizer se ela vai resistir, até (por exemplo), haver uma troca de paradigmas tal que substitua o conceito de 'home' por outro, como 'hiperespaço'(?) ou algo assim. A arroba, por exemplo, aguentou um bom tempo, mas como ela era um dos pouquíssimos registros gráficos relacionados ao universo da internet, então foi absurdamente utilizada, das mais diversas formas - até que não resistiu.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;6 - Por outro, o avanço da tecnologia permite que o desenvolvimento de um site possua uma série de novas funcionalidades. Por exemplo: o espaço para comentários vem se tornando uma função muito comum (e o símbolo de um balão tem sido o ícone mais utilizado para representá-lo). Diante disso, quais são as principais etapas a serem consideradas na hora de se criar um novo ícone (escolha de cores, tamanho, tipo de traço etc.)? Caso possível, poderia citar um bom exemplo nesta área?&lt;br /&gt;&lt;br /&gt;Se considerarmos a poesia, uma forma sofisticada de linguagem falada, escrita ou visualizada, podemos também dizer que o ícone também sintetiza - assim como na poesia - um grupo de valores que transcende (a princípio) a própria palavra. Por outro lado, na extremidade oposta, está a sua capacidade de expressar algo absolutamente concreto, com mais intensidade do que a própria palavra! O balão do 'comentários' é um bom ícone, mas não sei ao certo até que ponto ele é mais interessante do que a palavra 'comentários', que é absolutamente concreta, direta, não dá margem à qualquer dúvida. Um balão também pode ser 'chat' - e é por isso, pelo fato do ícone querer representar menos do que ele suscita, faz dele uma 'piada interna', ou seja, só quem sabe, sabe. Se os blogs se consolidarem mesmo como uma ferramenta universal, aí podemos dizer qu&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;7 - Qual é a melhor forma de testar a eficácia de um ícone na web?&lt;br /&gt;&lt;br /&gt;Vox Populi, vox dei. A melhor maneira de se testar qualquer coisa é colocar 'na boca do povo'. Isso inclui todas as formas de pesquisa, seja ela completa e baseada nos mais atuais modelos em voga atualmente, ou uma de pequeno porte, feita com os membros de uma equipe. Ou, na falta de qualquer pesquisa, autocrítica e bom-senso são a única saída. O que não vale, mas que acontece com uma frequência irritante, é a solicitação da criação de iconografias sem qualquer tipo de valor adicional - o que significa um produto cheio de ícones 'bonitinhos mas ordinários'. Isso quando não são uma aberração em todos os sentidos. Certa vez, um cliente de um amigo (cujo nome obviamente não revelarei) solicitou a criação de aproximadamente 20 ícones para um site. Detalhe: os ícones eram 12x12. Nem no meu saudoso TK90X havia tão pouco pixel pra trabalhar! Sugeri a ele que o site fizesse uma campanha publicitária distribuindo lupas...&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;8 - O site GloboEsporte.com é um bom exemplo no uso de ícones, ao utilizar os escudos de times de futebol para indicar as seções específicas de cada um deles. Dentro de um site, quando se nota a necessidade de criar um ícone para que o usuário consiga realizar determinada função?&lt;br /&gt;&lt;br /&gt;Os escudos de time são um dos 'filés' da iconografia, porque normalmente já nascem encapsulados, condensados em uma área de máximo aproveitamento e peso ideal, que permita uma gama de aplicações que nem mesmo o processo de criação de logotipos prevê. Por isso arrisco-me a dizer que é relativamente mais fácil separar perfis de usuário por áreas graficamente identificáveis com ícones universalizados, como no caso dos times de futebol, do que separar usuários com perfis mais sofisticados, que abranjam um grupo de interesses muitas vezes até heterogêneos ou que sejam intimamente relacionados, mas que a princípio, não consigam ser sintetizados por uma símbolo já universalizado (apropriação e metaforização). Esses últimos são o grande desafio. A última vez que me deparei com símbolos desse tipo foi há aproximadamente três anos, no site www?&lt;br /&gt;&lt;br /&gt;9 - Quais são as vantagens (economia de espaço da interface, agilização da navegação etc.) e desvantagens (complexidade, poluição visual etc.) no uso de ícones em projetos de sites?&lt;br /&gt;&lt;br /&gt;Alguns ícones já universalizados pelo uso da internet, como a pasta, ; e outros já foram tão usados que caíram em desgraça, como a famigerada arroba. Sendo assim, o critério para uso de ícones é o mesmo para a construção dos demais elementos da interface: é preciso coerência.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;10 - Qual bibliografia você indicaria para o profissional que quiser encontrar mais informações sobre esse assunto?&lt;br /&gt;&lt;br /&gt;Existem bons livros sobre semiologia, sobre Teoria da Forma, design. Uma vez que iconografia está intimamente ligada, de um lado, às questões antropológicas e psicológicas; e de outro, aos mecanismos puramente visuais, relacionados à gestalt,&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/27644788-115973109523396008?l=gazozzo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gazozzo.blogspot.com/feeds/115973109523396008/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=27644788&amp;postID=115973109523396008' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973109523396008'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/27644788/posts/default/115973109523396008'/><link rel='alternate' type='text/html' href='http://gazozzo.blogspot.com/2006/10/cones-participao-de-ronaldo-gazel-em.html' title=''/><author><name>Ronaldo Gazel</name><uri>http://www.blogger.com/profile/00291024325854019248</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://www.discopraise.com.br/gaz1.jpg'/></author><thr:total>1</thr:total></entry></feed>
