Todos os fundos abaixo servem a partir da versão iOS4 (disponível para iPhone 3G, 3GS e 4) do iPhone, onde você pode trocar duas telas de fundo.

Então, lá vai:

Fundos da esquerda: Para o “Bloqueio de Tela” (Tela que aparece quando você liga o iPhone)
Fundos da direita: Para ficar de “Tela de Início” (onde ficam os ícones)

Mas claro, você pode combinar os fundos e usá-los como bem entender.

Copie, publique, distribua e use a vontade!

Sketches:

Papel amassado:

Photoshop:

Axure:

Futebol:

Para os taradões:

Para quem tem saudades dos erros windows: (a tela do Ctrl+Alt+Del deve ser usada com apenas 12 ícones por tela)

Tela azul do windows:

Jeans:

Pegadinha:

Exemplos de alguns fundos aplicados:

Divirta-se!

E por falar nisso este Blog é preparado para iPhone! Você pode navegar no seu iPhone e baixar as imagens por lá mesmo!

Não sei ainda como não fizeram um anúncio baseado nesta idéia. Mas uma hora você vai ver em alguma revista ou na TV e vai lembrar deste post.

O futebol é do Brasil, ou não é?

Baseado nesta visão, capturei diversos campos de futebol e fiz uma espécie de mosaico, dispondo os campos mais desgastados no centro e os menos desgastados nas extremidades, formando também um losango. Conceitualmente os centros marcados por um círculo representam o movimento e às conexões comuns que os campos tem entre si.

E como calhou da próxima edição da IdeaFixa ser sobre futebol, inscrevi este trabalho que acabou emplacando!

Você pode vê-lo em tamanho maior no meu Flickr.

Finalizei minha Pós Graduação em Arquitetura de Informação neste sábado, dia da apresentação final.  Trabalhos de alto nível que surpreenderam a banca. Foi show de bola!

Meu professor Fabio Palamedi fez um post no Blog dele passando suas impressões. Vale a pena ler.

Bom, nosso trabalho foi sobre futebol e aquele post que fiz de uma pesquisa a respeito nos ajudou muito no trabalho. Fico muito agradecido aos que gastaram o precioso tempo fazendo!
Por enquanto não posso revelar detalhes do projeto, mas posso mostrar algumas telas da apresentação que fiz em Flash:

A Capa

A escalação

Navegação tipo estratégia de jogo

Uma das telas dentro da navegação da apresentação

Não fazia parte do trabalho, mas aproveitei o gancho para inscrever mais um job no IdeaFixa:

Arte para o IdeaFixa

E os grandes méritos para o sucesso do meu trabalho de conclusão também se devem às talentosas meninas que estavam no meu grupo: Luciana Alencar, Tassia Spineli e Melina Aves (estão nesta mesma ordem na 2ª tela da apresentação). Valeu muito!

Gosto da cor amarela (acho que já deu para perceber, né?)
Amarelo porque é uma cor quente, alegre, estimula a criatividade e espanta a preguiça.

Abaixo alguns prints da animação e significado da cor que vi no site Color in Motion da Claudia Cortés.

Uso uma tipografia que faz lembrar traços manuais, o que gosto bastante de fazer.

Nos BGs que fiz para Twitter e YouTube também utilizei características que se encontram no Photoshop. Idéia batidona na real, mas não vi por enquanto uma solução melhor para dizer visualmente que o meu trabalho oscila entre o lápis e o computador.

Bom, eis que tentei fazer com que uma coisa ficasse parecida com outra, então abaixo você poderá ver a linha visual da identidade que irá ficar enquanto eu não tiver uma idéia melhor.

Quem costuma usar photoshop e visitar a minha home do Twitter vai sentir uma certa agonia e querer clicar nas ferramentas do Photoshop. Essa é a idéia!

Ainda fiz com que o layout pudesse se encaixar tanto em 1024 como para maiores resoluções, o que é até mais legal:

YouTube:

Imagem no Vimeo:

Mobile:

Cartões de visita:

O cartão foi feito de uma hora para outra, rapidinho (é verdade!)
Passavam da meia-noite quando tive a idéia! Isso prova que a madrugada é o melhor momento de inspiração, pelo menos para mim.

Desenhei o cartão no Ilustrator e fiz no papel cartão que normalmente imprimo os meus cartões de visita provisórios enquanto não chegam os da gráfica.

Bom, vamos às fotos do processo da montagem do cartão…

A idéia foi sendo construída. No início eu não sabia o que ia sair e depois de impresso, com estilete e tesoura na mão fui dando forma ao cartão.

Como a frase escolhida foi inteira dividida em sílabas – “MI-VC-É-PHO-DA!-PA-RA-BÉNS!” – fiz um esquema de paginação que favorecesse a visualização e evitasse a formação de “orelhas” nas páginas, além do vinco que é importante para que a paginação possa fluir melhor:

Ah! A idéia do olho verde é uma característica forte dela.

Não tem foto, mas no fim do cartão eu escrevi a URL deste post como “presente”.

Mi, espero que goste!

Para quem gosta de personalização, vale uma passada em um post que fiz ano passado sobre o calendário 2009.

A frase é de Jeff Harris, Matter

“If you ever find yourself designing something a certain way because you think it would be better that way, then you´re probably performing art and not design. Art is about self-expression. Design is selfless.”

