Tema: Maquetar PSD
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 07/04/2011, 17:34
Avatar de fishdesign
fishdesign
 
Fecha de Ingreso: abril-2011
Ubicación: Málaga
Mensajes: 389
Antigüedad: 13 años
Puntos: 95
Respuesta: Maquetar PSD

Primera regla: No subas los psd a pelo, comprímelos en rar ya que puedes reducir su tamaño hasta en un 90%.

Da igual el diseño que sea. Toda web tiene un mínimo de estructura (header, menu, contenedor, footer...)
Si sabes maquetar, sabes que "recortar".
En este caso, veo un diseño bastante simple y no tendría que suponer un problema en ningún aspecto salvo que, obviamente, no sepas maquetar.


Segunda regla: Si puedes usar CSS, no uses imágenes.

En primer lugar, coloca el color de fondo.
Luego los brushes esos (adornos, según has puesto tu) lo sacas igual (sin fondo).
Los colocas uno a uno o los metes todos a mocho como background (pones repeat, los centras o ajustas la web para que no salgan scrolls y los brushes se "estiren" (para ello deberían tener más calidad))

Tercera regla: No rasterices todas las capas. Ahora mismo con el psd que has subido ni se pueden cambiar las letras del menú, entre otras cosas.

Por otro lado saca el "logo", luego la linea horizontal y menú. Puedes sacarlo con imágenes o hacerlo directamente con CSS, ya como veas. (con CSS3 puedes usar text-shadow)

Ahora saca la imagen del centro, es decir, "CONTENIDO".
El texto de ahí dentro ni se te ocurra sacarlo con imágenes a no ser que no quieras que te indexen los buscadores ni por casualidad.

Las hojarascas esas (brushes) puedes sacarlo directamente con la imagen o si quieres sacarla aparte y luego las posicionas.
La imagen de la comida, lo mismo.


Finalmente, para el footer no es necesario sacar imagen.


Te recomiendo usar sprites (meter todas las imágenes en un mismo lienzo y luego sacarlas con background-position)


Cuarta regla: Hacer caso a las tres primeras xD


Ya el resto debes hacerlo tu. Como en las campañas de tráfico; no podemos maquetar por ti ;) xD


Un saludo ;)

Última edición por fishdesign; 07/04/2011 a las 17:39