Repeat grid tool

Clase 15 de 32 • Curso de Adobe XD 2019

Contenido del curso

Conocer la importancia de utilizar una herramienta especializada en el diseño de interfaces

Crear y configurar un nuevo proyecto

Utilizar las herramientas de Diseño

Optimizar el trabajo con herramientas avanzadas

Diseñar una app

Crear prototipos interactivos

Aplicar las mejores prácticas y herramientas para exportar los proyectos

Tomar examen

Resumen

En el diseño de interfaces es normal encontrarse con estructuras repetitivas y por esa razón Adobe XD creó una herramienta llamada Repeat Grid Tool para facilitar este trabajo.

Comentarios

Juan Carlos García Esquivel

student•

Excelente clase, una observación en Windows cuando presiono alt + tecla de dirección, no me mueve la forma, le cambia el tamaño, para mover la forma es con la flecha de dirección pero sin alt.

Jonathan Jiménez Soveranes

student•

Gracias, estaba perdido ahí! haha

Juan Carlos García Esquivel

student•

Por nada Jonathan, yo tambien me rompi la cabeza un buen rato hasta que me di cuenta de eso :).

Dustin Campos

student•

Muy importante, si no les sale las medidas de cuando aprietan ALT intente poner el mouse encima de la imagen que quieren sacar la medida.

Ares Alberto Vázquez Bravo

student•

Super sencillo de usar.

Michael Torres Morán

student•

Alt is a powerful key on Xd

Matias Nicolas Caballero Gomez

student•

Cada vez me encanta mas Xd, es una locura lo sencillo y practico que es.

Maria Auxiliadora Sanchez

student•

Alejandra

student•

Me encanta este curso, super bien explicado!

Axel Alexis Lopez Resendiz

student•

¿A alguien mas le cambiaba el tamaño en vez de mover el recuadro, cuando presionan alt?

Juan Carlos Barbaran Meza

student•

Te refieres al tamaño del grid de objetos?

Alain Kevin Rojas Quiroga

student•

a mi me sucede igual, presiono ALT , luego coloco el click sobre la primera forma para que me muestre los pixeles de la segunda forma pero cuando uso las flechas lo que hace es reducir o aumentar la altura o el ancho de la segunda forma en vez de desplazarlo

Andres Oviedo Narvaez

student•

esta herramienta es genial,,,, gran facilidad para repetir objetos y en este caso las tarjetas de productos de un trabajo realizado

Sergio Atanacio

student•

Como se puede ver las reglas y guías en XD como se hace en Ilustrator?

Erik Elyager

student•

Aquí hay una guía para lograr algo similar. Si no sabes inglés los Gifs al final son muy informativos.

Jesus Daniel Castro Flores

student•

Realmente es una herramienta potente y súper sencilla, realmente con conocimiento básico en frontend y de algo de adobe es muy fácil sacar provecho de XD

Alicia Avila Martínez

student•

Me sirvió mucho saber que al oprimir la tecla ALT aparece la distancia para alinear los elementos :)

Luis Ricardo Moran Chozo

student•

Para mover la forma es con la flecha de dirección sin alt

Luz Adriana Álvarez Monsalve

student•

Con esta herramienta empezamos a ver XD como un programa hecho para diseñar interfaces

David Alejandro García Graterón

student•

Excelente curso (= A seguir aprendiendo. Para la carrera de FrontEnd y de UX/IU es muy útil.

Alfredo Gracia

student•

¿Alguien sabe si se puede usar el repeat grid tool como en el ejemplo de tener varias cards y poner de una sola todas las imágenes pero que las cardas sean "Componentes"? porque de esa manera no me sale, si no sirve asi es una verdadera lastima porque no te deja trabajar con componentes que es lo ideal.

Enrique López

student•

Fíjate que yo no tengo ningún problema con eso. De hecho creo que es la mejor manera. Ya he creado una card que es un componente y al usar la repeat grid puedo hacer cualquier cambio en el master component y se replica en los otros (sin desagrupar la cuadrícula).

Alfredo Gracia

student•

Antes no lograba hacerlo enriquegraficos, volveré a probar, muchas gracias por tu respuesta !

Alma Belen Robles Valencia

student•

Hola, saben por que el rectángulo de texto y el texto me aparecen desfasados?

Javier Andres Laverde Pico

student•

Para Apps cuantas columnas se recomienda?

Aarón González

student•

Máximo 4 columnas es lo recomendable :D

Felipe

student•

para los que no tienen instalada la fuente roboto, descargan de google fonts, seleccionan todas las variantes, boton derecho, presionan instalan y automaticamente se instalan en la direccion de C/windows/fonts, quedaran habilitada para todos los programas de adobe o inclusive de word. En caso que no les aparezca la opción instalar , seleccionan las variantes de fuente , copia y se van a la direccion que indique y las pegan. es lo mismo. esto es basico para los de diseño para los que no somos les puede servir . Saludos

Julian Garzon Jimenez

student•

Repeat grid tool

Conocer la importancia de utilizar una herramienta especializada en el diseño de interfaces

Actualización de curso

Qué es AdobeXD y por qué usar AdobeXD

Instalación

Crear y configurar un nuevo proyecto

Creación de un documento

Interfaz y navegación

Atajos de teclado

Artboards

Grids y layouts

Utilizar las herramientas de Diseño

Formas

Alinear y combinar formas

Diseñar icono

Textos y tipografía

Imágenes y máscaras

Pluma

Optimizar el trabajo con herramientas avanzadas

Repeat grid tool

Cargar contenido en repeat grid tool

Componentes

Panel de assets

Responsive Resize

UI Kits

Diseñar una app

Wireframes del proyecto:sección cartelera

Wireframes del proyecto: menú inferior

Mockups del proyecto

Definiendo la paleta de color para el mockup del proyecto

Teoría del color para el diseño de interfaces

Agregar contenido al mockup del proyecto

Crear prototipos interactivos

Prototipado

Animaciones automáticas con Adobe XD

Animaciones avanzadas

Aplicar las mejores prácticas y herramientas para exportar los proyectos

Exportado

Compartir

Conclusiones