Unidad mínima
4 x 4 píxeles
Se toma como punto de partida el número 4, (4 px) para generar una cuadrícula, un espacio de trabajo divisible por este número.
Columnas, espaciados, grillas, son reglamentados por este número.
Este numero 4, nos da como resultado múltiples usos, a la hora de separar y armar composiciones dentro del diseño.
Se toma como variable 2 rem, 32 px, entre columnas.
Composición
- Unidad mínima: Medida mínima para generar la cuadrícula.
- Ancho medianil: Distancia entre cada columna que compone la grilla.
Área de trabajo
Los datos proporcionados para web son máximos, a partir de proporciones web más grandes, anchos, se agrandan los márgenes, de izquierda y derecha, manteniendo proporciones dentro del espacio de trabajo.
Glosario
Columnas
Es la estructura que sostiene el sistema. Disponemos de 12 columnas fijas.
Medianiles
Son los espacios entre columnas, tienen un valor fijo de 32 px.
Márgenes
Es el área exterior de la cuadricula.
Áreas de diseño
Es la zona de diseño, que contiene a los componentes y los cuerpos de texto.
Área de diseño
Las áreas de diseño o layout del sistema permite cuatro formas posibles a la hora de disponer los elementos.
- (8 : 4) columnas
- (4 : 8) columnas
- (3 : 3 : 3 : 3) columnas
- (4 : 4 : 4) columnas
Mesa de trabajo
Web - Large (1366x768)
Tableta Android (768x1024)
Móvil Android (360x640)
