Grids y layouts

Existe una calculadora de grid, que nos sirve para experimentar con el espaciado y los márgenes a modo de saber cuál será el tamaño rea de trabajo.
Pueden buscarlo como grid calculator.

Grids y layouts

Se trata de la creación de una rejilla base y la distribución jerárquica de los elementos visuales sobre ella

• Permite ahorrar tiempo

• Son el soporte para aplicar diseño responsive

• Ofrece estructuración

Ideas de formas de distribuir la información en base a 9 rectángulos

El número de columnas varía dependiendo del proyecto. Como estándar, se ha utilizado un sistema de 12 columnas y se utilizan así para los diferentes tamaños de dispositivos:
- Desktop: 12 columnas
- Tablet: 6 columnas
- Mobile: 2 columnas

Utilizar este sistema, ayuda a hacer responsive el diseño y a un más fácil acomodo de los elementos. Y también le ayuda a los desarrolladores.

Hace mucha falta que la barra de la izquierda que numera las clases, al pasar el ratón mostrara el título de las clases… Esto ayudaría a la navegación del curso.

Es genial cómo adobe siempre agrega las mismas opciones de sus otras aplicaciones, pero en lugares diferentes 😄

Los Grids y layouts son una funcionalidad de Adobe xd que nos facilitan la creación de un diseño responsive.

Esta muy interesante esta opción de Grids, espero que sea compatible con el CSS Grid, para que sea más exacto el desarrollo.🤗

Hola a todos! les dejo este link donde pueden descargar el sistema de grid de 960.
https://960.gs/
Podrán encontrar el sistema de grid para diversas plataforma en modo template.
Espero que les sea de utilidad

MUY BUEN CURSO Y BUENA EXPICACION

Hola profesor use sus ejemplos que hizo usted para realizar un primer acercamiento a la rejilla grid… se pueden crear horizontalmente.

Este par de funcionalidades son muy útiles para darle una mayor estructura, alineación y jerarquía visual de los elementos en nuestra interfaz.

¡Muy utiles!