Front & Back Development

De PSD a Sitio Web. Organización del PSD.

Las “normas” básicas que debe cumplir un PSD para pasarlo a programación serían:

Tamaño
máximo 960px de ancho. Los dispositivos móviles se adaptan mejor.
Resolución
96ppp  mejor que 72, pero también vale.
Organizado por capas.
Las primeras capas y más grandes deberían ser cada una de las páginas. Pero también se puede enviar cada página en psd’s separados
Botones o elementos con Rollover
Capa con el botón en estado normal, capa con el botón en el otro estado. Vale la pena poner nombres descriptivos a las capas.
Tipografías en TTF a parte
Luego  se procesan para formatos web. Woff, eot, svg .
Contenidos
Textos sin  rasterizar para poder copiar y pegarlos. Las imágenes que estén a buen resolución, por que no hay magia, se cortan y se insertan en el html.
Interacciones de javascript
movimientos, ajax, o diferentes estados para los elementos hay que describirlos en un pdf explicativo a parte.

Si tienes el diseño hecho, envíame el PSD, Illustrator, InDesign o lo que uses, y te mando presupuesto, seguro que te encaja.

Beto López
"Full stack" web developer focused in maintenance and bug fixing.Wordpress, Prestashop, HTML, CSS, Javascript, Php and Mysql. Also open source collaborator. Linkedin y Twitter.
We fix things. You rest easy
Let us know what you need, we’ll fix it asap.

Done!

We'll contact you

Oh! Something went wrong

Please, try again



We fix things, you rest easy
We fix websites. You rest easy. Ninjas get the job done. No excuses. No matter the problem, no matter the code, we’re here to help you.


Any doubts? Contact us
by Beto