Alineación de objetos y Capas

Clase 10 de 18 • Curso de Adobe XD 2017

Clase anteriorSiguiente clase

Aracne Rodríguez Reyes

student•

Estos elementos ayudan mucho, para que nuestro diseño tenga una simetría.

Iván Toro

student•

Buen aporte.

Alejandro Sol Villaseñor

student•

Gracias por el aporte!

Walter Salas

student•

Wow! eso de Pasteboard es una gran idea! deberían de aplicarlo en otros productos de las suites de Adobe

winiberto .

student•

Esperamos verlo pronto en otros productos de Adobe.

Tania Ramírez

student•

Siiii eso está excelente 😮

Recordari App

student•

Esta genial esa forma de organización automática, así podemos centrarnos en el diseño

winiberto .

student•

Esa es justamente la idea!

Juan Nuñez

student•

Nunca he usado Sketch pero honestamente XD me parece increíble y gratis por el momento.

Alejandro Sol Villaseñor

student•

Cada herramienta tiene lo suyo, lo recomendable es no casarse con alguna herramienta en especial. Las herramientas actuales son muy útiles y por lo generar todas tienen los mismos principios del prototipado.

Jonatan Ruben Sosa Caycay

student•

Excelente 😄

Carlos Gómez Mont

student•

Ok esto me recordó el curso de sistemas para desarrolladores, lo volveré a tomar terminando este. 😃

Joaquin Roman Vazquez Zuñiga

student•

¿De que trata ese curso?¿Lo recomiendas?

Alejandro Sol Villaseñor

student•

Buena pregunta!

Alejandro Sol Villaseñor

student•

Ahora si, ya entendí como utilizar esas funcionalidades de alineación 😄

Adrian Peralta

student•

El pasteboard mide 50mil x 50mil px

ENRIQUE NIETO MARTINEZ

student•

Hola Adrian, muchas gracias por el dato. ¿Cuál es tu fuente de información?

Adrian Peralta

student•

Hola, No me acuerdo exactamente, pero acá lo encontré otra vez:

"Each .xd file can contain a huge amount of artboards, as they are all positioned in a massive 50,000 x 50,000 px canvas (the grey background area, also called “pasteboard”). "

https://www.xdguru.com/adobe-xd-guide/artboards/

Martin Coronel

student•

Muy buena clase, Alguien sabe como alinear varios objetos pero teniendo como referencia a uno objeto en particular? (Espero que se entienda la pregunta) jaja

Julian Mora

student•

Hola, si entendí
Al seleccionar un conjunto de objetos lo que haces es ir al panel alienación / align y seleccionas alinear a objeto clave, lo que hace illustrator es tomar al objeto que se encuentre sobre todas las demás capas como objeto clave. Fíjate en la imágen.

Facundo Nicolás García Martoni

teacher•

Pero esto es Adobe Xd, no illustrator

Antony C. Medina

student•

¿Hay forma de alinear respecto a un objeto?, si seleccionas varios objetos, te los alinea haciendo una media según sus posiciones, pero ¿hay la posibilidad de alinear según un objeto en especial?

Uriel Ramírez

student•

La alineación de los objetos la logramos gracias a las herramientas de Align que encuentras cuando selecciones uno o varios objetos

Ahora, para mover un objeto , seleccionamos primero el objeto que queremos mover y luego el objeto respecto al cuál queremos hacer la alineación.

Ahora, si lo que queremos en mover un objeto respecto a un grupo de otros, lo que hacemos primero es crear un grupo para los demás objetos y luego, seleccionar el objeto que queremos mover y el nuevo grupo de objetos.

Ahí podemos alinearlos a la derecha, izquierda centrar, inclusive que tengan el mismo margen. etc.

Estuardo González

student•

Uriel Ramírez tengo una duda: Cómo hiciste para grabar un gif? Muchas gracias.

Hernán Arica

student•

muy entendible el curso

Roger Carlos Ariel Alba

student•

La distribución uniforme de los objetos es como el "space-between" de display flex de CSS.

Alineación de objetos y Capas

Introducción al curso de Adobe XD

Curso Actualizado

¿Qué es Adobe XD y para qué sirve?

Crea un documento en Adobe XD

Interfaz y Navegación de Adobe XD

Herramientas y Formas

Artboards en Adobe XD

Formas básicas en Adobe XD

Uso de la pluma en Adobe XD

Textos en Adobe XD

Manipulando Objetos

Imágenes y Máscaras

Alineación de objetos y Capas

Combinación y agrupación de formas

Manos a la Obra

Símbolos en Adobe XD

Wireframes

UI (User Interface / Interfaz de Usuario) Kit

Mockups

Prototipos

Publicando el Proyecto

Pruebas en móvil

Exportando archivos