Adobe XD Intermedio: Bibliotecas

Name: Adobe XD Intermedio: Bibliotecas
Author: Jessica Henley

Aprenda a identificar y a usar bibliotecas

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

Curso: bajo demanda

Hola, mi nombre es Jessica Henley y en estas lecciones, le mostrará una introducción a las bibliotecas, cómo publicar una biblioteca, y cómo acceder a una biblioteca compartida. En esta lección, quiero mostrarles una introducción a las bibliotecas. Comenzando con nuestro archivo anterior, navegue hacia la parte inferior izquierda. Aquí verás un ícono que dice Biblioteca. También puedes ver el acceso directo. En una computadora Mac, es Shift -Command -Y. En una computadora PC, puede presionar Shift -Control -Y. Entonces, al hacer clic en la pestaña Biblioteca aquí, vamos a tomar una Mira cómo usar esta biblioteca. Así que aquí tengo colores, y si hago clic en Alternar estos, en y apagado, puedes ver que no hay nada dentro de ellos. Entonces, agreguemos algunos colores a nuestra biblioteca. Entonces, si hago clic en este color aquí, digamos si tuviera varias pantallas y quiero asegurarme de que Estoy usando este mismo color. Bueno, puedo hacer clic en este color y tienes este signo más, que luego agregará el color a la biblioteca. Y luego también para esta flor, digamos para el interior. Para el interior, puedo hacer clic en el signo más y aparecerá. en realidad agréguelo a la biblioteca. Y de la misma manera, para la raíz, puedo hacer clic en la raíz y agregar eso también. Así es como puedes seleccionar diferentes elementos dentro de una pantalla, pero también puedes hacer clic en el nombre de la pantalla y agregar el signo más firmar. Cuando hagas eso, extraerá todos los colores de eso. pantalla particular y agregarla a la biblioteca. Ahora di si quieres cambiar los nombres de estos colores. Ahora mismo tenemos el código hexadecimal, que son las letras y números presentados, y estas letras y números representan ese color. Ahora si hago clic derecho, puedo ir a editar y decir si quiero editar este color, podría editar este color. Y como puedes ver en la pantalla, está cambiando. La buena noticia es que si tienes este color en varios pantallas, puede actualizar el color en varias pantallas si está usando este color aquí. Además, al hacer clic derecho, también puedes cambiarle el nombre. Entonces si pongo verde oscuro, puedes cambiar el nombre de tus colores. Ahora echemos un vistazo a los estilos de personajes. En este momento solo estoy usando un estilo de personaje. Entonces tengo las flores de Josie aquí y puedo presionar el signo más. firmar. Ahora ves la fuente Optima que elegí en el 35. Ahora, en cuanto a los componentes, quiero mostrarles cómo funciona. Voy a crear algunos símbolos en la parte inferior y luego mueve ese símbolo a la pantalla, pero te muestra cómo los componentes pueden sé útil. Entonces Voy a navegar de regreso a mi pantalla número uno y estoy Voy a dirigirme al diseño. En diseño, voy a hacer clic en el polígono o en el atajo, la Y. Y voy a hacer clic y arrastrar para crear este diseño en el abajo. Dirigiéndome a la apariencia, voy a seguir adelante y elegir una color que quiero agregar para la parte inferior aquí. Y lo que quiero hacer ahora es duplicar esto. Entonces, con la herramienta de selección activada, Voy a hacer clic derecho en copiar, haga clic derecho en pegar. Pero nuevamente, también puedes usar tus atajos, lo cual es controlar o mandar D. Cuando presiono control o comando D, puedo tirar rápidamente del elementos de diseño terminados. Simplemente voy a difundir esto. Puedes agregar cualquier diseño que quieras. Como ejemplo, voy a usar este diseño aquí y estoy Simplemente voy a seleccionarlos y centrarlos. Ahora, lo que quiero hacer es convertir esto en un componente haciendo clic en y arrastrando las cuatro elipses de diseño aquí, estas formas poligonales. Y mientras hago clic y arrastro sobre estas formas poligonales, voy para hacer clic derecho y crear un componente. Observe que el atajo es comando o control K. Ahora puedes ver que la selección se ha convertido en este cuadro verde y hay un diamante verde. Presta atención a este diamante de aquí. Es importante porque cuando copio y pego esto y lo muevo a esta pantalla o fuera de la pantalla, Puedes ver que el diamante no está rellenado aquí, pero está completo en este. ¿Por qué es eso importante? Bueno, el que tiene el diamante coloreado significa que esto es en realidad la cabeza. Esta es la cola o este es el padre y este es el hijo. Entonces, lo que eso significa es que cuando agrego y hago cambios, ésta es una iteración de ésta y seguiría. Entonces, para explicar más, veamos cómo se ve eso. Entonces, si toco dos veces y digo si quiero mover este, se siguen porque esta es la cabeza. El otro es una cola o la conexión entre padre e hijo. Además, si cambio este e incluso este punto aquí, A ver, levanta eso. Puedes ver que cambia. Ahora echemos un vistazo nuevamente a la biblioteca. Puede ver que el componente ha sido agregado. Una vez que hice clic derecho. Ahora, otro lugar donde puedes ir para agregar componentes es objeto y hacer componentes. Entonces, por ejemplo, si hago clic en este objeto y voy a objetos, Puedes ver que puedo decir hacer componentes. Ése es otro lugar donde puedes ir a hacer un objeto, un componente. No vamos a entrar en videos, pero la opción de video es ahí también. En el siguiente vídeo, te mostraré cómo publicar una biblioteca. Gracias por ver.

