• Inspiración
  • Tutoriales
  • Bootcamp

En1Mes

  • Inspiración
  • Tutoriales
  • Bootcamp

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

Diagramamiento de interfaces

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.

 

 

Ene 13, 2015Gonzalo Sánchez
Share Button
  • El Autor
  • Últimos Posts

About 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.
  • ¿Por qué Twitter fue hecho en Ruby on Rails? - abril 15, 2016
  • Construyendo una landing page en Ruby on Rails desde cero. - febrero 11, 2016
  • Pair programming (de a dos es mejor) - febrero 11, 2016
  • Creando un wordpress en hostinger - abril 18, 2015
  • Login con facebook en rails 4.1 y 4.2 - febrero 3, 2015
  • EL ASSET PATH DE RAILS - enero 26, 2015
  • Entendiendo los objetos en Ruby - enero 21, 2015
  • La verdadera educación Tecnologica - enero 14, 2015
  • Kit Digital del gobierno de Chile - enero 14, 2015
  • ¿Como diseñar un buen Layout para tu página web? - enero 13, 2015
8 years ago DiseñoCSS, Diseño, Interfaces6,792
Tutorial de Infinite Scrolling en RailsKit Digital del gobierno de Chile
You Might Also Like
 
Kit Digital del gobierno de Chile
 
Ideas para una página web profesional

Deja un comentario Cancelar respuesta

Tags
Ruby on Railsemprendimientos digitalesTutorialesDiseñoHerramientashtml5WordpressrubyLanding PageBases de datosTallereshackathonInspiraciónTipsNitrousHerokuPáginas WebphpCSSsmartphonesRailsGirlsEventosemprendimientos socialeslenguajes de programaciónJavascriptHostingEducaciónGemasprogramaciónCreatividadMySQLemprendimientosCitas inspiradorasExperimentosBenchmarksdiseño responsivoFrameworksInspector de ElementosTwitterlean startupredes socialestecnologíaHackatonUsabilidadmetodologías
Interesado en otros tipos de emprendimiento?

Quieres aprender a importar y exportar productos a todo el mundo? entra aquí

No te pierdas ningún artículo.

2016 © En 1 Mes