tag:blogger.com,1999:blog-280221742024-02-19T08:25:29.800-03:00dougleonardo.draftsDoug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.comBlogger63125tag:blogger.com,1999:blog-28022174.post-74924944603106801182010-08-27T12:15:00.006-03:002010-08-27T12:28:10.294-03:00São Paulo, do ponto de vista de grandes designers e arquitetos<object id="flashObj" width="550" height="309" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0"><param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" /><param name="bgcolor" value="#FFFFFF" /><param name="flashVars" value="videoId=207544211001&playerID=66631060001&playerKey=AQ%2E%2E,AAAAAE-uQl8%2E,SoGg_N-zv696Mr1nwnY73ZV8t85rWl4k&domain=embed&dynamicStreaming=true" /><param name="base" value="http://admin.brightcove.com" /><param name="seamlesstabbing" value="false" /><param name="allowFullScreen" value="true" /><param name="swLiveConnect" value="true" /><param name="allowScriptAccess" value="always" /><embed src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" bgcolor="#FFFFFF" flashVars="videoId=207544211001&playerID=66631060001&playerKey=AQ%2E%2E,AAAAAE-uQl8%2E,SoGg_N-zv696Mr1nwnY73ZV8t85rWl4k&domain=embed&dynamicStreaming=true" base="http://admin.brightcove.com" name="flashObj" width="550" height="309" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object><br /><br />O cineasta <strong>Marcelo Galvão</strong> conversa com a arquiteta <strong>Letícia Nobell</strong>, os designers <strong>Fernando e Humberto Campana</strong> e com os arquitetos do <strong>Triptyque</strong> sobre suas relações com a cidade e de que forma ela se relaciona com suas inspirações e processos criativos.<br /><br />Com excelentes imagens com efeito <strong>tilt-shift</strong> (aquele efeito de "miniaturização" da imagem), o video faz ver o lado belo da feia e complicada <strong>cidade de São Paulo</strong>.<br /><br />Vi na <a href="http://www.wallpaper.com/video/-/-/207544211001" target="_blank">Wallpaper Magazine</a>.Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com1tag:blogger.com,1999:blog-28022174.post-17615952395622323772010-07-28T12:38:00.004-03:002010-07-28T13:15:41.873-03:00Animamundi 2010Ontem fui à pré-estréia do <strong>AnimaMundi 2010</strong> de São Paulo.<br />Pra quem não conhece, trata-se do <strong>maior festival de filmes de animação da América Latina</strong> que, em 2010, completa 18 anos de existência.<br /><br />Encontrei no <a href="http://www.vimeo.com/" target="_blank">Vimeo</a> e no <a href="http://www.youtube.com/" target="_blank">Youtube</a>, três das animações que assisti ontem e curti muito. Dois dos vídeos são trailers.<br /><br />Vou começar pela animação francesa <strong>Opera TA TA TA TA</strong>, dirigida por <strong>Antoine Rota</strong>. Ela conta a história de uns mafiosos bastante atrapalhados. Essa foi colocada na íntegra no Youtube:<br /><br /><object height="340" width="560"><param name="movie" value="http://www.youtube.com/v/PAarXbm_yz4&hl=pt_BR&fs=1?rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/PAarXbm_yz4&hl=pt_BR&fs=1?rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="340" width="560"></embed></object><br /><br />A <strong>Der Kleine und das Biest</strong> (O garotinho e a fera), dos alemães <strong>Johannes Weiland</strong> e <strong>Uwe Heidschötter</strong> mostra o ponto de vista de uma criança sobre uma situação bastante conhecida no mundo dos adultos.<br /><br /><object height="315" width="560"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7774480&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1"><embed src="http://vimeo.com/moogaloop.swf?clip_id=7774480&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="315" width="560"></embed></object><br /><br />E deixei por último uma animação brazuca de extrema qualidade, chamada <strong>Os Anjos do Meio da Praça</strong>, criada por <strong>Alê Camargo</strong> e <strong>Camila Carrossine</strong>. Conta a história de anjos e sonhos esquecidos.<br />A animação tem um blog. É o <a href="http://anjosdomeiodapraca.blogspot.com/" target="_blank">http://anjosdomeiodapraca.blogspot.com/</a>.<br /><br /><object height="315" width="560"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12814253&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1"><embed src="http://vimeo.com/moogaloop.swf?clip_id=12814253&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="315" width="560"></embed></object><br /><br />O <strong>Animamundi 2010</strong> em São Paulo acontece de 28 de julho a 1° de agosto no Memorial da América Latina, no bairro da Barra Funda.<br /><br />Mais informações no site do festival:<br /><a href="http://www.animamundi.com.br/" target="_blank">http://www.animamundi.com.br/</a>Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com1tag:blogger.com,1999:blog-28022174.post-70784442956582414982010-07-08T17:16:00.004-03:002010-07-08T17:20:30.095-03:00Ele já sabia!<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP2-Do-8LVamri8tXW7xfyggjZOBHWlSMsuru9AcoEnCA5kswlofy_albEAHY9C08RiX7ae6e4GnrTjqjY6F2a3K3W_Ccl4-Th5aidhFWOeZ2dwYcC9jmaO6OmbK_1QkEh0h2ERQ/s1600/JASABIA.jpg"><img style="cursor: pointer; width: 297px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP2-Do-8LVamri8tXW7xfyggjZOBHWlSMsuru9AcoEnCA5kswlofy_albEAHY9C08RiX7ae6e4GnrTjqjY6F2a3K3W_Ccl4-Th5aidhFWOeZ2dwYcC9jmaO6OmbK_1QkEh0h2ERQ/s400/JASABIA.jpg" alt="" id="BLOGGER_PHOTO_ID_5491631969493669458" border="0" /></a><br /><br />Divulgado hoje o <strong>logotipo</strong> <s>psicografado</s> para a <strong>Copa do Mundo de 2014</strong> no Brasil.<br /><br />Um minuto de silêncio, por favor.<br /><br />:(Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-91365789732397923042010-06-29T12:34:00.001-03:002010-06-29T12:36:25.625-03:00Sean Gordon, o irmão músico do Sonic<img src="http://th08.deviantart.net/fs5/300W/i/2004/285/b/3/Sonic___floating__by_BadShines.jpg" alt="" /><br /><br />O cara é tão rápido com as cordas quanto o Ouriço azul da Sega. E o cabelo é igual, vai! :)<br /><br />Essa é pra você <span style="font-style:italic;">(que acha)</span> que toca violão ou guitarra bem. É pra você também que diz que eu toco violão e guitarra bem! Bora rever conceitos! hehe...<br /><br /><object style="background-image:url(http://i4.ytimg.com/vi/OMZjqy7NTYc/hqdefault.jpg)" width="425" height="344"><param name="movie" value="http://www.youtube.com/v/OMZjqy7NTYc&hl=pt_BR&fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/OMZjqy7NTYc&hl=pt_BR&fs=1" width="425" height="344" allowScriptAccess="never" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br /><br /><span style="font-style:italic;">Feeling</span> e técnica em alto nível. Assista, vale a pena!<br /><br />Tem um filme bacaninha (bem água com açúcar) chamado "O som do coração", em que o personagem principal toca violão nessa mesma pegada. Vale conferir tbm. Aí vai o trailer:<br /><br /><object width="550" height="385"><param name="movie" value="http://www.youtube.com/v/44nN72E5JDg&hl=pt_BR&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/44nN72E5JDg&hl=pt_BR&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="550" height="385"></embed></object><br /><br />A dica foi do <a href="http://www.twitter.com/mynameis_jonas" target="_blank">@mynameis_jonas</a> do blog <a href="http://dabocadabaleia.blogspot.com" target="_blank">Da boca da Baleia</a>. :)Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com4tag:blogger.com,1999:blog-28022174.post-32266972950286694102010-06-24T01:18:00.005-03:002010-06-24T01:31:14.229-03:00Defina "mandar bem no Illustrator"<img src="http://www.dougleonardo.com/blogspot/images/vetor/01.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/vetor/02.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/vetor/03.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/vetor/04.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/vetor/05.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/vetor/06.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/vetor/07.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/vetor/08.jpg" alt="" /><br /><br />E você e eu aqui achando que mandávamos bem no desenho vetorial... tsc, tsc...<br /><br />O nome da fera é <strong><a href="http://www.behance.net/UnikFrik" target="_blank">Ruslan Khasanov</a></strong>, ilustrador da Russia.<br />Vi no <strong><a href="http://www.behance.net" target="_blank">Behance</a></strong>.Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com6tag:blogger.com,1999:blog-28022174.post-86510586489562435902010-04-27T12:29:00.004-03:002010-05-10T15:37:31.977-03:00WGD 2010 - Por que eu valorizo o design<img src="http://www.dougleonardo.com/blogspot/images/withoutdesign.jpg" alt="Without design, every project would be a mistake. (Doug Leonardo)" title="Without design, every project would be a mistake. (Doug Leonardo)" border="0" /><br /><br /><strong>"I value design because without design, every project would be a mistake."</strong> <br /><br />(Eu valorizo o design porque sem design, todo projeto seria um erro.)<br /><br />Esse é o cartaz com a minha frase para o <strong>Dia Mundial do Design Gráfico</strong>, comemorado hoje, dia 27 de abril, e promovido pela <strong><a href="http://www.icograda.org" target="_blank">ICOGRADA</a></strong>, o conselho internacional de associações de design gráfico. <br /><br />A data é celebrada desde 1995 e refere-se ao dia em que a ICOGRADA foi fundada.<br /><br />Neste ano, os idealizadores lançaram a pergunta: <strong>Por que você valoriza o design?</strong><br /><br />A ideia é que nós, principalmente estudantes e profissionais da área, possamos refletir sobre nossa atuação e nossa visão sobre o ofício.<br /><br />Todo mundo pode contribuir, mandando frases no Twitter com a hashtag <a href="http://twitter.com/#search?q=%23wgd2010" target="_blank">#wgd2010</a><br /><br />Se quiser, faça como eu e <strong><a href="http://www.icograda.org/events/events/calendar637/event_articles52.htm" target="_blank">baixe o cartaz no site da ICOGRADA</a></strong> para compartilhar sua frase sobre por que você valoriza o design.<br /><br />Sucesso a todos nós designers! :) <b style="color:#efeeec;">G9SDFWJUANFF</b>Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com2tag:blogger.com,1999:blog-28022174.post-46235893825131187412010-04-22T21:59:00.004-03:002010-04-22T22:26:20.258-03:00Infografia, visualização e história do design gráfico<img src="http://dougleonardo.com/hdg/wp-content/uploads/me05.jpg" alt="" /><br /><br />Os posts por aqui estão ficando um pouco raros... mas não abandonei o Drafts não, ok?<br />Ando bastante enrolado com meu projeto de TGI e é sobre ele que quero tratar nesse post.<br /><br />Bom, primeiro: do que se trata?<br />Meu projeto pretende criar uma <strong>visualização infográfica da história do design gráfico</strong>, tendo por base a "bíblia" do assunto, o livro <strong>"A história do design gráfico"</strong>, do Philip Meggs.<br /><br />Como parte do processo criativo e da metodologia, criei um blog de acompanhamento. A ideia é compartilhar toda a pesquisa, referências e estudos relacionados ao tema, além de permitir que amigos e colegas me ajudem a enriquecer esse trabalho.<br /><br />Se você se interessa por <strong>infográficos</strong>, <strong>visualização da informação</strong> e <strong>história do design gráfico</strong>, dá uma passadinha no blog do meu projeto, que provisoriamente estou chamando de <strong><a href="http://www.dougleonardo.com/hdg" target="_blank">Projeto HDG'10</a></strong>.<br /><br />O endereço do blog é <a href="http://www.dougleonardo.com/hdg" target="_blank">http://www.dougleonardo.com/hdg</a><br /><br />Abraços e até o próximo - e espero que não tão demorado - post!Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com1tag:blogger.com,1999:blog-28022174.post-13066643403980902172010-03-31T12:18:00.007-03:002010-03-31T12:52:04.712-03:00Um tour virtual pela Capela Sistina<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklqE6iKVgGvoALgDefu8idUzPYBUPpg4nE0_FbsNKtksXFyXFyyEfZAMrnpQjRuKEDHc8V_JxC0zAb7_5er-AnJWHGFBgjdcgIFaeLq5Ov7eto0_eAZy7WuVOiyH2MNo5ytFZRA/s1600/sistina1.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklqE6iKVgGvoALgDefu8idUzPYBUPpg4nE0_FbsNKtksXFyXFyyEfZAMrnpQjRuKEDHc8V_JxC0zAb7_5er-AnJWHGFBgjdcgIFaeLq5Ov7eto0_eAZy7WuVOiyH2MNo5ytFZRA/s400/sistina1.jpg" alt="" id="BLOGGER_PHOTO_ID_5454819035457280722" border="0" /></a><br /><br />Fiquei impressionado com a qualidade da experiência que o site do <strong><a href="http://www.vatican.va/" target="_blank">Museu do Vaticano</a></strong> proporcionou nesse <strong>tour virtual</strong> e panorâmico pela <strong>Capela Sistina</strong>. Simplesmente fantástico! Daqueles sites que todo mundo tem que visitar, principalmente quem não teve a oportunidade de ver isso pessoalmente!<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqbnMrb9wMJWvN69jKzBphyphenhyphenpK9hIV8c1iAQiIugN55RboDvnPhL9HGLgepCVoF_8QLaDAePeW2xtkhZA9gtF8Vl_7_Pxa2Va09OX5gXHHP3DaFR0qYnx5PW9eMmgFaeiByLPVqA/s1600/sistina2.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqbnMrb9wMJWvN69jKzBphyphenhyphenpK9hIV8c1iAQiIugN55RboDvnPhL9HGLgepCVoF_8QLaDAePeW2xtkhZA9gtF8Vl_7_Pxa2Va09OX5gXHHP3DaFR0qYnx5PW9eMmgFaeiByLPVqA/s400/sistina2.jpg" alt="" id="BLOGGER_PHOTO_ID_5454819147723277698" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwRQbVG5ev1YUbfWY02V7gIfeMNTRCwn31nHYEZvk9tQ8SjHUV418XlMJLjGtfr8vV2Af1XggZP6R41gAWiEAlZEGz88zchMJ30ObdpdwEBTugHG4F5hk7rIPVQrk_mR6nqiZ-A/s1600/sistina3.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwRQbVG5ev1YUbfWY02V7gIfeMNTRCwn31nHYEZvk9tQ8SjHUV418XlMJLjGtfr8vV2Af1XggZP6R41gAWiEAlZEGz88zchMJ30ObdpdwEBTugHG4F5hk7rIPVQrk_mR6nqiZ-A/s400/sistina3.jpg" alt="" id="BLOGGER_PHOTO_ID_5454819268281552802" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYrr5SGllq1YC45ZB01jBLPoG2YLNebmj3WXJTXf6wCRLGr_Mz2YKZzFQpVxMsQCZGidObSW5N0YpQywaARu25xW1Y-mp34nle0cYFe_kuJXKizfkmSv2JNkPwbzaCbjvRxUZN2A/s1600/sistina4.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYrr5SGllq1YC45ZB01jBLPoG2YLNebmj3WXJTXf6wCRLGr_Mz2YKZzFQpVxMsQCZGidObSW5N0YpQywaARu25xW1Y-mp34nle0cYFe_kuJXKizfkmSv2JNkPwbzaCbjvRxUZN2A/s400/sistina4.jpg" alt="" id="BLOGGER_PHOTO_ID_5454819375296919986" border="0" /></a><br /><br />Acesse! Vale muito a pena esperar o carregamento:<br /><a href="http://www.vatican.va/various/cappelle/sistina_vr/index.html" target="_blank">http://www.vatican.va/various/cappelle/sistina_vr/index.html</a><br /><br />Há alguns meses, postei aqui o projeto de visualização de <a href="http://dougleonardo.blogspot.com/2009/04/grandes-obras-de-arte-em-detalhes.html" target="_blank">museus no Google Earth</a>, lembra? :) Muito bom tbm!Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-63377676747642691822010-03-17T16:12:00.004-03:002010-03-17T16:45:52.819-03:00Cartaz para o show do John MayerBom, não é novidade que sou um grande fã do som do <strong><a href="http://www.johnmayer.com" target="_blank">John Mayer</a></strong>. Quem me conhece e já me viu com um violão na mão sabe bem disso... hehe...<br /><br />Mas neste post vou falar sobre um <strong>projeto gráfico</strong> muito bacana, feito para promover os shows do guitarrista no mês passado, realizados no Madison Square Garden. <br /><br /><img src="http://www.dougleonardo.com/blogspot/images/jm/03.jpg" alt="" /><br /><br />O pessoal da <strong><a href="http://www.houseind.com/" target="_blank">House Industries</a></strong> produziu um cartaz em <strong>serigrafia</strong>, utilizando apenas <strong>letterings</strong> feitos pela <a href="http://www.photolettering.com" target="_blank">Photo-Lettering</a>, impressos sobre papel especial da <strong><a href="http://www.frenchpaper.com/" target="_blank">French Paper</a></strong>.<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/jm/02.jpg" alt="" /><br /><br />Dá uma olhada nessas fotos do resultado. Design gráfico Old School! hehe... Muito bom!<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/jm/01.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/jm/04.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/jm/05.jpg" alt="" /><br /><br />Um desses ficaria muito bonito na parede na minha sala lá de casa, viu...Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com1tag:blogger.com,1999:blog-28022174.post-81917196905916890162010-03-03T15:09:00.014-03:002010-03-03T17:20:30.642-03:00Mostre o conteúdo do seu Flickr, Twitter e Delicious em seu site ou blogEm janeiro, fiz um workshop com a galera do SENAC e, dentre outras coisas, falei sobre o uso de <strong>gadgets</strong>, <strong>badges</strong> e <strong>widgets</strong> de sites de redes sociais em portfolios ou blogs. O conteúdo do workshop compartilhei com vocês <a href="http://dougleonardo.blogspot.com/2010/01/atuacao-em-design-producao-de-portfolio.html" target="_blank"><b>aqui</b></a>.<br /><br />Isso pode ser uma ferramenta bastante interessante quando você utiliza estes canais de comunicação (<a href="http://www.twitter.com/dougleonardo" target="_blank">Twitter</a>, <a href="http://www.facebook.com/dougleonardo" target="_blank">Facebook</a>, <a href="http://www.flickr.com/dougleonardo" target="_blank">Flickr</a>, <a href="http://www.delicious.com/dougleonardo" target="_blank">Delicious</a> etc.) para compartilhar informações e conhecimento relacionado à sua área de atuação, pois permite que você centralize tudo isso em seu site ou blog.<br /><br />Atendendo a alguns pedidos, principalmente da minha amiga <a href="http://www.mirela.terce.nom.br/" target="_blank">Mirela Terce</a>, vou listar aqui um pequeno guia de como instalar e utilizar algumas destas bugigangas virtuais. É interessante que você conheça o mínimo de HTML, mas não necessariamente.<br /><br />De maneira geral, o que se tem a fazer é copiar os códigos HTML disponibilizados pelos próprios sites como Flickr e Twitter (ou por site que criam estes módulos) e colá-los em seu blog ou site. Simples né? Bora lá...<br /><br /><h2 style="font-size:16px;">Como apresentar meus updates do Flickr em meu site ou blog?</h2><br /><strong>Inserir seus updates do Flickr em seu site é bem simples</strong>, mesmo se você não manja nada de HTML, e ao mesmo tempo, bem bacana se você manja e está a fim de personalizar a forma de apresentar isto em seu site.<br /><br />Acesse a página de criação da <strong>badge do Flickr</strong> no seguinte endereço:<br /><a href="http://www.flickr.com/badge.gne" target="_blank">http://www.flickr.com/badge.gne</a>.<br /><em>Você precisará entrar com seu login e senha</em><br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw9H2TFTWyGDnpcbqpnU7nD1Sl4TkTCgH3U82QbCYStsr_0h6ZItT0V8Jc_k5_YmzYDPtFxhuUHPieIaYY9yYfvj0DljKp5qT_0_PTxP2c2WdSGeNIQfm_HVqlqnhB5qvU4R9F-g/" alt="" /><br /><br />Esta tela pede que você selecione o tipo de módulo que deseja criar: HTML (estático) ou Flash (animado). Escolha o que achar mais bacana. Se você manja de CSS, o módulo HTML permite que você tenha acesso aos estilos. :)<br /><br />Feito? Bom, daí em diante é só seguir as instruções do Flickr para personalizar o módulo do jeito que deseja. Em mais três passos você terá possibilidades como:<br />• Escolher qual o conteúdo que deseja mostrar (tudo, um álbum específico, somente fotos com uma determinada tag...);<br />• Definir quantos itens serão mostrados, de que tamanho, se deseja mostrar sua imagem de perfil, se será um bloco vertical ou horizontal;<br />• Escolher as cores do módulo.<br /><br />Depois de definir tudo, o último passo é copiar (ctrl+c) o código prontinho que o Flickr gera para que você cole no HTML do seu site ou blog. No meu caso, gerei um módulo HTML e o inseri na sidebar daqui do blog.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RfITsEzNKooaXOrU4goALv_f_u9Hz9obMJCi7ub46d5qYeb93Ip4Cmyn4-oqbYlBqIC2DvuwQqlYGrrxDtT2cZFAt1mERgNSLQrlwsOYBgLd_MtNKvf5qZSpMOhbH-HhWU426A/" alt="" /><br /><br />Cole em seu site ou blog e depois me diz se <em>funfou</em>! :)<br /><br /><h2 style="font-size:16px;">Quero mostrar meus updates do Twitter em meu site</h2><br />Se você usa o Blogger, dentro do painel de configurações / personalização, entre na aba layout e procure pelo link "adicionar um gadget". Faça uma pesquisa por <strong>"Twitter Updates"</strong> e clique nele para adicioná-lo. Daí basta seguir as instruções do Blogger.<br /><br />Para quem manja de XHTML/CSS, vou compartilhar com vocês o código que uso aqui no meu blog, que se não me engano adaptei do Twitter Updates mesmo. Aí vai:<br /><br /><b>Estilos CSS:</b><br /><div style="border: 1px solid rgb(204, 204, 204); padding: 15px; background-color: rgb(255, 255, 255);"><br /> <textarea style="border: 0px none ; width:515px;">#twitter { width:280px; } #twitter ul { list-style:none; } #twitter li { margin-bottom:6px; }</textarea><br /></div><br /><br /><b>HTML:</b><br /><div style="border: 1px solid rgb(204, 204, 204); padding: 15px; background-color: rgb(255, 255, 255);"><textarea style="border: 0px none ; height: 170px; width:515px;"><div id="twitter"><div id="twitter_div"><ul id="twitter_update_list"></ul></div><script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script><script src="http://twitter.com/statuses/user_timeline/dougleonardo.json?callback=twitterCallback2&count=3" type="text/javascript"></script><div style="margin-top:15px;"><script language="javascript" src="http://twittercounter.com/embed/?username=dougleonardo&style=black" type="text/javascript"></script></div></div></textarea><br /></div><br /><br /><strong style="color: rgb(255, 0, 0);">Importante:</strong><br />No código acima, você precisa substituir meu nome de usuário do Twitter (dougleonardo) pelo seu nos seguintes trechos:<br /><ol><br /><li>http://twitter.com/statuses/user_timeline/<b>dougleonardo</b>.json?callback=twitterCallback2&count=3</li><br /><li>http://twittercounter.com/embed/?username=<b>dougleonardo</b>&style=black</li><br /></ol><br /><strong>Uma dica:</strong> se quiser aumentar a quantidade de updates a serem mostrados, no item 1 (a primeira URL em que você vai inserir seu nome de usuário) altere o valor em <b>count=3</b> para a quantidade que quiser (ex.: count=6).<br /><br /><h2 style="font-size:16px;">Compartilhando meus favoritos do Delicious em meu site</h2><br />Se você usa o <a href="http://www.delicious.com" target="_blank">Delicious</a>, ferramenta de favoritos do Yahoo, você também pode inserir em seu blog ou site o módulo de apresentação dos seus últimos sites favoritos. <br /><br />Para isto, basta acessar: <br /><a href="http://delicious.com/help/linkrolls">http://delicious.com/help/linkrolls</a><br /><em>Você precisará entrar com seu login e senha</em><br /><br />Lá você poderá criar e personalizar o seu módulo e, automaticamente, gerar o código HTML correspondente. Depois, é só colar este código onde quiser em seu site ou na sidebar do seu blog!<br /><br /><br />Espero que tenham curtido! <br /><br />Até a próxima! ;)Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com4tag:blogger.com,1999:blog-28022174.post-8579314731967680742010-02-22T18:17:00.003-03:002010-02-22T18:24:13.517-03:00Aquele fundo verdeUm vídeo muito bacana que vi no <a href="http://www.thedw.us/" target="_blank">TheDW.us</a> mostra que o tal do <strong>cromaqui</strong> (greenscreen, chroma key) vai muito mais além do que a gente imagina quando vê esses seriados e filmes americanos...<br /><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/clnozSXyF4k&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/clnozSXyF4k&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"></embed></object>Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-67180386975615461002010-02-09T11:55:00.005-02:002010-02-09T12:13:17.748-02:00Guia básico de segurança em sites de redes sociaisFiquei sabendo agora há pouco que hoje é o <strong><a href="http://www.diadainternetsegura.org.br/site/sid2010/o-que-e" target="_blank">Dia da Internet Segura</a></strong>, em que a idéia é promover o uso seguro e consciente do que a web tem pra oferecer.<br /><br />Achei bem interessante a iniciativa do <strong>Ministério da Ciência e Tecnologia do Governo Federal</strong> de divulgar uma <strong>cartilha com dicas de segurança</strong> para os sites de relacionamento mais populares no Brasil (<strong><a href="http://www.orkut.com" target="_blank">Orkut</a></strong>, <strong><a href="http://www.facebook.com/dougleonardo" target="_blank">Facebook</a></strong> e <strong><a href="http://www.twitter.com/dougleonardo" target="_blank">Twitter</a></strong>).<br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjU3MjczODY4NDMmcHQ9MTI2NTcyNzQwMzQzNyZwPTEwMTkxJmQ9V*ZfZW1iZWRfZG9jdW1lbnQmZz*yJm89YTY5/NTQyMjJhMjYwNDRjM2IzYzg3NmQ2MzBlZGZkZDgmb2Y9MA==.gif" /><div style="width:477px;text-align:left" id="__ss_3098465"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/comunicador/cartilha-traz-recomendaes-de-segurana-em-redes-sociais" title="Cartilha com recomendações de segurança em redes sociais">Cartilha com recomendações de segurança em redes sociais</a><object style="margin:0px" width="477" height="510"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayerd.swf?doc=cartilhaseguranaredesociais-100207151600-phpapp02&stripped_title=cartilha-traz-recomendaes-de-segurana-em-redes-sociais" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayerd.swf?doc=cartilhaseguranaredesociais-100207151600-phpapp02&stripped_title=cartilha-traz-recomendaes-de-segurana-em-redes-sociais" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="477" height="510" FlashVars="gig_lt=1265727386843&gig_pt=1265727403437&gig_g=2"></embed> <param name="FlashVars" value="gig_lt=1265727386843&gig_pt=1265727403437&gig_g=2" /></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">documents</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/comunicador">comunicador</a>.</div></div><br />Na verdade, acho que faltou tratar do <strong>MSN Messenger</strong>. A quantidade de gente que cai em golpes via e-mails ou nos próprios chats utilizando essa ferramenta é bem grande. E não falo só de quem tem pouca prática com essas "modernidades" não. Tem muita gente que já conhece bem essas pilantragens da net e mesmo assim acaba caindo.<br /><br />Quem sabe numa próxima cartilha, né?<br /><br />Dica interessante que vi no blog <a href="http://comunicadores.info/2010/02/09/dia-da-internet-segura-2010-cartilha-com-dicas-de-seguranca-nas-redes-sociais/" target="_blank">Comunicadores</a>.<br /><br />Cuidem-se! :)Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-33311891148353452072010-01-27T22:41:00.021-02:002010-01-28T20:20:46.973-02:00Atuação em design, produção de portfolio e redes sociais para designersComo prometido, vou publicar aqui no blog o conteúdo do minha apresentação / workshop realizado na última terça, dia 26/01 no SENAC de Comunicação e Artes.<br /><br />Antes de mais nada, agradeço novamente a minha amiga <a href="http://www.mirela.terce.nom.br/" target="_blank">Mirela Terce</a>, designer e professora do SENAC, e <strong>Tatiane Cornetti</strong>, coordenadora dos cursos de web e multimídia, pelo convite e pela oportunidade de apresentar o meu trabalho e expor minhas idéias.<br /><br />Deixo aqui a dica: visitem o blog delas!<br /><a href="http://www.tmultimidia.blogspot.com/" target="_blank">http://www.tmultimidia.blogspot.com/</a><br /><br />Basicamente, tratamos de três assuntos:<br /><br />1. Uma breve <strong>apresentação profissional</strong> minha + dois cases e projetos / trabalhos;<br />2. Uma visão geral sobre <strong>portfolios</strong>;<br />3. O que as <strong>redes sociais</strong> tem para nós designers;<br /><br />Vou tentar fazer um resumão aqui. Aí vai...<br /><h3>Bio / Cases</h3><img src="http://www.dougleonardo.com/blogspot/images/workshop1/doug.jpg" alt="" /><br /><br />A idéia aqui foi falar um pouco sobre minha trajetória profissional, desde o primeiro curso de webdesign que fiz ainda na época do ensino médio (e que foi fundamental para a escolha da minha profissão), passando pela primeira facu - Design de Multimídia no Senac - procura de emprego e estágios, até a minha ocupação atual como designer, cursando a segunda graduação na Mackenzie.<br /><br />Levei dois cases que foram e até hoje são dos mais desafiadores e enriquecedores da minha carreira profissional:<br />• <strong><a href="http://www.insite.com.br/" target="_blank">Insite</a></strong>: empresa na qual trabalho há quase 6 anos;<br />• <strong><a href="http://www.roboes.com.br/" target="_blank">Robô Ed</a></strong>: Projeto de inteligência artificial realizado para (mas tbm em conjunto com) a equipe do CONPET da Petrobras.<br /><h3>Portfolios</h3><img src="http://www.dougleonardo.com/blogspot/images/workshop1/frase1.gif" alt="Você é o que você (mostra que) faz" title="Você é o que você (mostra que) faz" /><br /><br />Há algum tempo venho levando cada vez mais a sério a influência do acaso no processo criativo, ou seja, como devo estar atento ao que me acontece enquanto estou imerso em um trabalho ou projeto. Bom, mas esse é outro papo prum próximo post.<br /><br />O fato é que, pouco antes da apresentação, li uma matéria publicada na <strong><a href="http://abcdesign.com.br/" target="_blank">Revista ABCDesign</a></strong> (valeu <a href="http://www.twitter.com/barbaradesign" target="_blank">Barbara</a>! :) e a frase acima dava título a uma matéria que falava exatamente sobre portfolios. Na verdade, o "mostra que" é uma inclusão minha.<br /><br /><strong>Estamos falando de portfolio, logo, o mostrar o que faz me parece tão importante quanto o fazer. Daí a minha anotação em azul.</strong><br /><br />O portfolio deve cumprir o papel de <strong>dizer quem é você</strong>. Ele também será responsável por apresentar suas <strong>habilidades</strong>, seu <strong>domínio em ferramentas</strong>, sua <strong>capacidade de resolver problemas</strong> (como o de realizar o seu próprio portfolio, por exemplo), sua <strong>criatividade</strong> e, principalmente, sua <strong>identidade</strong>.<br /><h3>Alvo</h3>Uma questão importante a se considerar na hora de produzir um portfolio é a definição de um <strong>público-alvo</strong>, ou seja, com quem você quer falar.<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/workshop1/comquem.gif" alt="" title="" /><br /><br />Se a idéia é mais empreendedora, focada em <strong>atrair clientes</strong>, a preocupação principal do site deve ser demonstrar o que você faz, apresentar os <strong>resultados</strong>.<br /><br />Se a <strong>procura de um emprego novo</strong> é o foco, é importante estar atento não só aos resultados como também à <strong>metodologia</strong>, ou seja, mostrar como você faz o que você faz. Neste caso, o <strong>processo de trabalho</strong> tem peso equivalente ao dos resultados obtidos.<br /><br />No caso de um <strong>perfil mais acadêmico</strong>, o "quem é você", ou seja, seu <strong>curriculum</strong> é o que manda. Daí a importância de se ter um cadastro de pesquisador no <a href="http://www.cnpq.br/"><strong>CNPq</strong></a>, por exemplo.<br /><br />Um último enfoque, não menos importante é o de <strong>experimentação</strong>, a busca pela <strong>inovação</strong> de forma desprendida com relação ao mercado.<br /><br />O importante é definir uma <strong>hierarquia de prioridades</strong> entre esses direcionamentos para que o objetivo do portifa seja atingido.<br /><h3>Organização</h3>Procure apresentar trabalhos diversos e relevantes. São eles que vão demonstrar o que você é capaz de fazer. Não há necessidade de mostrar todos os trabalhos que você já fez. <strong>Eleja seus favoritos</strong>. Mas não descarte os demais! Vamos ver adiante o que fazer para que eles também sejam vistos.<br /><br />A <strong>identidade visual</strong> é a expressão gráfica de suas características pessoais e profissionais. Invista nela! <span style="font-style: italic;">No more</span> "Casa de ferreiro, espeto de pau"!<br /><h3>Ferramentas grátis para enriquecer seu portfólio e seus projetos. Use-as!</h3>Sabe o <a href="http://www.google.com/" target="_blank">Google</a>? Já viu a quantidade de ferramentas gratuitas que eles oferecem para nós web designers? Não? Então é bom dar uma olhada! Comece pelo <a href="http://www.google.com/webmasters/" target="_blank">Google Webmaster Tools</a>, passe pelo <a href="http://www.google.com/friendconnect" target="_blank">Google Friend Connect</a> e trate de dar uma boa fuçada no <a href="http://www.google.com/analytics" target="_blank">Google Analytics</a>! São ferramentas fantásticas e muito úteis!<br /><br /><strong>Badges e gadgets!</strong> Com essas ferramentas prontas você consegue agregar conteúdos de outros sites em que você tem conta (como o <a href="http://www.flickr.com/" target="_blank">Flickr</a> ou o <a href="http://www.twitter.com/" target="_blank">Twitter</a>), enriquecendo seu site (isto, claro, se você usa estas contas para fins que se relacionam mais com sua carreira profissional. Mostrar fotos daquela cervejada da facu ou aquela twittada sobre o paredão do BBB não vai acrescentar muito ao seu portfolio, né?).<br /><br /><strong>Plugins do Firefox.</strong> Para webdesigners eles podem ser uma mão na roda!<br />Dois bastante interessantes são o <strong><a href="https://addons.mozilla.org/pt-BR/firefox/addon/60" target="_blank">WebDeveloper</a></strong> e o <strong><a href="https://addons.mozilla.org/pt-BR/firefox/addon/1843" target="_blank">Firebug</a></strong>.<br /><h3>Regra Fundamental!</h3><img src="http://www.dougleonardo.com/blogspot/images/workshop1/naoregras.gif" alt="Não há regras! Fuja delas!" title="Não há regras! Fuja delas!" /><br />E esta é uma regra que você também pode deixar de seguir!<br />Defina suas próprias regras baseadas na sua identidade e no conceito que criou para o seu projeto.<br /><h3>Redes Sociais para nós Designers!</h3><img src="http://www.dougleonardo.com/blogspot/images/workshop1/mostra.gif" alt="" /><br /><br />Queremos mostrar o que fazemos para muita gente, certo? E aí? (ou #comofaz)<br /><br />Há um tempo que começamos a entender a web não mais como uma "rede de computadores" como ainda ouvimos em reportagens na tv, e sim como uma <strong>rede de pessoas online</strong>, com suas preferências, opiniões, gostos, desejos, emoções...<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/workshop1/pessoas.gif" alt="" /><br /><br />Considerando essa nova idéia, a tal <strong>web 2.0</strong>, os relacionamentos, a colaboração, o compartilhamento e as interações e relações entre as pessoas e seus perfis são o que movem o que estamos conhecendo como redes sociais.<br /><br /><strong>O que nós designers podemos extrair de proveitoso em tudo isso?</strong><br /><h3>1. "Não tenho tempo para criar um portfolio."</h3><br />Hoje temos algumas dezenas de <strong>redes sociais para designers</strong>. São gratuitos, altamente personalizáveis (na maioria das vezes) e neles é possível expor trabalhos de forma profissional, além de compartilhar informações com outros designers.<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/workshop1/redes.gif" alt="" /><br /><br />Além dessas, ainda rola incluir:<br /><br />• <a href="http://www.shownd.com/" target="_blank">Shownd.com</a><br />• <a href="http://www.issu.com/" target="_blank">Issuu.com</a><br />• <a href="http://www.creatiu.com/" target="_blank">Creatiu.com</a><br />• <a href="http://www.creativehub.com/" target="_blank">Creativehub.com</a><br />• <a href="http://www.deviantart.com/" target="_blank">DeviantArt.com</a><br />• <a href="http://www.designup.pro.br/" target="_blank">DesignUp.pro.br</a><br /><br />Estas ferramentas, ainda que não substituam um bom portfolio, podem agregar valor a ele ou mesmo cumprir a tarefa de expor seus trabalhos enquanto o tempo tá curto.<br /><h3>2. Mão na massa!</h3><img src="http://www.dougleonardo.com/blogspot/images/workshop1/do.gif" alt="" /><br /><br /><strong>Escreva!</strong><br />Exercitar a capacidade crítica e a organização do pensamento é nossa tarefa de casa. Assistiu um filme, foi a uma exposição, viu algo bacana... Escreva sobre seu ponto de vista. O <a href="http://www.blogger.com/" target="_blank">Blogger</a> e o <a href="http://www.wordpress.com/" target="_blank">WordPress</a> são ferramentas gratuitas!<br /><br /><strong>Espalhe!</strong><br />Mostre para seus amigos (conhecidos, seguidores...), espalhe o que você faz nas redes que participa.<br /><br /><strong>Compartilhe!</strong><br />Algo te inspirou? Curtiu um site, uma ilustração, um evento que está para acontecer? Compartilhe! Compartilhe!! Trocar experiências é o que torna tudo muito mais rico!<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/workshop1/fim.gif" alt="" /><br /><br />Espero que o resumão tenha ficado bacana!<br /><br />Valeu e até a próxima!Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com1tag:blogger.com,1999:blog-28022174.post-16436090903090742222010-01-06T22:33:00.006-02:002010-01-06T22:39:02.222-02:00Imã de geladeira de designerNa boa, se eu não encontrar pra vender, vou ter que chupinhar a ideia e fazer um igual pra colocar na minha geladeira!! :D<br /><br />Olha que demais essa idéia! Imã de geladeira do Photoshop!!<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ1a2hHJvl0bPs23j4xINerO-kvucurbr-vXo2zTjY-jAHUZ5uLU97MlsQUCoZWOVMO9-zAeP-xpNoX2sR8sYEilDZf-0oqokkdf7W75xpTYoFngJ0q_zYnUVnTxABaq_3mVuVbg/s1600-h/01.jpg"><img style="cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ1a2hHJvl0bPs23j4xINerO-kvucurbr-vXo2zTjY-jAHUZ5uLU97MlsQUCoZWOVMO9-zAeP-xpNoX2sR8sYEilDZf-0oqokkdf7W75xpTYoFngJ0q_zYnUVnTxABaq_3mVuVbg/s400/01.jpg" alt="" id="BLOGGER_PHOTO_ID_5423790216977868594" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8I7exRuCRA4FH1bPzYgIILvAwbtVeG3Q7ah3lckJslnz7D3vMTYtsNOMYYlSJCXOozSx4Xf29-9K0TIBqYywp222v8zTMygC4yU3FcntxBVqKw0VduU2s_Dh5MfzOqP11B0bqvw/s1600-h/02.jpg"><img style="cursor: pointer; width: 400px; height: 306px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8I7exRuCRA4FH1bPzYgIILvAwbtVeG3Q7ah3lckJslnz7D3vMTYtsNOMYYlSJCXOozSx4Xf29-9K0TIBqYywp222v8zTMygC4yU3FcntxBVqKw0VduU2s_Dh5MfzOqP11B0bqvw/s400/02.jpg" alt="" id="BLOGGER_PHOTO_ID_5423790331523894642" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR99TKsRHYsaWg6xNyMuXyCFAJxD4A7ixqsLT7KPXx_WRHaYM-QN4jOR83YtklwqpOdo3hMMl63zVDNeaEI2r3aia_i2JMg6HGfPRAyBxoNF_pIQYYw_avnbbW5_mB-ka435B-fA/s1600-h/03.jpg"><img style="cursor: pointer; width: 400px; height: 301px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR99TKsRHYsaWg6xNyMuXyCFAJxD4A7ixqsLT7KPXx_WRHaYM-QN4jOR83YtklwqpOdo3hMMl63zVDNeaEI2r3aia_i2JMg6HGfPRAyBxoNF_pIQYYw_avnbbW5_mB-ka435B-fA/s400/03.jpg" alt="" id="BLOGGER_PHOTO_ID_5423790440877501538" border="0" /></a><br /><br />Show né? Vi nos arquivos do <a href="http://www.1designperday.com/">1 Design / Day</a>Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-52751907702805628102009-12-18T13:04:00.009-02:002009-12-18T16:15:35.086-02:00Freedom Fighter: videoclip experimental (now authorized!)Ok, agora é oficial!<br /><span style="font-style: italic; color: rgb(153, 153, 153);">Ok, now it's official!</span><br /><br />Este é o meu trabalho de video experimental para a faculdade, produzido em novembro de 2009.<br /><span style="font-style: italic; color: rgb(153, 153, 153);">This is my experimental issue for college, produced in November'09.</span><br /><br />O projeto finalizado utilizou a música "Freedom Fighter", da banda <a href="http://brainwashed.com/bowery/" target="_blank">Bowery Electric</a>, composta por <a href="http://www.myspace.com/lawrencechandler" target="_blank">Lawrence Chandler</a> e Martha Schwendener. Logo, era muito importante que eu tivesse a autorização da banda para publicar o video por aqui.<br /><span style="font-style: italic; color: rgb(153, 153, 153);">The final project was made using the song "Freedom Fighter", by Bowery Electric, the band formed by <a href="http://www.myspace.com/lawrencechandler" target="_blank">Lawrence Chandler</a> and Martha Schwendener. So, it was very important that I had the authorization to publish the video.</span><br /><br />Algumas tentativas de contato depois, consegui encontrar o Lawrence no MySpace, que gentilmente me garantiu a licença para publicar o vídeo:<br /><span style="font-style: italic; color: rgb(153, 153, 153);">A few attempts later, I've met Lawrence at MySpace, who kindly granted the </span><span style="font-style: italic; color: rgb(153, 153, 153);">permission </span><span style="font-style: italic; color: rgb(102, 102, 102);"><span style="color: rgb(153, 153, 153);">to publish the video:</span><br /><br /><span style="color: rgb(153, 153, 153);">"Hello Doug, Thank you for asking, permission granted. Lovely work! All best, Lawrence".</span><br /></span><br />Thank you, Lawrence!<br /><br /><object width="572" height="379"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7663782&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00ADEF&fullscreen=1"><embed src="http://vimeo.com/moogaloop.swf?clip_id=7663782&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00ADEF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="572" height="379"></embed></object><br /><br />Foram 1572 fotos tiradas em intervalo de aproximadamente 1 segundo.<br />Câmera: Finepix 5.0 Mp em modo de disparo automático<br />Trilha: "Freedom Fighter" - Bowery Electric<br /><br /><b>Agradecimentos especiais<span style="color: rgb(153, 153, 153); font-style: italic;"> (Special thanks):</span></b><br />• <a href="http://buscatextual.cnpq.br/buscatextual/visualizacv.jsp?id=B276279&idiomaExibicao=2" target="_blank">Profª. Drª. Ariane Daniela Cole</a><br />• Bianca Muto<br />• <a href="http://johnnywill.blogspot.com/" target="_blank">Johnny Will</a><br />• <a href="http://www.myspace.com/lawrencechandler" target="_blank">Lawrence Chandler</a><br /><br />Videoclip original da música "Freedom Fighter", da banda Bowery Electric:<br /><span style="font-style: italic; color: rgb(153, 153, 153);">Original videoclip of the song "Freedom Fighter", by Bowery Electric:</span><br /><br /><object width="572" height="379"><param name="movie" value="http://www.youtube.com/v/asyGvS3CweQ&hl=pt_BR&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/asyGvS3CweQ&hl=pt_BR&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="572" height="379"></embed></object><br /><br /><span style="color: rgb(153, 153, 153);font-size:10px;" >PS.: My English is not that good, so if you find any mistakes, be cool and suggest the correction leaving your comments, or simply accept my apologies. :)</span>Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-32543910858007554452009-11-28T10:59:00.011-02:002009-11-28T11:20:10.828-02:00Livro Pop-up de fobiasVocê tem medo de elevador, de avião, de altura, de dentista ou de falar em público?<br />Dá uma olhada nesse livro. Ele é feito de composições gráficas utilizando a técnica de pop-up, retratando cada uma dessas fobias.<br /><div><div style="float: left;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht1WtUnx_5CgTHrNds8Dn4VkrSCI5f1hWN2LudXtmZwatUTJEb10tqxhnPS7E751Fd9qpd6k14HnJ3EpvAcww9ur5U3e8fsbdOSAXgSeyh8piqOCWdCq9OruFCIOpYKe9rVptPRw/s1600/phob1.jpg"><img style="cursor: pointer; width: 271px; height: 157px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht1WtUnx_5CgTHrNds8Dn4VkrSCI5f1hWN2LudXtmZwatUTJEb10tqxhnPS7E751Fd9qpd6k14HnJ3EpvAcww9ur5U3e8fsbdOSAXgSeyh8piqOCWdCq9OruFCIOpYKe9rVptPRw/s400/phob1.jpg" alt="" id="BLOGGER_PHOTO_ID_5409139151040218770" border="0" /></a><br /></div><br /><div style="float: right;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy3Wfh-TU7QEi5MdkU1moss_gYI1j8r90t5IXGDkMPlvUPyK7sOHM4keyey-2zWi4Qtb6aoD0QXv9TE-3L6xxwXf7jafI_zmfnWLAFIM4Ex6RcSpwNDZHIMq9_3uzhL28O8Dffhw/s1600/phob2.jpg"><img style="cursor: pointer; width: 276px; height: 155px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy3Wfh-TU7QEi5MdkU1moss_gYI1j8r90t5IXGDkMPlvUPyK7sOHM4keyey-2zWi4Qtb6aoD0QXv9TE-3L6xxwXf7jafI_zmfnWLAFIM4Ex6RcSpwNDZHIMq9_3uzhL28O8Dffhw/s400/phob2.jpg" alt="" id="BLOGGER_PHOTO_ID_5409139340270602882" border="0" /></a><br /></div><div style="clear: both;"></div></div><br />Para quem não conhece, pop-up (no design de livros) é aquela técnica de criar elementos que saltam das páginas ao abrí-las, gerando objetos tridimensionais e efeitos de profundidade.<br /><br />Vê só o video que mostra o livro todo. Muito bem feito!<br /><br /><object height="320" width="570"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7668240&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1"><embed src="http://vimeo.com/moogaloop.swf?clip_id=7668240&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="320" width="570"></embed></object><p><a href="http://vimeo.com/7668240">The Pop-up Book of Phobias</a> from <a href="http://vimeo.com/donvanone">donvanone</a> on <a href="http://vimeo.com/">Vimeo</a>.</p><br /><br />Criado por Gary Greenberg, ilustrado por Balvis Rubess e a montagem dos pop-ups foi feita por Matthew Reinhardt.<br /><br />À venda na <a href="https://www.amazon.com/dp/0688171958?tag=don03-20&camp=0&creative=0&linkCode=as1&creativeASIN=0688171958&adid=1KA8CP3FS7ZP2QF51GF4&" target="_blank">Amazon.com</a>.Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-11799158557745104572009-11-07T11:11:00.025-02:002009-11-10T00:16:59.639-02:00Respirando design por uma semana: Brazil Design Week 2009Semana passada vivi literalmente uma semana de design, ouvindo, vendo e participando de discussões, palestras, exposições e aulas +- umas 12 horas por dia. Isto porque, além das aulas da facu, participei dos workshops do <a href="http://www.brazildesignweek.com.br/" target="_blank"><b>Brazil Design Week 2009</b></a>, o primeiro a ser realizado em São Paulo. A experiência foi bastante enriquecedora e por isso resolvi compartilhar com vocês pelo menos um pouco do que foi essa maratona para mim.<br /><br />Os workshops realizados, em sua grande maioria, contaram com a presença de grandes profissionais, diretores ou criativos de empresas que pensam e trabalham o design brasileiro. Além disso, alguns profissionais de empresas gringas falaram sobre cases e metodologias de suas empresas.<br /><br />Para facilitar, aí vai um índice dos workshops com links diretos para minhas observações sobre alguns deles:<br /><br />• <a href="#tatil">Tátil Design / Fred Gelli</a><br />• <a href="#crama">Crama Design / Ricardo Leite</a><br />• <a href="#seragini">Lincoln Seragini</a><br />• Pande Design Solutions / Laís Carvalho<br />• <a href="#conran">Conran Studio / Sebastian Conran</a><br />• <a href="#keenwork">Keenwork / Luis Castellari</a><br />• 100% Design / Lilian Chiofolo<br />• <a href="#sart">Sart Dreamaker / Gian Franco Rocchiccioli</a><br />• PDV Design / Euler Alves Brandão<br />• <a href="#gad">Gad'Brivia / Ana Paola Loeblein</a><br />• BMW Design Works / Holger Hampf<br />• <a href="#oz">Oz Design / Ronald Kapaz</a><br />• <a href="#narita">Narita Design / Mario Narita</a><br />• <a href="#haus">Haus Design / Gisela Schulzinger</a><br />• <a href="#red">Red Bandana / Karen Cesar</a><br />• <a href="#live">Live Ad / Mauro Silva</a><br />• Team Creatif / Silvia Rotta<br />• <a href="#anacouto">Ana Couto Design / Ana Couto</a><br />• Marcelo Lopes Design / Marcelo Lopes<br />• Bold / Billy Bacon<br />• Brander / Milton Cipis<br />• 32 Bits / Danilo Medeiros<br /><br /><a name="tatil"></a><br /><br /><b style="font-size: 14px;">Tátil Design</b><br />Fred Gelli<br /><a href="http://tatil.com.br/" target="_blank">tatil.com.br</a><br /><br />Sobre o tema <b>Branding / Construção de Marca</b>, Fred falou inicialmente sobre a relação do design com a observação da natureza, entrando em questões sobre o chamado <span style="font-weight: bold;">ecodesign</span>, que segundo ele, futuramente não terá distinção de outros projetos de design. Tudo que o design irá produzir deverá, inevitavelmente, pensar em parâmetros sustentáveis.<br /><br />Um comparativo muito bacana mostrou como iniciativas "green" podem ser extramamente positivas e realmente ligadas a uma causa, ou simplesmente uma ação de marketing puramente oportunista.<br /><br />Fred afirma que é preciso evitar o ecochatismo e que as coisas não precisam ter sempre uma cara verde e feia para serem ecologicamente corretas.<br /><br />Um case muito bacana foi o exemplo da Nike:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ95eFvVxpllK6W-wjLy5Xq90oJkPpSgNw1oYR0L-ArfoxfRe8ap5I62BiEZ00oWEU_cco-YvhqdOrdL8jByla_gPWfZZQsFoK6O3HPaFJGZhhZAhMVIL91spKi2syXUn12cmqqA/s1600-h/nikegreen.jpg"><img style="cursor: pointer; width: 400px; height: 106px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ95eFvVxpllK6W-wjLy5Xq90oJkPpSgNw1oYR0L-ArfoxfRe8ap5I62BiEZ00oWEU_cco-YvhqdOrdL8jByla_gPWfZZQsFoK6O3HPaFJGZhhZAhMVIL91spKi2syXUn12cmqqA/s400/nikegreen.jpg" alt="" id="BLOGGER_PHOTO_ID_5401365145072320882" border="0" /></a><br /><br />À esquerda o <span style="font-weight: bold;">Nike Air Hobbit</span> (como foi batizado). Nada de Nike, feio demais, um fracasso de vendas. À direita o <span style="font-weight: bold;">Nike Trash Talk</span>, feito com materiais reaproveitados de outros tênis. Cara de Nike, atitude de Nike, sucesso de vendas.<br /><br />Um exemplo inspirador de relação design/natureza foi a referência à forma que a natureza embala suas criações.<br /><br />Ainda neste papo sobre natureza, fez referência ao site <a href="http://www.asknature.org/" target="_blank">www.asknature.org</a>, que trata de como a natureza se vira para resolver seus procesos.<br /><br />Fred falou também sobre a relação inseparável design e branding e o papel fundamental da interdisciplinaridade no design, profissão que tende a liderar processos de criação coletiva/colaborativa.<br /><br />Por último, Fred falou sobre o conceito de <b>Branding 3.0</b>, se referindo a um novo posicionamento das empresas no sentido de atender a necessidade das pessoas que hoje, mais que consumidores, devem ser vistos como desfrutadores, que querem se relacionar com as marcas. Este novo pensamento requer destas um posicionamento com causas e propósitos claramente enraizados em seus produtos e serviços.<br />Mais informações sobre isto podem ser encontradas no <a href="http://www.branding30.com.br/" target="_blank">Branding 3.0</a><br /><br />Uma apresentação excelente e inspiradora. A Tátil ganhou mais um "fã". :)<br /><br /><a name="crama"></a><br /><br /><b style="font-size: 14px;">Crama Design</b><br />Ricardo Leite<br /><a href="http://crama.com.br/" target="_blank">crama.com.br</a><br /><br />Num tom muito bem humorado, o diretor da Crama apresentou trabalhos do portfolio recente da empresa e também do início de sua carreira e contou um pouco de sua metodologia.<br /><br />Destaque para uma fala interessante: o participação do acaso, do acidente, do imprevisto no processo criativo. Ricardo falou sobre a criação de uma das capas de disco do Lulu Santos, em que um resultado fotográfico inesperado rendeu a sacada do projeto.<br /><br /><a name="seragini"></a><br /><br /><b style="font-size: 14px;">Seragini</b><br />Lincoln Seragini<br /><a href="http://seragini.com.br/" target="_blank">seragini.com.br</a><br /><br />Todos que estavam por lá diziam: este é um dos gurus do design.<br />Seragini se auto-intitula o animador do design. E a palestra foi realmente animadora.<br /><br />Tratou da questão do <b>pensamento em design</b>, uma tendência na forma com que as empresas tratarão seus projetos. Este pensamento, segundo Seragini, é independente de profissão, ou seja, para pensar como um designer não necessariamente você precisa ser um designer.<br /><br />Seragini afirma que o design deve ser entendido como uma função integradora, que influencia e direciona posicionamento nos negócios e sugeriu dois livros que estão para ser lançados:<br />- "The designful company" de Marty Meier;<br />- "Do you matter? How great design will make people love your company" (ufa!) Não lembro o nome do autor, googla aí! :D<br /><br />A apresentação defendeu ainda que uma empresa focada no design, tido por ele como a nova alma da empresa, projeta com base no olhar do consumidor, e que uma marca deve ser visionária, possuir uma gestão sustentável e deve aprender e se permitir inovar.<br /><br />Seragini mostrou cases muito bacanas que exemplificam como isto pode representar um novo posicionamento: Brinquedos Bandeirantes e a decisão por projetar e manter as fabricas no Brasil (em vez de aderir a importação da China); Marheje (caso parecido) e Lilica Ripilica.<br /><br /><a name="conran"></a><br /><br /><b style="font-size: 14px;">Conran Design</b><br />Sebastian Conran<br /><a href="http://seragini.com.br/" target="_blank">sebastianconran.com</a><br /><br />Para Sebastian, Design = acões de planejamento ou plano de ações unindo o emocional (artes) + racional (engenharia) + negócios (mkt + serviços).<br /><br />O designer citou aspectos que definem o bom design, como inovação, usabilidade, estética, facilidade de entendimento, originalidade, poder inspirador, ser desejável.<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/bdw2009/bdw1.jpg" alt="A jornada da inovação" title="A jornada da inovação" /><br /><br />Percepção de valor de marca:<br />(a barra representa "dividido por...")<br /><br />Valor = <span style="font-style: italic;">desejabilidade*</span> / Custo<br />* tradução literal<br /><br />Valor = Marca<i>(1)</i> + Design<i>(2)</i> + Qualidade<i>(3)</i> / Custo<i>(4)</i><br /><br /><i>(1) Marca: reputação, experiência, mercado, posicionamento<br />(2) Design: Emocional (personalidade, tendências, sentidos, narrativa) + Racional (função, performance, usabilidade, uso, inovação)<br />(3) Qualidade: material, integridade, ingenuidade, dependência do serviço<br />(4) Custo: Preço, sustentabilidade, conveniencia, ética</i><br /><br /><a name="keenwork"></a><br /><br /><b style="font-size: 14px;">Keenwork </b><br />Luiz Castellari<br /><a href="http://www.keenwork.com.br/" target="_blank">keenwork.com.br</a><br /><br />Luiz Castellari tratou da questão da construção de marcas brasileiras globais e do problema da identidade do design brasileiro, a qual, segundo ele, é baseada em estereótipos. Nesta construção, o sucesso e a reputação devem ser construídos, inicialmente, no país de origem, defende.<br /><br />Os desafios deste cenário seriam:<br />- Vencer os estereótipos;<br />- Vencer a brutal vantagem dos concorrentes;<br />- Tomar cuidado para não cair em estereótipos;<br /><br />O designer levantou ainda 10 questões fundamentais no que se refere ao design de marcas globais:<br />1. Visão de longo prazo;<br />2. Priorizar mercados;<br />3. Conhecer e respeitar valores culturais regionais;<br />4. Pensar globalmente e agir localmente (se adaptar as condições regionais);<br />5. Criar uma alma para a marca e emocionar;<br />6. Consolidar (Visão dos funcionários com relação à empresa);<br />7. Construir uma reputação sustentável;<br />8. Inovar (diferenciação no design);<br />9. Proteger legalmente a marca;<br />10. Nunca parar.<br /><br /><a name="sart"></a><br /><br /><b style="font-size: 14px;">Sart Dreamaker</b><br />Gian Franco Rocchiccioli (@gfranco123)<br /><a href="http://www.sart.com.br/" target="_blank">sart.com.br</a><br /><br />Esta foi, sem dúvida, uma das apresentações mais interessantes e enriquecedoras.<br /><br />Gian Franco citou a metodologia criada e utilizada pela Sart chamada Brand Touch, levantando questões como:<br /><br />Por que as marcas são tão faladas hj em dia?<br />1. muitas opções e pouco tempo para decisão<br />2. qualidades muito similares dos produtos > marca com função de separação / diferenciação;<br />3. Pessoas > baseiam suas escolhas naquilo que confia / conhece.<br /><br />• Decisão de compra depende de um laço de confiança. > Valor > Quanto?<br /><br />O que é valor?<br />“Valor é algo que levamos em consideração quando estamos diante de uma situação que nos exige uma tomada de decisão.” Simon Blackburn<br /><br />Gian Franco citou ainda a importância de se entender a natureza humana, afirmando que esta é a matéria prima da marca e que é preciso entender o processo de tomada de decisão das pessoas.<br /><br />Citou ainda estudos do psicólogo Herman Ebbinghaus a respeito da memória humana:<br />• Curva do esquecimento: grafico que mostra como se comporta a memoria ao longo do tempo, desde a percepção.<br />• Lembrança específica (+aspectos racionais) X lembrança geral (+ aspectos emocionais)<br />• Quanto mais qualificado o momento de registro, melhor será a capacidade de resgate da informação<br />•Quanto mais sentidos estimulados, melhor será a capacidadde de resgate.<br /><br />E ainda alguns conceitos da chamada Brain Theory:<br /><br />O cerebro fica o tempo todo tentando prever o que vai acontecer.<br />Memoria de curto prazo - horas (processamento de informações) X Memória de longo prazo – meses e anos.<br /><br />M = RMn – C<br /><br />Sendo:<br />- M: Marca<br />- RMn: Registro mental elevado a n (qualidade do registro) : atencao, relevancia, significado, confiança<br />- C: Concorrência (tudo o que compete com a marca)<br /><br />- Uma marca desconhecida precisa que a atenção sobre ela seja trabalhada;<br />- Qnd uma marca é reconhecida, precisa ser trabalhada a relevância;<br />- Se uma marca é recordada, é preciso trabalhar o significado dessa marca;<br />- Qnd ela já é adimirada, é importante se trabalhar a confiança.<br /><br />Lembrou ainda do aspecto irracional do ser humano, bastante presente em escolhas de consumo e do <span style="font-weight: bold;">fenômeno Imprinting</span>, citando os estudos realizados no MIT, que provaram a existência de uma “ancora” na tomada de decisão de escolhas e critérios de preços.<br /><br />Outros pontos muito bacanas:<br /><br />Qualidade percebida<br />Raramente fazemos escolhas absolutas. Normalmente elas são feitas em meio a um contexto.<br /><br />Relatividade x Realidade<br /><br />Influência da relatividade na tomada de decisão.<br /><br />Efeito chamariz: tbm influencia tomada de decisão.<br />Em uma concorrência A e B, cria-se um produto A-, o qual acaba incentivando a escolha pelo produto A.<br /><br />O cérebro humano baseia-se em focos de atenção que se relacionam com áreas de interesse.<br /><br />O emocional decide.<br />O racional explica.<br /><br /><a name="gad"></a><br /><br /><b style="font-size: 14px;">Gad'Brivia</b><br />Ana Paola Loeblein<br /><a href="http://www.gadbrivia.com.br/" target="_blank">http://www.gadbrivia.com.br/</a><br /><br />De maneira um tanto superficial mas utilizando-se de excelentes cases da agência, a apresentação mostrou algumas informações relacionadas ao branding digital, como:<br /><br />Cenário atual:<br />Era da informação<br />Novo consumidor<br />Tecnologia digital em todas as áreas<br />Nova forma de comunicação: consumidor > consumidor : relacionamento : colaboração<br /><br />Internet: participativa, integração texto img vids;<br /><br />Redes sociais: conteudo gerado pelo usuario, software livre, realidade aumentada, interface por voz, web semântica (como tratar o grande volume de informação gerado na rede).<br /><br />Case: Tam Viagens – sistema interno<br />Case: aplicativo Docile: chiclete Zoah – Aplicativo no Orkut.<br />Case: Ramarin: presença digital, redes sociais, website.<br /><br /><a name="oz"></a><br /><br /><b style="font-size: 14px;">Oz Design</b><br />Ronald Kapaz<br /><a href="http://www.ozdesign.com.br/" target="_blank">http://www.ozdesign.com.br/</a><br /><br />Se não a mais, uma das mais inspiradoras apresentações dentre os workshops, com o tema (que também é o slogan da Oz): <span style="font-weight: bold;">"Deixe sua marca."</span><br /><br />Algumas das idéias abordadas:<br /><br />Cenario atual: Civilização dos meios sem fim, sem um ideal soberano.<br />Livingston, 1945<br /><br />Importância de se <span style="font-weight: bold;">levar o cliente a pensar</span>: “que marca vc quer deixar no mundo?” ao invés de simplesmente pensar em crescer, multiplicar e dar lucro. Ronald citou uma frase interessante: <span style="font-style: italic;">"A idéia de crescimento infinito em um planeta finito só pode ser fruto da cabeça de um débil mental ou de um economista."</span><br /><br />Conceito de inovação:<br />Para um arqueologo baseia-se na descoberta do passado.<br />Não esta apenas ligada ao futuro >> concepção da profissão designer.<br /><br />A marca de um designer<br />Qual é a real função do designer?<br />Raiz humanista não somente técnica. Deve ser lembrada como uma ferramenta humanista.<br />O design gráfico é a linguagem do homem urbano, faz parte de qualquer tarefa do dia-a-dia.<br /><br />Identidade = necessidade<br />relação com a biologia. Identidade = sobrevivencia: disputa por alimento/pela femea.<br /><br />“Decifra-te ou te devoro”. É preciso se diferenciar.<br /><br /><span style="font-weight: bold;">Marca</span> é uma vontade de perenidade. Relacionada a atitude, excelencia, se refletir, pertencer a algo, marca de tempo, de um tempo específico, de um espaço ou território, marca de nascença, de autoria. E marcas de consumo. De fé, de garantia, de autenticidade, de identificação, de credibilidade, de globalização, marca de origem, marcas de cultura.<br /><br />As vezes a força de uma marca pode estar num "defeito". (ex. pinta da Cindy Crawford)<br /><br />Brand ou marca é um construtor simbolico para representar uma empresa ou produto.<br /><br /><span style="font-weight: bold;">O designer não desenha ou cria a identidade do cliente. O cliente já a possui.<br />O designer ajuda o cliente a encontrar e construir a sua propria identidade.<br /></span><br />Intuição faz parte do processo criativo, é o pensamento imediato, sem mediação. Em paralelo a logica.<br /><br />“A pergunta muitas vezes esconde 80% da resposta.”<br />(Buckminster Fuller)<br /><br />é preciso desenhar a pergunta antes de desenhar a resposta.<br />Funil: análise > reflexão > síntese<br /><br />O que dizer >> Como dizer<br /><br />“Eu não sou uma coisa, um substantivo. Eu sou um verbo, um processo evolucionario”<br /><br />Ronald defende o conceito de designer filósofo (no sentido de “amigo do conhecimento, da sabedoria, da compreensão de mundo e das pessoas”).<br /><br />“A vida não é um problema a ser superado, mas uma realidade a ser experimentada.”<br /><br />“ A arte é feita para perturbar. A ciencia tranquiliza.” (Georges Braque)<br /><br />Inspiração Blaise Pascal<br /><br />“The best things in life aren't things.”<br /><br /><a name="narita"></a><br /><br /><b style="font-size: 14px;">Narita Design</b><br />Mario Narita<br /><a href="http://www.naritadesign.com.br/" target="_blank">http://www.naritadesign.com.br/</a><br /><br />Mario Narita apresentou a metodologia utilizada para a comunicação Visual para crianças e tweens, abordando os seguintes conceitos e informações:<br /><br />• Aumento da participação das crianças e adolescentes na tomada de decisão de compra.<br /><br />• Com relação à faixas etárias:<br /><b>0-2:</b> descoberta do mundo, escolhas guiadas: O visual é direcionado para as mães;<br /><b>3-5:</b> o mundo gira ao seu redor, brincadeiras solitárias: cores vivas;<br /><b>6-8:</b> separação de meninos e meninas: Azul / Rosa; Fogo e carros / temas florais; nesta fase é preciso diferenciar produtos para meninas e meninos;<br /><b>9:</b> renúncia da infancia;<br /><b>9-12:</b> aspiração pelo mundo dos adolescentes; bandas, idolos, arte da rua, visual agressivo; preto, cores que fogem da paleta infantil;<br /><br />Outros fatores importantes:<br />- Pesquisa;<br />- Criar identificação;<br />- Pais trabalham fora, uso da internet, criança mais mandona, erotização precoce, rapido amadurecimento.<br /><br /><span style="font-weight: bold;">Quanto aos personagens próprios ou licenciados em embalagens e produtos</span>:<br /><br />Até 7 anos criancas não lembram de marcas e produtos, daí a importância de se utilizar de <span style="font-weight: bold;">personagens licenciados</span>, que possuem como vantagens a mídia e o retorno imediato, e como desvatagens<br /><br />desvantagem: não constroi a marca, diferentes produtos de diferentes marcas com personagens iguais<br /><br />Personagens proprios:<br />são únicos;<br />Desvantagens: alto investimento;<br /><br />Case M&Ms<br />Personalidade marcante, cria um mundo proprio com amigos;<br />Possibilidade de criacao de outros produtos<br /><br /><span style="font-weight: bold;">Quanto à percepção humana:</span><br />cores > formas > numeros > palavras (ordem da percepção)<br /><br />A convergência para as mesmas fontes de informação tbm padroniza os desejos.<br />- inovação<br />- case: realidade aumentada stand lego<br /><br /><a name="haus"></a><br /><br /><b style="font-size: 14px;">Haus Design</b><br />Gisela Schulzinger<br /><a href="http://www.hausdesign.com.br/" target="_blank">http://www.hausdesign.com.br/</a><br /><br />A apresentação de Gisela Schulzinger levantou alguns cases interessantes como a identidade da Unilever, os produtos da Coza, a Red Cross Store, a Apple Store, o Google e uma campanha da WWF, ainda dentro da questão da construção de marca dentro do cenário do mercado atual, baseando-se principalmente na premiação de Cannes deste ano.<br /><br />Gisela defende que as marcas hoje estão relacionadas à uma conexão emocional e que as pessoas buscam na marca novas propostas, solucoes, experiencias, vivencias.<br /><br /><a name="red"></a><br /><br /><b style="font-size: 14px;">Red Bandana</b><br />Karen Cesar<br /><a href="http://www.redbandana.com.br/" target="_blank">http://www.redbandana.com.br/</a><br /><br />Karen falou sobre o design como ferramenta estratégica no PDV.<br />Para ela, a venda e as decisões de compra hoje começam fora da loja através da web, do buzz e da midia.<br /><br />Levantou ainda alguns pontos importantes com relação a estratégias de branding como:<br />• brand awareness – mídia convencional<br />• brand experience – ação no ponto de venda<br />• brand recall – web 2.0, redes sociais<br />• brand relationship - relacionamento<br />• brand multiplication – endomarketing: marketing interno na empresa, visão dos funcionários com relação à marca da empresa.<br /><br />Karen citou também alguns recursos tecnológicos que auxiliam a mensurar e a otimizar campanhas como o sistema de reconhecimento de faces, que identifica a face, gênero, faixa etária da pessoa que olha para uma determinada comunicação exposta em um display digital; o bluetooth, o auto atendimento (falando sobre o case da rede de fast-food Baggers).<br /><br /><a name="live"></a><br /><br /><b style="font-size: 14px;">Live Ad</b><br />Mauro Silva - @maurosilva<br /><a href="http://www.livead.com.br/" target="_blank">http://www.livead.com.br/</a><br /><br />Esta foi outra das mais interessantes.<br />Mauro falou sobre design da informação e como pensar idéias de maneira orgânica em relação às midias sociais, tv, radio, impressos, transmedia, apps & games, PR e DPR.<br /><br />Citou um case fantástico da empresa: Mil Casmurros, projeto cujo objetivo, além de promover a série Capitu para a TV Globo, buscou estimular o interesse à leitura da obra de Machado de Assis e de outras obras da literatura como um todo.<br />Neste case digital, as pessoas participavam enviando vídeos com suas leituras de trechos da obra Dom Casmurro, de maneira a formar uma linha áudiovisual com a leitura da obra literária.<br />O resultado gerou ainda a possibilidade de ampliar a experiência para deficientes visuais.<br /><br />Mauro falou ainda sobre a metodologia de divulgação utilizando-se da pirâmide:<br /><span style="font-weight: bold;">Usuários Alfa</span> > <span style="font-weight: bold;">Usuários Beta</span> (muitos contatos, quem fala e sabe a respeito de um assunto e passa para muitas outras pessoas) > <span style="font-weight: bold;">Mainstream</span> (pessoas em geral, sem o conhecimento especifico)<br /><br />Citou o histórico da <b>queda da importância da publicidade como meio de comunicação empresa > consumidor.</b> Consumidores mais perspicazes construíram uma blindagem contra mensagens publicitárias tradicionais.<br /><br />Segundo Mauro, avaliamos cada vez mais as marcas com base nas questões:<br />• é confiavel?<br />• é engajada com algo?<br />• Se relaciona com quem?<br />• Ensina? Traz algo novo?<br />• Lidera?<br /><br />Para ele, o cenário digital atual baseia-se na informação rápida e nos relacionamentos gerados pelas redes sociais e, desta forma, é importante que as empresas se utilizem destes caminhos para interagir e se relacionar com seus consumidores. Deste ponto de vista, o Google, da forma q é hoje, não atende a essa busca por uma informação mais instantânea, defende o designer.<br /><br /><a name="anacouto"></a><br /><br /><b style="font-size: 14px;">Ana Couto Design & Branding</b><br />Ana Couto<br /><a href="http://www.anacouto.com.br/" target="_blank">http://www.anacouto.com.br/</a><br /><br />Ana Couto apresentou alguns aspectos do cenário atual das marcas, considerando alguns pontos importantes como:<br />- o pensar coletivo;<br />- atitudes que fazem diferença;<br />- o crescer sustentável;<br />- liderança;<br />- respeito;<br />- consumo responsável;<br />- significado (sair do simples status);<br /><br />Ana defende o branding com virtude e afirma que as marcas podem e devem passar valores.Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com2tag:blogger.com,1999:blog-28022174.post-58491733209013573802009-10-26T12:59:00.006-02:002010-01-14T15:31:21.716-02:00Uma voltinha noturna pelas ruas de São PauloAtualizado! Vide: <a href="http://dougleonardo.blogspot.com/2009/12/freedom-fighter-videoclip-experimental.html">http://dougleonardo.blogspot.com/2009/12/freedom-fighter-videoclip-experimental.html</a>Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com2tag:blogger.com,1999:blog-28022174.post-14716527562271964002009-09-28T16:42:00.005-03:002009-09-28T17:03:33.384-03:00O design da campanha de Barack ObamaEste é um vídeo que você designer de programação/comunicação visual TEM que ver.<br /><br />O video é a apresentação de <span style="font-weight:bold;">Scott Thomas</span>, diretor de design da campanha presidencial de <span style="font-weight:bold;">Barack Obama</span>, na conferência <a href="http://the99percent.com" target="_blank">99%</a>, anualmente realizada pela <a href="http://www.behance.com/" target="_blank">Behance</a>.<br /><br />No video, este brilhante profissional expõe o processo de criação e desenvolvimento de uma campanha histórica, tanto pelo aspecto político como projetual.<br /><br /><object type="application/x-shockwave-flash" width="572" height="429" data="http://vimeo.com/moogaloop.swf?clip_id=5943199&server=vimeo.com&fullscreen=1&show_title=0&show_byline=0&show_portrait=0&color=e91c6b"> <param name="quality" value="best"> <param name="allowfullscreen" value="true"> <param name="scale" value="showAll"> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5943199&server=vimeo.com&fullscreen=1&show_title=0&show_byline=0&show_portrait=0&color=e91c6b"> </object><br /><br />Um livro contendo todo este processo criativo já está em fase final de produção e irá se chamar <span style="font-weight:bold;">"Designing Obama"</span>. Está disponível para pré-venda em: <a href="http://www.designing-obama.com/" target="_blank">http://www.designing-obama.com/</a>.<br /><br />Para quem quiser conhecer mais o trabalho do designer, o site dele é o <a href="http://www.simplescott.com/" target="_blank">http://www.simplescott.com/</a><br /><br />A <span style="font-weight:bold;">Conferência 99%</span> reúne alguns dos mais brilhantes profissionais de criação para apresentações que se resumem em uma ótima frase: <span style="font-weight:bold;">"It's not about ideas. It's about making ideas happen."</span><br /><br />Me inspirou muito! Espero que faça o mesmo com você!Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-91686589366051724252009-09-16T18:10:00.004-03:002009-09-16T18:42:57.518-03:00Pulp Fiction em História em QuadrinhosEste é um <b>post comemorativo</b>, afinal é a 50ª. vez que publico algo por aqui! Uhul!! :P<br /><br />Vou compartilhar com vocês uma releitura em quadrinhos de uma cena do filme Pulp Fiction, que fiz para a faculdade ano passado. Aí vai a vista geral do trampinho:<br /><br /><img src="http://www.dougleonardo.com//blogspot/images/pulp.jpg" alt="Pulp Fiction em história em quadrinhos" title="Pulp Fiction em história em quadrinhos" /><br /><br />A cena que escolhi foi aquela em que Vincent (John Travolta) e Jules (Samuel L. Jackson) chegam em um apê para acertar contas com um cara que parece ter passado a perna no poderoso Marcellus Wallace (actually, he tried to fuck him... hehe).<br /><br />Ok, aí vai a cena pra quem não assistiu ou não lembra (mais ou menos a partir de 4:00):<br /><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/zdL7N3wkpco&hl=pt-br&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zdL7N3wkpco&hl=pt-br&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br /><br />As quatro páginas do trabalho foram feitas originalmente em formato A3 P/B com nanquim.<br />A finalização foi feita no Photoshop e entregue em formato A4.<br /><br />Se quiser, <a href="http://www.flickr.com/dougleonardo" target="_blank">da uma olhadinha nos detalhes lá no meu Flickr</a>. Lá tem ambas versões (P/B e color) em tamanho maior. ;)<br /><br />Espero que tenham curtido!<br />Abraços!Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-91947095510329681752009-09-12T14:58:00.008-03:002009-09-12T16:02:38.722-03:00"Face-lift" na identidade visual do CarrefourPouco depois do anúncio e veiculação da <a href="http://dougleonardo.blogspot.com/2009/07/nova-marca-pao-de-acucar.html" target="_blank">nova identidade visual do Pão de Açúcar</a>, agora é a vez do <b>Carrefour</b> apresentar sua (tímida) modernização de marca.<br /><br />Não, desta vez não tem <i>glows</i> e demais efeitinhos web 2.0 que muita gente tanto odeia. Desta vez a mudança é realmente bem sutil.<br /><br />Comparando as marcas:<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/carrefour/01.gif" alt="Nova marca Carrefour" title="Nova marca Carrefour" /><br /><br />A marca em si sofreu mudanças realmente leves. É possível notar pequenas diferenças nas curvas que formam a letra "C", contra-forma do fundo vermelho e azul. <span style="color: rgb(192, 192, 192);">Acho que não é mais novidade para ninguém que a marca é composta por uma letra "C" vazada, ao centro, certo?</span><br />Além disso, reparem que as cores estão mais saturadas e vivas.<br /><br />De fato, nítida mesmo é a nova tipografia escolhida, que agora acompanha exatamente o desenho da letra "C" que compõe a marca, o que, na minha opinião, é bem interessante e permite uma maior harmonia entre "logo" e "tipo". Veja a diferença tipográfica:<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/carrefour/02.gif" alt="Nova marca Carrefour" title="Nova marca Carrefour" /><br /><br />Bom, agora vem a parte polêmica. Claro, sem ela não tem graça! :)<br /><br />A nova marca acompanha novas aplicações para o sistema de identidade, utilizando-a em variações cromáticas com aplicação de gradientes:<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/carrefour/03.jpg" alt="Nova marca Carrefour" title="Nova marca Carrefour" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/carrefour/04.jpg" alt="Nova marca Carrefour" title="Nova marca Carrefour" /><br /><br />Uma escolha não muito feliz que acaba de certa forma descaracterizando um excelente conceito - sempre achei genial o desenho desta marca.<br /><br />E você, o que achou?<br /><br /><b style="font-size:11px;">A historinha da marca Carrefour, para quem não conhece:</b><br /><span style="font-size:11px;">O nome "Carrefour" (pronuncia-se <i>carfúr</i>) é de origem francesa, de onde se origina também a empresa, e significa "cruzamento". Por que? Bom, porque diz a lenda que a primeira loja da rede situava-se em um cruzamento. Daí vem a saca genial: a letra "C" vazada ao centro da forma vermelha e azul (cores da bandeira francesa) trabalha como contra-forma de maneira que para muitos, até hoje, a letrinha passe desapercebida, formando as duas setas para a esquerda e para a direita, ainda em referência ao cruzamento. Bacana né?<br /><br /></span>Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com2tag:blogger.com,1999:blog-28022174.post-61644234332969965732009-09-10T00:47:00.003-03:002009-09-10T00:52:40.692-03:00O mundo de papel<object width="400" height="230"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6203526&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6203526&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="230"></embed></object><br /><a href="http://vimeo.com/6203526">SCRIBE MUNDO DE PAPEL</a> from <a href="http://vimeo.com/ladies">ladies</a> on <a href="http://vimeo.com">Vimeo</a>.<br /><br />Campanha Feita pela BBDO/México em apenas 2 semanas usando Nuke, After effects, 3dmax, Photoshop.<br />Sensacional! :)Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-75317622977453343422009-09-08T23:24:00.006-03:002009-09-08T23:53:55.945-03:00Cartazes do Festival Internacional da Gastronomia - a Restaurant Week - de SydneyComo você deve estar sabendo, estamos na semana internacional da gastronomia - a <a href="http://www.restaurantweek.com.br/" target="_blank"><b>Restaurant Week</b></a> - aqui em São Paulo.<br /><br />A "restaurant week" é um dos eventos mais importantes da gastronomia mundial. Nela, mais de 200 bons restaurantes da cidade participam oferecendo pratos da casa a preços fixos mais acessíveis. Além de ser uma excelente forma de acesso à boa gastronomia, o evento contribui para arrecadar doações para instituições filantrópicas.<br /><br />Bom, da pra saber mais no site do evento: <a href="http://www.restaurantweek.com.br/" target="_blank">http://www.restaurantweek.com.br/</a>. Aliás, ainda está em tempo de dar uma passada em um dos restaurantes da cidade.<br /><br />Mas isto tudo foi apenas uma introdução para apresentar a ótima ideia da agência WHYBIN/TBWA, contratada para criar peças de comunicação para promover a semana gastronômica lá em Sydney, na Austrália. Veja os cartazes:<br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_01.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_02.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_03.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_04.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_05.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_06.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_07.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_08.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_09.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_10.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_11.jpg" alt="" /><br /><br /><img src="http://www.dougleonardo.com/blogspot/images/sydney/sydney_12.jpg" alt="" /><br /><br />O mais interessante é que a agência teve o cuidado de selecionar ingredientes que são tipicamente utilizados nos países para representar suas bandeiras.Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0tag:blogger.com,1999:blog-28022174.post-77787940158260685322009-08-20T12:16:00.004-03:002009-08-20T12:22:08.580-03:00Vídeo de Paris com efeito tilt-shift<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6037430&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6037430&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><br /><br /><a href="http://vimeo.com/6037430">Toy Soldiers</a> from <a href="http://vimeo.com/user1158336">Alta Media Productions</a> on <a href="http://vimeo.com">Vimeo</a>.<br /><br />Muito show. Curto muito esse efeito de miniatura na fotografia, mas ainda não tinha visto um vídeo assim.<br /><br />Para quem não sabe o que é Tilt Shift, aí vai uma explicação da <a href="http://www.wikipedia.com" target="_blank">Wikipedia</a>:<br />"Estilo de fotografia conhecida como “tilt and shift” ou simplesmente tilt-shift que produz fotografias de objetos e cenários reais mas que ficam parecidos com miniaturas e maquetes. A primeira lente desenvolvida especialmente para produzir este efeito foi a Canon TS35mm f/2.8 S.S.C em 1973."Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com2tag:blogger.com,1999:blog-28022174.post-77919819542737905612009-08-17T12:20:00.004-03:002009-08-17T12:26:17.470-03:00Batera insano tocando temas do Super Mario<object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/SZqwvjwqwK4&hl=pt-br&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/SZqwvjwqwK4&hl=pt-br&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="344" width="425"></embed></object><br /><br />Pros meus amigos bateras (e também pros fãs de games)...<br />O nome do figura é <a href="http://www.andreavadrucci.com/" target="_blank">Andrea Vadrucci</a>. Demais!<br /><br />Vi no <a href="http://marcelotas.blog.uol.com.br/arch2009-08-16_2009-08-31.html#2009_08-17_12_02_54-5886357-0" target="_blank">Blog do Tas</a>.Doug.http://www.blogger.com/profile/04661555672049331572noreply@blogger.com0