Programación web, Drupal, Wordpress y ¡Mucho más!

Aprende a programar y diseñar una página web gracias a los trucos y tutoriales que ofrecemos en nuestro sitio.

viernes, 27 de septiembre de 2013

Diseñar una página web con porcentajes o píxeles

Quizás muchos os preguntáis a la hora de realizar el diseño de una página web si usar medidas en porcentajes o bien usar medidas en pixeles.


Yo siempre digo que nunca hay que decantarse ni por una ni por otra, siempre depende del diseño que se desee conseguir. La verdad que hoy en día considero que es mucho más importante las medidas generales (body, header, footer...) usarlas con % ya que el diseño web adaptativo a dispositivos móviles ha entrado muy fuerte en el "mercado" del diseño de páginas web, cosa que no conseguiríamos si usáramos medidas con pixeles fijos a no ser que nosotros le indiquemos mediante css la medida mínima de la pantalla para cada uno de los diferentes estilos (@media screen and (min-width: 960px)).

Por experiencia propia como diseñador web, considero que la mejor manera de poder trabajar un diseño web atractivo y adaptado a dispositivos móviles es combinar porcentajes y pixeles.

Usar porcentajes en:
  • body

  • header

  • footer

  • columnas

  • margin

  • padding
Usar pixeles en:
  • imágenes

  • font-size
A continuación vamos a ver un ejemplo de un diseño realizado mediante estructuración con porcentajes.

Resultado en imágenes:







1 comentario:

  1. Yo optaria ha diseñarla en pixeles y pasarla a porcentaje despues ya que en porcentaje es una ventaja asi quieres que tenga la misma medida en qualquier resolucion

    ResponderEliminar