Archive for category design

A primeira capa a gente nunca esquece

Este mês fiz um job para a revista Nova Escola, da Editora Abril. Fiquei muito feliz pelo convite e pela oportunidade de ilustrar uma capa de revista de uma editora tão conceituada.
O desafio da vez foi desenhar um livro com palavras e frases que fazem parte do tema de capa: Ler na escola.

Comecei então a fazer alguns estudos e testes para que o resultado ficasse de acordo com o briefing que a diretora de arte da revista me passou.

E como se tratava de um desenho com tipografia, busquei uma imagem de um livro aberto na web e apliquei um efeito desfocado para simplificar a forma e começar a montar a estrutura das palavras por cima:

Então fiz alguns testes:

Até chegar no resultado final:

Que foi aplicado na capa:

Direção de Arte: Manuela Novais
Ilustração: Marco Moreira :)

, , ,

7 Comentários

Fundos criativos para iPhone

Se você nunca teve vontade de ter um iPhone, agora com os wallpapers suuuuper criativos do Magel Studio você vai querer ter um! :)

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! :)

9 Comentários

Futebol + IdeaFixa

Certo dia, navegando pelo Google Maps na época do meu TCC da Pós Graduação que tratava do tema Futebol, tive a idéia de fazer um teaser com o nome do trabalho, então comecei a investigar semelhanças entre os campos de futebol. Entre elas claro, o desgaste do gramado, principalmente na periferia onde ficam os campos de várzea. Pude notar também que o desgaste se concentra mais no centro do campo e vai ficando gradualmente menos desgastados nas extremidades.
Com isso podemos notar nitidamente que a forma que este desgaste produz é o mesmo losango que vemos na bandeira do Brasil, sem falar do verde do gramado no entorno e dcircunferência central que faz lembrar ainda mais nossa bandeira.

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. ;)

Bandeira do Brasil no Campo de futebol

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!

Trabalho publicado na IdeaFixa

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

1 Comentário

Um bate bola sobre o fim do TCC

Tudo um dia acaba, até o trabalho de conclusão de curso que as vezes parece interminável.

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!

3 Comentários

Identidade visual

Se existe uma coisa que não é fácil fazer para si mesmo, isso se chama “Identidade“. Quem já tentou criar a própria marca sabe do que eu estou falando.
Até hoje busco em mim, nos meus traços, em meu dia-dia o que de forte característica possuo para mostrar a minha identidade no visual do meu blog, twitter, youtube, etc. E vou dizer uma coisa, ainda não achei a peça certa do quebra-cabeça, mas a gente vai tentando…

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.

Color in Motion - Amarelo

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.

Header deste Blog

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:

Background do Twitter visualizado em 1680x1050

YouTube:

Backgroud do YouTube

Imagem no Vimeo:

Imagem no Vimeo

Mobile:

Imagens do Magel Studio para IPhone

Cartões de visita:

,

3 Comentários

Cartão de aniversário personalizado

Hoje fiz um cartão de aniversário especial para uma pessoa de muito bom gosto, talentosa e que considero bastante, a Milene Ferraz, Diretora de Arte da agência onde trabalho. Trabalhamos lado a lado em vários projetos e conseguimos provar que existe sim um bom relacionamento entre AI e DA. Fazemos um trabalho onde existe uma transição, um meio que interfere no trabalho do outro e a gente acaba aprendendo e ganhando muito com isso (o usuário também).

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:

Paginação recortada

Vinco das páginas

Cartão furado

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.

5 Comentários

Isto é arte, não design

Fazendo uma pesquisa para o meu TCC da Pós, encontrei no livro Information Design Workbook uma frase legal que fala basicamente sobre se o que o designer está fazendo é ou não design.

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.”

1 Comentário

Pra quê simplificar?

Vejo muito no dia-dia projetos complexos, cheios de recursos e ferramentas, câmeras, anúncios, controles remotos, celulares e um monte de aparelho eletrônico cheio de botão, pra que?

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

,

1 Comentário

TOP 10 Magelstudio 2009

Para fechar 2009 este post é um resumo do rolou de melhor no blog este ano.

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:

10 - CSI Ciência contra o crime

CSI Ciência contra o crime


9 - Calendário Personalizado

Calendário Personalizado


8 - Do cafezal ao cafézinho

Do cafezal ao cafézinho


7 - Bodytypography

Bodytypography


6 - Caligrafia e customização de tênis

Caligrafia e customização de tênis


5 - Constructype

Constructype


4 - Arte em Havaianas

Arte em Havaianas


3 - Dalmatypography

Dalmatypography


2 - Sketch box

Sketch box


1 - Como enlouquecer um fotógrafo

Como enlouquecer um fotógrafo


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

, , ,

4 Comentários

Magelstudio no IdeaFixa!

Este mês a Revista IdeaFixa lançou a 14ª edição com o tema Nostalgia.

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

Screenshot da dupla da revista IdeaFixa

Screenshot da dupla da revista IdeaFixa

, ,

3 Comentários