Pelo visto a Microsoft sabe muito bem disso e, a partir de uma simples mudança de azul nos links das resultas de busca do Bing, concluiu que sua receita anual poderia aumentar em pelo menos $80 milhões de dólares. Isso mesmo, uma simples mudança de cor.

Claro que há muitos outros fatores a considerar na hora de discutir se um design é bom ou ruim mas o que interessa pra gente agora é saber desse tal azul milhonário. Que azul mágico é esse? Paul Ray, User Experience Manager do Bing, disse o seguinte:

A Microsoft também testou diversas vesões de links azuis nos resultados da busca. Uma específica tonalidade de azul (#0044cc) levantou de $80 a $100 milhões de dólares por ano em comparação ao azul claro que a equipe de design havia tentado antes.

Mas, vejam só vocês, ao checar a página do Bing com o Firebug essa cor NÃO aparece lá. E agora? Vladimir Carrer, o cara que fez essa descoberta, explica sobre o segredo do azul de $80 milhões do Bing inclusive relacionando com teoria da cor.

De qualquer modo, vale muito a pena assistir à apresentação que Paul Ray fez no MIX10 falando do processo de redesign feito no Bing. Eu mesmo não sendo um grande fã da Microsoft vejo que o pessoal tem feito alguns trabalhos bem interessantes por lá recentemente, o Bing sendo um deles.

Isso não quer dizer que o Google vai sair da minha homepage tão cedo. Ainda.

Designing Bing: Heart and Science

Vale a pena cada segundo das outras palestras do MIX10, tanto pra galera do design quanto pro povo desenvolvedor. Uma que eu ainda estou assistindo se chama 10 Ways to Attack a Design Problem and Come Out Winning.

Fica a minha dica então: azul é o novo verde. E vocês, qual importância dão aos detalhes na hora de fazer um trabalho?

O InterCon é menos um evento de tecnologia que inovação digital. Na verdade, o InterCon se dividirá (ou se multiplicará?) em 4 eventos paralelos. Um deles será o FF’08 que promete ser inovador no formato e no conteúdo das palestras. Nas palavras de Luli Radfahrer: “Imagine um ciclo de palestras em formato Rave. Imaginou? POIS esqueça. é muito mais.”

E se você não sabia disso, não adianta se animar agora, porque o iMasters InterCon 2008 já é amanhã agora no dia 25.

Infelizmente eu não irei por motivos financeiros-temporais. Minha participação no entanto está garantida pro Campus Party 2009. Ainda assim, se você quiser, pode acompanhar desde já tudo que está sendo publicado sobre o evento: no Twitter, Flickr, YouTube, Videolog e também nos blogs que estarão cobrindo o evento, tudo isso concentrado no Livestream do InterCon no Blogblogs.

De certo ponto-de-vista, a participação via internet não é a mesma coisa que a participação integral, a participação presencial, acontecendo ao vivo e mantendo contato direto com as pessoas, mas eu poderia afirmar que é uma extensão do evento em si, um 5º evento ocorrendo paralelamente ao evento principal.

Se quiser participar de alguma forma, basta colocar a tag intercon2008.

Marcas que precisam ser lembradas por nós para funcionarem e, conseqüentemente, para vender, comunicar e funcionar propriamente como uma, resultado da simplificação de conceitos numa linguagem meramente visual e estilizada.

Na imagem acima temos vários soluções gráficas bem interessantes que poderiam muito bem ser logos de diversas empresas multinacionais, certo? Mas quais seriam elas? E qual seria o conceito de cada uma delas? O que representariam?

A bem da verdade, as figuras acima são apenas as bandeiras de algumas das capitais japonesas. Sim, são bandeiras de cidades japonesas¹. Não me pergunte o nome dos designers que as desenharam porque eu não sei – como saberia? -, mas aposto que você nunca imaginaria isso, vai dizer. Ao menos que você fosse uma mistura de oriental com índio, ai tudo bem.

Entretanto, é importante dizer que cada um desses símbolos possui sim um conceito por trás fazendo as devidas ligações com a língua e com os elementos da cultura nipônica. Várias delas são representações altamente estilizadas de kanjis, katakanas e hiraganas, os quais estão intimamente ligados aos simbolos heráldicos – ou seja, a representação de brasões – japoneses, chamados de Mon.

¹ Dica do Deadcrow.

Uma simples Googleada já nos mostra vários logos que utilizam conceitos que, essencialmente, partem do mesmo principio.

Por último, o logo do famigerado hidrotônico que já está provocado um gás na blogsfera.

A idéia agora não é fazer uma crítica do logo da bebida baseado nas outras marcas encontradas. Foi apenas um pequeno puxão de orelha, na minha opinião, de que a inovação poderia ter surgido de outra forma, não em um nome besta como esse, repetindo uma fórmula já batida pelo meio publiciotário.

Bom, tirem suas próprias conclusões. Agora esse assunto já deu pra mim.

Animated Optical Illusions book.

As imagens em movimento são conseguidas através do efeito Moiré, que é basicamente quando duas grades são sobrepostas em ângulos próximos ou em padrões parecidos.

Para entender, a camiseta original de uma famosa grife capixaba.

A ideia é do genial blog Ironic Sans e já até virou camisa.

Para os desavisados, o significado de kerning, direto da bíblia tipográfica dos designers:

Kern: Parte de uma letra que invade o espaço da outra. Em muitos alfabetos, o f romano tem um kern à direita, o j romano tem um kern à esquerda e o f itálico tem um kern em cada lado. O verbo inglês to kern significa alterar o espacejamento de certas combinações delas – To ou VA, por exemplo – para que o membro de uma letra seja projetado sobre ou sob o corpo ou o membro da outra. (BRINGHURST, Robert. Elementos do Estilo Tipográfico, p. 359. Cosacnaif. São Paulo, 2005)

O flip book, ou kineógrafo, foi inventado no final do século 19, e foi um dos brinquedos ópticos que antecederam o cinema como o conhecemos hoje. Digo mais, sem este e outros brinquedos que até hoje são referenciados por mega-boga blockbusters, não existiria sétima arte, nem Matrix, nem nada. Até mesmo aquele primeiro beijo que você deu durante aquela matinê de Titanic – tô mentindo? – nunca teria acontecido! Muito menos poderíamos hoje, jogar GTA4.

Apesar de velhos, hoje eles ainda são produzidos comercialmente como forma de brindes promocionais em eventos e coisas do tipo, como também podem ser feitos para presente ou mesmo por diversão. Quer presente mais original do que um cinema de bolso?

Existe uma empresa que faz flip books personalizados e até que eles possuem uma bela galeria de exemplos, mas você teria coragem – e cacife – para encomendar no mínimo 2.500 unidades desses? Então, o jeito é apelar para o melhor estilo punk faça-você-mesmo, buscar aqueles dotes designísticos que você tem guardado desde as aulas de artes do primário.

Mas antes de ensinar o caminho das pedras e mostrar como se faz um é preciso deixar claro alguns conceitos básicos sobre o funcionamento de um flip book, para que possamos entender qual a mágica por trás desse simples objeto de desejo.

Flip book #1 – grid de montagem como ponto-de-partida para a capa.

É mais ou menos assim: como no cinema, o flip book nada mais é do que uma sucessão de imagens estáticas, impressas em algum tipo de suporte resistente, que ao serem passadas rapidamente, fazem uso de um fenômeno óptico conhecido como persistência da retina, para criar a ilusão de imagem em movimento. No cinema, as imagens passam a uma velocidade de 24 quadros por segundo, porém, devido aos limites do suporte que temos no flip book, as imagens passam mais ou menos a uma velocidade de 10fps.

Por esse motivo, a animação pode ficar pulando, mas é assim mesmo. Temos que reduzir a quantidade de imagens a serem impressas para algo em torno de 60, que é mais ou menos o suficiente para criar um bom efeito visual e uma duração para o seu flip book.

A etapa mais importante, e mais difícil, é sem dúvida a escolha do material a ser “animado”. As opções mais comuns são duas e dependem apenas da pessoa saber desenhar ou não. Desenhar quadro-a-quadro dará um resultado bem diferente do que se usar um vídeo já existente. O que é indispensável é que 100% ou a maioria da ação ocorra no canto direito do quadro, que é justamente a área mais visível de um flip book.

Outra coisa importante são as dimensões do livreto. Flip books – os promocionais, principalmente – possuem um tamanho compacto para caberem no bolso, mas devem ser grandes o suficiente para terem uma boa área de visão, para serem manuseado com os dedos e coisa e tal. O tamanho que encontrei durante os meus primeiros testes foi algo em torno de 8cm de largura por 6cm de altura.

Entretanto, outro formato interessante comumente usado é o de 10x5cm, que apesar de perder em tamanho vertical, ganha no tamanho horizontal, que pode ser bem interessante quando se deseja ver (quase) toda a extensão da página.

Além disso, deve-se escolher bem o tipo de papel usado. Folhas comuns do tipo sulfite 75g/m² dão conta pra fazer as páginas internas, mas ai fica a critério do freguês, ainda mais quando se tem papéis especiais disponíveis.

O formato deste flip book é 8x6cm, mas eu poderia ter usado o de 10x5cm. Se você fizer os cálculos, verá que numa folha A3 cabem 20 imagens, tanto de um quanto do outro formato, ou seja, pra fazer esse flip book de 60 quadros, gastei não mais do que 3 folhas A3 e uma A4 para fazer a capa.

Pra não complicar mais essa história toda, vou terminar este post por aqui, porque já está bem longo e já não tou conseguindo lembrar do que escrevi lá em cima.

Mas não se desespere. Sei que você deve estar louco de vontade de fazer um destes, aproveitando que tá no trabalho de bobeira e tem papel e impressoras de sobra o suficiente para imprimir a Trilogia de Senhor dos Anéis inteira em full-motion.

Então, no PRÓXIMO POST, que prometo que será logo logo, explicarei direitinho como fazer. Não desgruda daí!

Lá vou trabalhar com a diagramação dos materiais didáticos que serão usados nos cursos à distância da Ufes. Dentre o material produzido, incluí-se ilustrações, fotografias, infográficos e a plataforma web e multimídia com vídeos e animações. Apesar da vasta área que será coberta pela equipe, acredito que ficarei responsável mais pela parte de fotografia, junto com minha colega Verônica Vieira.

Essa semana eu tirei para resolver alguns assuntos pessoais e da faculdade. Estou aproveitando pra fazer uns trabalhos que estão atrasados, coisa e tal, e ir preparando o material necessário para uma série de postagens sobre design gráfico e conceitos de hipermídia voltado para diagramação de layout para blogs.

Claro que pretendo aumentar minha freqüência de postagens, mas essa será tipo uma coluna semanal, provavelmente toda terça-feira.

Então enquanto eu vou acertando os últimos detalhes por aqui, vocês podem conferir alguns dos blogs que eu mais curto e leio quase que diariamente, nos links ao lado.

Além disso, como recomendação OBRIGATÓRIA do que tem tornado meu iPod cada vez mais útil, são as excelentes palestras do TED – Ideas Worth Spreading.

Pra quem não sabe, o TED é uma conferência sobre Tecnologia, Entretenimento e Design, realizada todos os anos na Califórnia e que reúne só as cabeças mais fodas nessas e outras áreas como ciências, economia e artes. Recomendo fortemente assinar o feed do videocast da parada que já vem no formato mp4 pra ser assistido no iPod. Dá para assistir aos vídeos no próprio site também, é claro, e até mesmo no YouTube, basta dar uma boa pesquisada.

Johnny Lee falando sobre seu protótipo feito sobre o Wiimote.

De cabeça agora, posso citar as palestras de feras como: Al Gore, John Maeda, Johnny Lee, Nicholas Negroponte, Stephen Hawking, Theo Jansen, Vik Muniz, entre outros que eu ainda não tive a oportunidade de assistir.

Fica a dica aí para quem se interessou: assine o videocast do TED e seja feliz.

A logo faz parte do que eu chamo de plano de marketing da Rede Globo de empurrar a tal da TV Digital (ou DTV) pro povão. Claro, renovar para gerar discussões e mídia espontânea.

Do marketing:
Renovar a identidade visual é o grande trunfo que a Globo joga de tempos em tempos para se diferenciar das outras emissoras. Mas desta vez, além disso, ela aproveita para se destacar como pioneira na TV digital no Brasil, apontando para a nova estética proporcionada pela tecnologia de imagens de alta definição e formato de cinema dos novos televisores, propagandeando os novos ideais de consumo e imersão para a população que ainda sonha com uma TV de 29 polegadas na sala, sendo otimista. Para mim, uma idéia de gênio, e só.

O olho que tudo vê – Big Brother Globo

Do design:
As implicações de uma reformulação de identidade são imensas pro pessoal do design, algo que acredito que não deve ter sido levado em consideração no momento da criação lá pelos publiciteiros. Mas afinal de contas: o que mudou no redesign?

A galera fervorosa xiíta critíca, debate, solta o verbo e diz que não mudou nada ou quase nada. Eu tenho minhas dúvidas, vejamos: a mudança mais perceptível é o novo prateado, degradê e sombreado que fazem parte das duas esferas; em seguida temos o novo retângulo representando o formato widescreen das TVs digitais e que é preenchido com linhas horizontais nas cores do espectro da luz visível.

A mudança do formato 4:3 (standart) para 16:10 (widescreen) modifica completamente o equilibrio da imagem, não é uma mudança tão simples assim. O globo agora figura um rítmo horizontal que se assemelha a de um olho – do Big Brother ou do HAL 9000, o computador onipresente do filme 2001: Uma Odisséia no Espaço?

Certo que 90% do que há ai é “perfumaria”, sem dúvida. Desde que o logo incorporou elementos do 3D e do degradê ela se transportou totalmente para a TV, dificultando assim as possibilidades de representação em outros meios.

Evolução do logo da Rede Globo.

Mas o que temos agora, acima de tudo, com esse novo símbolo é um novo paradigma estético do que é a TV brasileira. Aliás, estética essa que não é nada nova e que na verdade passa por um grande modismo hoje em dia, em vários campos do design – até nas coleções de moda o prateado está em voga -, na internet, na música, etc.

Vejam só vocês o clipe novo do grupo francês Justice:

Referências datadas? Breguice? Ou o modismo cool revisitado? A impressão que tenho é que tudo isso já parece ser antigo e demodé antes mesmo de envelhecer.

Sempre rola aquela vergonha alheia como quando vemos alguma imagem de quinze ou vinte anos atrás e pensamos “puta merda! que roupas toscas aquele pessoal usava”, “que filme trash fudido da porra!” e todas as tosqueiras videográficas da década de 80 e início de 90.

Porém, contudo, entretando não há motivo para alarde nem choradeira. Não vai demorar muito para nos acostumarmos a essas e outras mudanças que estão por vir, continuando o ciclo de transformação das coisas.

* Thanks ao Chicow pelo bate-papo espontâneo e incendiário.

A tarefa do designer gráfico poder ser um pouco estressante devido ao tempo gasto com inúmeras tentativas, testes, erros, noites mal dormidas e crises de criatividade mas, no final, após um curto prazo de desenvolvimento, o resultado da parte “criativa” do processo acaba sendo recompensadora, ou, no mínimo, interessante, já que alguma coisa você pôde tirar dali como aprendizado.

E eu já digo, antes mesmo do encontro acontecer, que a experiência até agora acumulada já valeu à pena. Se tudo der certo como planejado então, maravilha! Mas fica aqui um recado: não adianta se preocupar demais com pequenos detalhes ou problemas que venham a acontecer durante ou após um projeto de design. Concentre-se principalmente no início, na elaboração das etapas do projeto, nas características, nos possíveis problemas a serem enfrentados, nas questões sobre prazo, pagamento e afins.

Erros são erros, aprenda a conviver com eles para não repetí-los outra vez – esse é o famoso ditado. No final das contas, o que der errado se tornará problema futuro, não presente, afinal, melhor ter um trabalho acabado e com o dinheiro no bolso do que ficar a ver navios com um serviço pela metade, com prejuízo e com a filme queimado diante do cliente.

Pra finalizar, em primeira mão, o banner que estará presente durante o evento mais esperado pela blogsfera:

Faltam menos de duas semanas pro BlogCamp ES acontecer – só pra lembrar, dias 22 e 23 de março, na Ufes – e finalmente as coisas estão saindo do papel – ou do computador.

Retrabalhei a diagramação dos banners, camisas e crachás do evento afim de proporcionar uma melhor clareza e organização. Devo admitir que falhei ao descuidar desta parte da organização desde o começo do planejamento do BlogCamp, mas foi uma escolha minha e agora com pouco tempo, não foi possível grandes mudanças.

Em primeira mão, o material gráfico do camp:

Banners e camisas serão produzidos pela Tecprint e as credenciais pela Copyexpress. Espero que dê tudo certo. Conto os detalhes depois.

Enfrentando vários micreiros, gráficos e sobrinhos, na luta contra a violência contra as marcas e logotipos Photoshopados e cheios de degradês. Seu batalhão era conhecido como o C.R.O.P. – Comando de Rafes Orientado a Projeto – e o lema da sua equipe era: Lápis no papel e nada no Corel.

Nos treinamentos, o Capitão Nascimento precisava encontrar um substituto para o comando. Foi ai que ele conheceu a Aspira Sandra Medeiros, a qual tinha um amplo conhecimento de tipografia e produção gráfica, além do pulso firme e caráter incorruptível.

Assim, depois de um longo treinamento na ESDI, a franzina senhora se tornaria a Capitã Medeiros: temida por uns, odiada por outros e adorada sabe-se lá por quem.

Hoje, Sandra é professora na Ufes e pode ser encontrada no Cemuni IV lecionando gráfica e tipografia, sendo este que vos escreve, grande fã de seu trabalho.

Um dos temas mais discutidos foi: Como ganhar dinheiro com design? A eterna reclamação de que o mercado de design no Espírito Santo não existe – mas existe sim! -, entre outras questões.

O resultado que tiro disso tudo foi um grande amadurecimento pessoal, consolidação de vários objetivos e uma boa troca de contatos e informações com a galera lá de fora.

E vem post novo em breve, porra! Aguentem aí que faltam algumas coisas para terminar os posts e sem câmera fica difícil. Peço gentilmente para quem puder me ajudar, dê uma clicadinha – mas só uma por dia! – ai no banners pro blude aqui poder comprar uma câmera pra ele, hehe.

Para quem não sabe o que é trote, vai aí um excerto do meu dicionário da oitava série:

TROTE, s.m. vaia; brincadeira dos veteranos das escolas para com os calouros; zombaria; atividade que visa divertir os veteranos e faz com que calouros passem horas no sol, pedindo dinheiro no sinal, para a realização de festas particulares regadas a muita cerveja, caninha 51® e mulheres desfilando de biquíni.

Há algumas semanas atrás, foi a vez da turma do segundo periodo – da qual faço parte – dar o trote nos calouros. Acontece que, devido a minha extrema preguiça, não participei efetivamente da recepção dos calouros, que além do trote, ainda tiveram a oportunidade de jogar Xadrez em tamanho real, em frente ao Restaurante Universitário (RU).

Há alguma lei no universo que diz que todo calouro é cagão e que sendo assim, não importa o que você peça, mesmo que seja para eles adotarem um dos gambás existentes no campus, eles sempre irão te atender. Resultado disso são as brincadeiras realizadas no trote, que na verdade são atividades totalmente saudáveis e sem nenhum dano à saúde mental dos cidadãos.

Depois de girar no bastão de baseball, de sujá-los com lama do mangue, água de peixe, água de tomate podre, óleo, tinta e demais porcarias, de enfiar a boca no pepinão e de passar o Batom® de boca em boca, ainda faltava cair de boca na melância.

Vale um adendo aqui, pois, mesmo nós que sofremos as mesmas injúrias, percebemos que a água da melância estava suja demais. Culpa de alguém que levou a outra metade dela para casa. Bem, foda-se.

Enfim, o último vídeo, com o juramento no final que foi improvisado pelo tiozão, já que ninguém no local sabia o oficial, se é que existe um.

Depois disso eles ainda iriam passar horas debaixo de sol, pedindo dinheiro pelas ruas da cidade. Deram sorte, pois a maioria precisava pegar apenas R$25,00. Quando foi a minha vez, tive que pegar bem mais.

Só para vocês não me acusarem de caçoar, humilhar e injuriar outrem e de ter esquecido de que eu também passei por isso, vejam algumas fotos do meu trote e riam um pouco mais.

Mesmo no trote, não perdendo a pose e o charme emo.

Lindinha, florzinha e docinho em ação.

Minha vez de cair de boca, ui.

Agora, depois dessa nojeira toda, depois de passar dois meses com um monte de veterano pegando no pé, vai dizer que não vale a pena o esforço? Pela recompensa de poder participar de todas as calouradas – que terá um post no futuro, dependendo do apoio de vocês – até o final do curso, de poder dar trote nos próximos calouros e o mais importante: ter muita história para contar para os netinhos.