No livro As leis da simplicidade, John Maeda fala que de maneira geral a maioria das pessoas valorizam o que tem mais watts, mais espaço, mais botões. Quanto mais coisas, mais o consumidor vai achar que o preço daquilo realmente vale, sendo que 60% dos recursos não são utilizados e objetos extremamente simples, que não deixam de cumprir o seu papel acabam sendo desvalorizados devido aos “poucos recursos” ou por sua interface simples.

Mas isso está mudando, clientes estão começando a valorizar projetos limpos, objetivos e que fazem o que precisa ser feito: Ter uma bela e clara comunicação e uma boa funcionalidade!

É difícil vender um espaço em branco, mas o iPod venceu não pelo excesso, mas pela falta dele,  pela simplicidade e pela usabilidade que nenhum outro aparelho ousou ter. A simplicidade que se vê por fora não mostra o quão complexo foi o projeto e a tecnologia que deu origem ao sucesso que ele faz hoje.

É fácil fazer um site ou um produto complexo, mas é difícil, muito difícil criar algo simples.

Bom, postei aqui três vídeos divertidos que satirizam este dilema que todos os designers enfrentam no dia-dia: a complexidade.

Placa STOP

Make my logo BIGGER cream

E se o iPod fosse da Microsoft?

Daí que vem a frase: “Pra quê simplificar se a gente pode complicar”, né?

Receba a sua dose diária de irritação lendo:
Como enlouquecer um designer
Como enlouquecer um fotografo

Gostaria de agradecer as visitas, comentários, elogios, críticas, links e quem acompanha via RSS!
Todos esses fatores são motivadores para que eu continue postando com energia e instigando a criatividade de quem é apaixonado por artes, design, fotografia, tipografia e coisas prazerosas de fazer. Valeu muito!!

Então chega de blá, bla, blá e vamos ao Top 10 do ano já imaginando a contagem regressiva para a chegada de 2010:

CSI Ciência contra o crime

Calendário Personalizado

Do cafezal ao cafézinho

Bodytypography

Caligrafia e customização de tênis

Constructype

Arte em Havaianas

Dalmatypography

Sketch box

Como enlouquecer um fotógrafo

Para todos um 2010 cheio de cultura, arte, muita foto e muitas oportunidades.
Ano que vem tem mais!!

Inscrevi o trabalho Constructype que havia feito a uns meses atrás com o brinquedo Pequeno Engenheiro. Eles gostaram e está lá, junto com trabalho de diversos designers, fotografos e ilustradores!

Recomendo uma folheada na edição. Está bem legal!

Screenshot da dupla da revista IdeaFixa

Screenshot da dupla da revista IdeaFixa

Com base no roteiro e nas imagens que o Fred e a Fabi me mandaram fiz um estudo de quais elementos iriam aparecer na ilustração. A ilustra serviu como base para a apresentação que foi feita em Flash, usando elementos do desenho como links.

Abaixo os esquemas e processoas da criação da ilustra e navegação do flash.

Processo/Sketches

Flash x Ilustração

Enquanto meu assistente (valeu Jow!) montava o flash eu fazia a ilustração e elementos como setas, botão fechar e etc que também foram feitos à mão.
Comecei desenhando a lápis, claro…

Ilustração - desenho a lápis

Em seguida usei canetinhas pretas de três espessuras diferentes para poder trabalhar do detalhe e nas partes que exigiam preenchimento.

Ilustração - canetinha preta

Feito a ilustra em preto, fotografei, colorizei no photoshop e enviei as duas versões para o cliente aprovar.

Ilustração colorizada no photoshop

Depois do retorno, a ilustra sofreu algumas alterações. O cliente pediu para rebaixar elementos que não faziam parte diretamente do que ia ser falado na hora e dando mais ênfase a cada fase. Com isso a apresentação ficou menos carregada mas não deixou de ter o seu aspecto jovem e ilustrativo:

Versão final com ajustes do cliente

Como forma de navegação foram utilizados Zoom-in/Zoom-out para aproximar e afastar cada momento, podendo utilizar também recursos de teclado, como as teclas 1,2,3 e 4 para as respectivas fases e dentro dos conteúdos setas do teclado para que a apresentação pudesse ser conduzida sem precisar recorrer ao mouse.

Na construção da navegação me preocupei muito com o contexto de uso. Imagine: Apresentador em pé, um pouco nervoso usando o laptop. O que poderíamos facilitar?

- Botões de hit (flash) em tamanhos maiores que a própria imagem do botão para não haver dificuldade ao apotar o mouse para determinado link.

Símbolos de controle - Te lembra algum game?

- Áreas claras e símbolos facilmente reconhecidos (fechar, avançar, voltar…). Fizemos a brincadeira de pegar os símbolos do controle do Playstation e usar para fechar, avançar (neste caso deitamos a setinha verde) e acessar. A intensão foi fazer uma alusão ao game, já que a palestra tratava disso, mas não copiar a funçao do playstation, e sim usar a forma do símbolo no contexto da internet.

- E o básico: Não pode dar erro na apresentação! Testamos tudo, de inúmeras formas para que o cliente não passasse um carão lá na hora. Já basta o nervosismo natural de uma apresentação. Funcionar 100% é básico.

E para finalizar a palestra, foi feita uma rápida animação do Chuck Norris dando uma voadora no Game Over, que tem a ver com um dos quadros do game Mortos de Lost feito pelo núcleo Jovem de internet da Abril.

Rafe e frames do Chuck Norris dando a voadora no Game Over