Por Dani Beaumont
En Adobe XD, puedes diseñar miles de pantallas en docenas de proyectos. Pero si no puedes mantener el orden a medida que escalas, tu productividad podría verse realmente afectada. El panel Bibliotecas de Adobe XD incluye varias funciones poderosas para organizar los activos que tal vez no estés teniendo en cuenta. En este video, te mostraré cómo aprovechar esa potencia en tan solo unos sencillos pasos.
Al entrar y abrir el panel Bibliotecas haciendo clic en el icono que aparece en la parte inferior izquierda de la aplicación, verás que ya accedí y definido un conjunto de colores, estilos de carácter y componentes. Mi lista de componentes es bastante larga, bastante típica para un kit de interfaz de usuario. Si vuelvo hacia la parte superior, verás que ya agregué un nombre descriptivo para mis colores y estilos de carácter. Esto lo conseguí haciendo doble clic en el valor hexadecimal de color predeterminado y escribiendo el nombre que quería usar.
Una forma práctica de organizar el contenido es, en lugar de optar por la lista predeterminada, que muestra todos los elementos del panel en el orden en que los agregué, puedo ir al menú desplegable Orden de clasificar y seleccionar Ordenar por nombre. Así se ordenará todo el panel alfabéticamente. Observa que mis estilos de carácter, colores y componentes están ahora en orden alfabético. Esto puede resultarte útil.
Todavía tengo muchos componentes que organizar. Así que centrémonos un poco más en eso. Una forma rápida de organizar una gran lista de elementos es clasificarlos en subgrupos. Cuando hago esto, me gusta usar una combinación del campo Buscar aquí y el campo Filtro en la parte superior. Voy a entrar en el área Buscar activos de documento y, desde el menú desplegable, puedo buscar en mi documento actual o en todas las bibliotecas que abrió en el panel Administrador de bibliotecas. Voy a limitarlo al documento actual y seguiré buscando iconos. Mientras escribo el nombre, obtengo una lista de todos los iconos del documento. Aquí a la izquierda hay una opción de filtro. Si el icono de la palabra aparece en los colores o estilos de carácter, tendría la opción de filtrarlos aquí. Por ahora, nos centraremos en los componentes. Al hacer clic ahí, ahora solo aparecen iconos de componentes.
Ahora, lo que quiero hacer es reunirlos en un subgrupo. Voy a desplazarme hacia la parte superior, selecciono el primer icono y, a continuación, mantengo pulsada la tecla Mayús para seleccionar el último. Con ese conjunto seleccionado en el menú de la derecha, seleccionaré Nuevo grupo de la selección y lo llamaré Iconos. Puedo enrollarlo u ocultar el contenido que contiene y ver lo que queda de mis componentes. Haré lo mismo con los botones… así que los seleccionaré. No necesito cambiar mi filtro ahí. Crearé un nuevo grupo y lo llamaré Botones. En este momento, puedo dejar el resto en la raíz. De hecho, vamos a crear una carpeta para logotipos. Supongamos que me olvido de uno de ellos mientras hago esto. Voy a seleccionar solo tres, crear un nuevo grupo y llamarlo Logotipos. Si, más adelante, agrego otro logotipo o me doy cuenta de que olvidé uno, siempre puedo presionarlo y arrastrarlo a la carpeta que creé. XD admite un conjunto ilimitado de subgrupos que pueden anidarse entre sí. Así que puedes ser tan detallado como quieras.
Mientras trabajo, también puedo dejar atrás lo que hice. Si ya no quiero que todos mis logotipos estén en una subcarpeta, puedo hacer clic en los logotipos y, en el menú de la derecha, seleccionar Desagrupar. Así se trasladarán de nuevo al nivel principal y se eliminará ese subgrupo. Si hago clic en Eliminar, no solo se eliminará el subgrupo, sino que también se eliminará todo el subgrupo. Así que debes ser cuidadoso y tener en cuenta cuál es tu intención. Voy a seleccionar Desagrupar, opción que lo devuelve a la raíz. Si cambio de opinión mientras trabajo, puedo entrar y seleccionar Deshacer si aparece una alerta o puedo usar los métodos abreviados de teclado habituales Comando en Mac o Control en Windows y la letra Z para deshacer ese cambio.
Hay otra función de organización que me encanta. Digamos que quiero entrar y duplicar la estructura que tengo en esta mesa de trabajo para mi conjunto de iconos. Una forma muy rápida de hacerlo es entrar en el lienzo de diseño y seleccionar todos los componentes que están aquí. En el menú de la derecha, con los elementos seleccionados, quiero entrar ahora y seleccionar Revelar componentes en Activos. Observa que XD entra y selecciona ese conjunto diferente. Pueden estar en varios subgrupos. Está bien. Ahora puedo entrar y hacer clic con el botón derecho en ellos y crear un nuevo grupo para encabezados. Puedo hacerlo una vez más para la barra de aplicaciones. Entraré, los seleccionaré en el menú de la derecha y los mostraré en los activos. Con ellos seleccionados en el menú derecho, voy a crear un nuevo subgrupo y lo llamaré Barra de aplicaciones.
Obviamente hay muchas funcionalidades organizacionales incorporadas aquí en el panel Bibliotecas de las que puedes sacar provecho. Te animo a que las pruebes tú mismo.
Emplea estas prácticas recomendadas para organizar los activos del proyecto. En este tutorial, aprenderás a ordenar, agrupar y asignar nombres a los colores, estilos de carácter y componentes. Haz doble clic para cambiar el nombre de los estilos de carácter y componentes de forma descriptiva, y sustituye los valores hexadecimales de color predeterminados por nombres de color estándar. Ordena los elementos alfabéticamente. Selecciona un conjunto de elementos en Activos de documento manualmente o empleando las funciones de búsqueda y filtro y, a continuación, crea subgrupos. Puedes crear una cantidad infinita de subgrupos y anidar unos subgrupos dentro de otros para crear colecciones de activos.
