Adobe XD: Diseño de Página y Cuadrículas

Name: Adobe XD: Diseño de Página y Cuadrículas
Author: Alyssa Galganov

Aprenda a crear diseños dinámicos en Adobe XD

Preview the first lesson free — get full access to all 5 lessons.

Curso: bajo demanda

¡Hola! Me llamo Alyssa, y en estas lecciones, vamos a repasar el trabajo con Adobe XD diseño y cuadrículas. Definir un sistema de cuadrícula ayudará a su diseño mantenerse alineado y puede ahorrar un tiempo valioso midiendo píxeles y espaciado entre elementos. Existen dos opciones en Adobe XD para proporcionar orientación al configurar su diseño: diseño y plaza. Exploremos la cuadrícula de diseño. Voy a crear un nuevo archivo haciendo clic aquí en mi pantalla de inicio en el botón de archivo nuevo, y la pantalla predeterminada de Se selecciona 1920 píxeles de ancho por 1080 píxeles de alto. Voy a hacer clic aquí en el espacio gris para anular la selección porque solo quiero mostrarte que si haces clic en el nombre, podemos seleccionar el tablero de arte. Cuando seleccionamos el tablero de arte, se puede ver aquí en el inspector de propiedades que hay un panel de rejilla en la parte inferior. Actualmente, dice diseño para el tipo de cuadrícula, y si hacemos clic en el cheurón, puede ver que hay una opción entre diseño y cuadrado. Voy a dejarlo en el diseño, y voy a seguir adelante y haga clic aquí en este pequeño cuadro, y lo que nos permite hacer es activar la cuadrícula de diseño. Actualmente, es el color cian, y son 12 columnas, pero puedes cambiar esto como quieras. Podemos seguir aquí, y yo entraré aquí. y escriba 16, y presionaré la tecla de retorno para confirmarlo. Ahora ves 16 columnas. Podría continuar y cambiar el ancho de la canaleta también. Cambiaré eso a algo así como 24, y puedes ver que ahora hay una brecha un poco más amplia entre esas 16 columnas verticales cian. Si ese no es tu color, siempre puedes cambiarlo. haciendo clic en este tablero de ajedrez aquí, cuál es el color de la columna de grado de diseño, y puedes elegir el color que quieras aquí. Puedo seguir adelante y simplemente mover este control deslizante hacia arriba y hacia abajo y hasta conseguir el color que me gusta. Si crees que te gustarían más oscuros, puedes seguir adelante y cambiar el alfa aquí en el porcentaje. Actualmente, el valor predeterminado es 25%. Puede continuar y cambiarlo a algo como 10. Presione la tecla de tabulación o la tecla de retorno para confirmarlo, y se puede ver que es mucho más ligero ahora. Si esto fuera algo que realmente me gustara y quería usar en varios proyectos, Puedo seguir adelante y hacer clic y convertirlo en mi predeterminado. Si he hecho todos estos cambios y decido que esto no es lo que me gusta, podemos seguir adelante y hacer clic en el botón usar predeterminado, y volvemos a donde empezamos. Gracias por ver. Estén atentos para el próximo video donde iremos sobre la cuadrícula.

Principiante Proveedor : Alyssa Galganov 5 lecciones · 16m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

En este curso, aprenderá a crear diseños dinámicos en Adobe XD con la ayuda de cuadrículas, guías, alineación, distribución y repetición. Cuando trabaje en sus diseños, puede usar guías para alinear objetos o gestionar el espaciado entre elementos en una mesa de trabajo. Las cuadrículas sirven de marco para organizar sus elementos de diseño y garantizar la simetría de la disposición.

Definir un sistema de cuadrícula puede ayudarle a garantizar que su diseño se mantenga alineado y puede ahorrarle un tiempo valioso midiendo píxeles y espaciado entre elementos. Aprenderá sobre las dos opciones de cuadrícula en Adobe XD que proporcionan orientación al configurar su diseño: diseño y cuadrado.

Lo que aprenderás

Crear y ajustar cuadrículas de diseño en Adobe XD para estructurar tus elementos de diseño
Crear y ajustar cuadrículas cuadradas para mantener la simetría en una mesa de trabajo
Crear y gestionar guías para alinear objetos y controlar el espacio entre elementos
Alinear y distribuir elementos de diseño para diseños consistentes y organizados
Usar el botón Cuadrícula de Repetición para replicar elementos de manera eficiente

Puntos clave

Las cuadrículas sirven como un marco para organizar elementos de diseño y garantizar la simetría de un diseño.
Definir un sistema de cuadrícula ayuda a mantener un diseño alineado y ahorra tiempo gastado midiendo píxeles y espacios entre elementos.
Adobe XD ofrece dos opciones de cuadrícula que proporcionan orientación al configurar un diseño: diseño y cuadrado.
Las guías se pueden usar para alinear objetos o gestionar el espacio entre elementos en una mesa de trabajo.

Preguntas frecuentes

¿Qué aprenderé en este curso?

Aprenderás cómo crear diseños dinámicos en Adobe XD usando cuadrículas, guías, alineación, distribución y repetición, incluido cómo crear y ajustar cuadrículas de diseño y cuadrículas cuadradas, y cómo crear y gestionar guías.

¿Qué opciones de cuadrícula cubre este curso en Adobe XD?

El curso cubre las dos opciones de cuadrícula en Adobe XD que proporcionan orientación al configurar tu diseño: diseño y cuadrado.

¿Qué temas se incluyen en las lecciones?

Las lecciones cubren Cuadrículas de Diseño, Cuadrículas Cuadradas, Creación de Guías, Alineación y Distribución de Elementos de Diseño, y el Botón de Cuadrícula de Repetición.

¿Por qué son útiles las cuadrículas al diseñar en Adobe XD?

Las cuadrículas sirven como un marco para organizar elementos de diseño y garantizar simetría, ayudando a mantener tu diseño alineado y ahorrando tiempo valioso midiendo píxeles y espacios entre elementos.