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.
Introducción a Adobe XD
Qué aprenderás sobre Adobe XD
Ponte en contexto: para quién es este curso de adobe XD
Qué podemos hacer con Adobe XD
Preparar tu documento
Quiz: Introducción a Adobe XD
Familiarizarte con Adobe XD
Interfaz
Formas y color en Adobe XD
Grids y layouts
Hacer diseños responsive
El texto en Adobe XD
Herramientas avanzadas
Quiz: Familiarizarte con Adobe XD
Prototipar con Adobe XD
Fases de prototipado: Lo-Fi a Hi-Fi
¿Cómo inspirarte en otros diseños y tendencias?
Interacciones sencillas y sus elementos
Quiz: Prototipar con Adobe XD
Trabajar con Adobe XD
Optimizar tu trabajo
Animaciones (II)
Quiz: Trabajar con Adobe XD
Adobe XD en el entorno laboral
Colaboración y feedback
Entregas de diseño
Autoevaluación del Curso de Adobe XD
Quiz: Adobe XD en el entorno laboral
Despedida
Despedida y conclusiones
Comparte tu proyecto y certifícate
¡Ahora dale feedback a los proyectos de tus compañeros!
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 12
Preguntas 6
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!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.