No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

14 Días
13 Hrs
10 Min
48 Seg
Curso de Adobe XD

Curso de Adobe XD

Ricardo Mendi

Ricardo Mendi

Grids y layouts

7/21
Recursos

Aportes 14

Preguntas 7

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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.

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

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

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.

¿Cómo hicieron para poder usar distintas grillas en el mismo archivo pero por ejemplo, grilla square para un artboard y grilla de diseño para otro??

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

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.🤗

* Estructura definida, importante soporte visual, trabajo efectivo. * Importante la constante repetición en ejercicios para familiarizarse con el programa. * Las columnas se pueden graduar por pixeles en cuanto a grosor y altura, tengamos en cuenta los parámetros, distribución, proporciones en web. *  Puedo poner cuadriculas de fondo para guiarme mejor, el valor de cada recuadro puede variar según como mejor se nos acomode.
<u>GRACIAS. </u>

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!