Intermedio Proveedor : Jessica Henley 3 lecciones · 12m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

Con las bibliotecas de Adobe XD, puede mantener los componentes de su diseño juntos para facilitar el acceso y la coherencia. Las bibliotecas pueden incluir colores, estilos de caracteres, componentes y vídeos. Estas lecciones le enseñarán a agregar colores personalizados, editar y cambiar colores prefabricados y almacenar estilos y tamaños de fuente como estilos de carácter. Aprenderá los comportamientos y las ventajas de usar componentes en los diseños, así como a combinar formas en grupos para crear componentes. Al subirlo a la nube, podrá publicar su archivo como una biblioteca e invitar a otras personas a compartirlo. Hay bibliotecas compartidas prefabricadas que están disponibles para importarlas a su proyecto, lo que puede ahorrarle tiempo y darle más opciones para incluir en sus diseños.

En estas lecciones conocerá las bibliotecas de Adobe XD, explorará cómo publicar una biblioteca y aprenderá a acceder a las bibliotecas compartidas.

Lo que aprenderás

Crear activos de color personalizados y almacenar estilos de fuente y tamaños como estilos de caracteres
Añadir colores personalizados y editar o cambiar colores predefinidos en tus bibliotecas
Agrupar y combinar formas en componentes para usar en tus diseños
Publicar un archivo como biblioteca en la nube e invitar a personas a compartirla
Acceder e importar bibliotecas compartidas predefinidas en tu proyecto
Determinar cómo usar bibliotecas puede ser útil para la consistencia del diseño

Puntos clave

Las bibliotecas de Adobe XD mantienen los componentes de un diseño juntos para facilitar el acceso y la consistencia del diseño.
Las bibliotecas pueden incluir colores, estilos de caracteres, componentes y videos.
Al cargar en la nube, puedes publicar tu archivo como biblioteca e invitar a personas a compartirla.
Las bibliotecas compartidas predefinidas están disponibles para importar en un proyecto, lo que potencialmente ahorra tiempo y ofrece más opciones de diseño.
Los componentes se pueden crear combinando formas en grupos.

Preguntas frecuentes

¿Qué aprenderé en este curso?

Serás introducido a las bibliotecas de Adobe XD, aprenderás a crear activos de color personalizados y estilos de texto, agrupar elementos en componentes, publicar una biblioteca y acceder a bibliotecas compartidas.

¿Qué puede incluir una biblioteca de Adobe XD?

Una biblioteca puede incluir colores, estilos de caracteres, componentes y videos.

¿Qué lecciones cubre este curso?

El curso cubre tres lecciones: Introducción a las Bibliotecas, Publicar una Biblioteca y Acceder a una Biblioteca Compartida.

¿Cómo ayudan las bibliotecas a mi trabajo de diseño?

Las bibliotecas mantienen los componentes de tu diseño juntos para facilitar el acceso y la consistencia del diseño, y las bibliotecas compartidas predefinidas pueden ahorrar tiempo y proporcionar más opciones para incluir en tus diseños.

¿A qué habilidades se relaciona este curso?

Se relaciona con Adobe XD, la Suite de Aprendizaje Electrónico de Adobe, trabajar con una Biblioteca Gráfica y Bibliotecas Compartidas, y contenido de Instructor Certificado de Adobe.