criando temas em psd pensando no front-end e back-end

• Trabalhei na Editora Gráfica do colégio e curso GPI

como designer gráfico e como supervisor da

equipe de criação/diagramação;

• Formado em Webdesigner pelo SENAC-RJ;

• Sou freelancer há 4 anos e tenho 8 clientes fixos;

• Participei da criação de mais 70 projetos web;

• E desde o final de 2009 todos os meus projetos são

focados em negócio utilizando o CMS WordPress;

• À partir daí, eu criei mais de 10 temas exclusivos;

(Nesse momento tenho 3 temas em desenvolvimento)

• E personalizei um pouco mais de 15 temas Premium

editando XHTML/CSS de acordo com o projeto.

• Meus PSD’s tinham muitos efeitos

desnecessários;

• Nenhum elemento era renomeado;

• Estrutura de elementos era

desorganizada e pouco intuitiva;

• E depois do site finalizado, fazer

atualização no documento era muito

difícil e pouco produtiva.

Equipe GPI(2002/2007)

AgenteComunicação(2007)

• Linha de produção por Henry Ford;

• Troca de experiência entre setores;

• Renomeie TODAS as camadas (layers)

e pastas (folders);

• Use nomes que façam sentido para

as sessões do layout;

• Crie pastas para as sessões do layout;

• Organize as pastas de cima para baixo

acompanhando o layout;

• Separe as pastas por cores. Isso ajuda

a identificação das sessões;

• Nunca redimensione o tamanho dos

ícones;

• Se for usar banco de ícones, faça a

busca no tamanho exato necessário;

1. Mesclar elementos para evitar

manipulação dos efeitos;

2. Documente os estilos do layout;

3. Recomendo o uso do Dropbox para

a troca de arquivos;

4. Revise tudo antes de passar os

arquivos ao desenvolvedor né!? ;-)

1. Mesclar elementos para evitar

manipulação dos efeitos;

2. Documente os estilos do layout;

3. Recomendo o uso do Dropbox para

a troca de arquivos;

• Meu artigo sobre o temahttp://www.minim.in/1vS

• Slide do @Bernarddeluna e @victormontalvao no 15º EDTED da Arteccomhttp://www.minim.in/1Pr

• Icon Finderhttp://www.minim.in/1Pt

• Pencil Sketchinghttp://www.minim.in/II

• 960 Grid Systemhttp://www.minim.in/1Ps