• 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,823
Tutorial de Infinite Scrolling en RailsKit Digital del gobierno de Chile
You Might Also Like
 
Imágenes de fondo con Background-cover de CSS3
 
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