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.


Leave your email & we'll contact you
Get business from your website, not headaches. Leave your email and we'll contact you

1
Hi! 👋If you have any doubt, click here so we can talk directly on WhatsApp.
Powered by