La rejilla o "grid" se considera un sistema dentro de nuestro sistema web. Realiza la función de un esqueleto: no resulta visible a simple vista, pero mantiene los elementos del sistema ordenados y alineados.
www.thegridsystem.org
La unidad minima de un sistema de rejilla es la columna.
En diseño web se acostumbra trabajar con 12 columnas por ser múltiple de 4 (móvil) y de 8 (tablet).
Grid de 12 columnas.
En el diseño responsive, la rejilla es imprescindible para poder acomodar los contenido a cada formato.
Esquema de columnado en función del formato.
Rejilla base o "baseline", es un conjunto de líneas horizontales imaginarias que ayudan a la acomodación de los elementos en las páginas.
El uso de las rejillas base marca la ordenación visual respecto al eje vertival de la página.
Esquema gerarquia tipográfica.
Gerarquia definida tipográficamente.
Ejemplo de elementos ajustados y sin ajustar a una rejilla múltiple de 8pt.
La rejilla base en las páginas web se define via CSS con atributo
line-height de la etiqueta primaria body.
El trabajo a nivel de grid y de rejilla base, da como reultado un contendio bien estructurado y proporcionado en todas las resoluciones.
Estas prácticas trasladan a los usuarios una previsivilidad y una reiteración de patrones, que facilitan la asimilación de los contenidos.
dribbble.com @SoSweet! Creative
Trifulca en el parlamento de Ukrania.
Trifulca en el parlamento de Ukrania.
Pelea en la calle de UK.
Pelea en la calle de UK.
La proporción aurea es una manera elegante de hacer que un producto sea más cómodo y agradable para la percepción.
Mariya Tereshkova bia blog.prototypr.io
Mariya Tereshkova bia blog.prototypr.io
Mariya Tereshkova bia blog.prototypr.io
La proporción aurea es un recurso geométrico que ayuda a encontar el foco de atención y el equilibrio en el diseño.
