¿Como diseñar un buen Layout para tu página web?

Cuando hablamos de Layout en diseño web normalmente nos referimos a las columnas y las ventanas dentro de ellas, o sea que cosas van arriba y que cosas a la izquierda, que cosas a la derecha y que cosas abajo.

Es muy normal que el logo vaya arriba a la izquierda, hoy en día es casi imposible encontrar una página que no cumpla con ese patrón de diseño, pero respecto al resto de la página, todavía hay muchas opciones y todas igualmente válidas.

Existen múltiples formas de diagramar una página web y este tutorial de interfaces las explica de forma simple y efectiva, además de incluir links a los css de los distintos diagramamientos posibles.

http://www.stepwise.hk/wdwiki/Lecture/InterfaceDesign

P.D: Se debe evitar el diagrama via tablas a menos de que se trate para mailing, debido a la enorme cantidad de clientes estos últimos todavía presentan problemas para mostrar una página de varias columnas ocupando únicamente CSS.

P.P.D: CSS3 Tiene una mangífica propiedad llamada flex box que es muy útil a la hora de trabajar con columnas y diseño responsive.

 

 

Gonzalo Sánchez
Share
January 13, 2015 Diseño, ,
Gonzalo Sánchez

Emprendedor lean, Ingeniero civil informático dedicado al desarrollo de una mejor web con ruby on rails. Fanático de los números y las métricas
y por sobre todo fundador de en1mes.

Tutorial de Infinite Scrolling en RailsKit Digital del gobierno de Chile

Leave a Reply