Posts Tagged ‘layout’

WORK.FTOFANI.COM

WORK.FTOFANI.COM Já tem tempo que fico pensando em como fazer um portfólio em inglês que fosse de fácil manutenção e que ficasse interessante. Pensei no wordpress, no indexhibit.org, e acabei fazendo isso no Cargo Collective mesmo.

A facilidade de editar o layout, configurar os posts e interagir com os outros usuários do sistema foram as coisas que fizeram eu utilizar o sistema deles.

Além de que você pode facilmente configurar um endereço “especial” para seu site. O meu pode ser visto logo abaixo mas não deve ter muito de novo para quem lê esse blog. Mas, de qualquer forma, só clicar logo abaixo.

WORK.FTOFANI.COM // Felipe Tofani’s portfolio.

Organize seus PSDs

Hoje rolou uma pseudo discussão no Twitter quanto a organização de PSDs e fiquei pensando, você organiza seus PSDs? Eu posso dizer que sim e você pode conferir nas imagens acima, que são desde projetos pessoais de flyers impressos até freelas de webdesign. E sou meio psicótico com isso e te conto o porquê. 


Comecei trabalhando com produção de publicidade offline. Imagine aqueles PSDs de outdoors com uns 500 mega e milhares de layers bizarras e tudo isso num computador bem lerdo. Quanto tempo eu ia gastar editando isso tudo se não soubesse o que cada layer é? 

Agora imagine quando eu comecei a mexer com webdesign, também com produção de flashs, htmls e css. Normalmente esses layouts, pelo menos de sites, são estruturas similares. Sempre com um header, um rodapé, uma área de conteúdo de texto e algumas outras possíveis variações… Imagine se eu tivesse que ficar sempre procurando onde foi que deixei cada coisa? Eu ia perder muito do meu tempo e do resto do pessoal que trabalha comigo.

Chegamos agora a minha situação atual trabalhando/freelando como diretor de arte online. Quando eu monto um PSD, além de querer não perder o meu tempo, eu não quero que a minha equipe perca o tempo dela perdida num arquivo que ela não criou e cujo trabalho não é esse de ficar perdido no meu layout. Pensando assim que eu tento organizar as layers em pastas e, até com variações de cores quando acho necessário. 

E você, como organiza seus PSDs?

Sketchbook para web designers

mockup-webEu sempre trabalho com o caderno de rascunho na minha frente. E sinto falta de alguma customização nos cadernos que encontro. As versões que acho por ai são sempre aquelas que usávamos no colégio.

Foi bem difícil encontrar cadernos sem linhas até que pensei em encadernar folhas simples. Eu sei que essa idéia parace óbvia para várias pessoas mas para mim não foi. Encontrar então cadernos com algo menos óbvio e focado no que eu faço é ainda mais difícil mas foi ai que vi essa imagem ao lado. 

Vladimir Career é um cara esperto e montou um layout para ser impresso e encadernado com uma tela de um browser. Facilitando assim a vida de todo webdesigner que gosta de rascunhar como eu.

Amanhã vou numa gráfica imprimir algumas folhas disso.

Carrer Blog: Sketchbook for web designers

The Eschaton

Numa busca por referências para uma loja online de ringtones, acabei por encontrar o The Eschaton. Sim, isso ao lado é um site e não um print screen de uma interface do windows. 

Ótima idéia de layout para um blog. Meu ponto favorito é a navegação dos menus. Observe como que ela realmente simula o menus do textpad do Windows.

Home | The Eschaton

O Boticário – Dia dos Pais

boticario diadospais

A tela acima faz parte do meu primeiro projeto aqui na TV1. Digo primeiro porque ele foi o primeiro projeto que eu gerenciei e fiz a direção de arte do início ao fim.

A idéia aqui é você selecionar 7 atividades que você gosta de fazer com seu pai e enviá-las para ele. Ele vai poder ver um “filme” dessas atividades que não são nada a mais do que as animações que já ocorrem no site de qualquer forma. Ainda existe uma área de venda de produto e também atividades para ambos os sexos.

As ilustrações foram idealizadas aqui mesmo na TV1 mas produzidas pela Cappuccino. Todo o resto foi feito aqui mesmo e são pessoas demais para eu lembrar de todos.

O Boticário – Dia dos Pais

ftofani.com – versão 5 ou 6

ftofani.comEu fico entediado com meu portfólio numa frequência meio grande. Acho que subi umas 3 versões diferentes do site no primeiro mês que ele existiu, em março de 2006. Depois fiquei um pouco mais estável e o site mudou pouco de junho do ano passado até o dia de hoje. Hoje mudei bastante, dá para ver melhor ai embaixo.

A idéia era deixar o mais minimalista possível sem ficar minimalista demais. Tirei muito do texto que existia e acabei me livrando das outras versões do site que estavam no ar e eram meio fracas. Não duvido que vou mexer mais um pouco nesse layout e tu pode até perceber que a imagem acima já não é o retrato do que existe no ar.

Contai, que que você acha?

Nowsy > Netvibes e o novo Technorati

Pelo menos é o que parece até agora. Além de ser mais leve e não ficar demorando tanto para carregar o javascript, ele possui um sistema de busca “inteligente” que eu não havia considerado antes de ler isso aqui no TechCrunch. Vou acabar mudando minha página inicial para o Nowsy e Google IG ao invés de Google IG e Netvibes.

Registre-se no Nowsy e descobre quão melhor ele pode ser.

—–

E o lançamento do novo Technorati me deixou bem satisfeito. Gostei muito do layout já que o verde do anterior não me agradava nem a pau. Quer saber mais sobre o site? Entra aqui que o review deles é bem melhor que o meu.

Sobre o Blog

Felipe Tofani é um diretor de arte mineiro vivendo em São Paulo. Nasceu no início dos anos oitenta e trabalha com design desde 2001. Mantém um blog sobre design já tem um tempo [pristina.org] e tenta se manter atualizado na área através das pesquisas que faz para ele.

Gosta de desenhar mas sabe que não consegue fazer isso direito. Mantém um portfólio [work.ftofani.com] com seu trabalho mas sempre acha que deveria fazer algo melhor do que aquilo lá.

Categorias

Arquivos

Flickr

prefiro sua personalidade onlineuma bolinha de papel e a festaentrou do lado da camabolas de papel = <3sim, meu lençol é rosaé muita diversão pra uma bolinha sónergal faz posenergal e sua cara de goticonergal dominou minha cadeiraos tutoriais de photoshop....nergal e baphomet comemnergal e baphomet comem