CursosEmpresasBlogLiveConfPrecios

Creación de UI Kit y Starter en Adobe XD

Clase 35 de 39 • Curso de Diseño de Interfaces Únicas

Clase anteriorSiguiente clase
Resumen

El UI Kit es el lugar en el que se muestran todos los componentes de nuestra platafoma, es un archivo para que todos puedan diseñar e implementar, así que tienes que pensar en los demás a la hora de crearlo.

Has un documento legible dividiéndolo por secciones, por ejemplo títulos, componentes de caja, íconos, formularios, textos, botones, etc, es muy importante que nombres estas secciones para que se entienda a la hora de utilizarlo.

Pónle nombres a todos los elementos para ayudar a la comunicación, sobre todo en las juntas de diseño y a la hora de programar. Esta estructura debe entenderse al leer toda la documentación.

Busca en tus flujos todos los elementos replicables que hay en tus pantallas, no repitas elementos si no cambian mucho, pero ten en cuenta las variantes.

Sé muy detallista en la documentación y en las variantes, piensa en todas las situaciones que se te ocurran para que a la hora de programar, se sepa exactamente cómo utilizar tu UI Kit.

Evalúa muy bien el proceso de diseño, tanto con los elementos de tu plataforma como el trabajo con tu equipo, esto te ayudará a saber sobre qué más detallar sobre tu UI Kit porque no hay una regla general que aplique para todos los casos.

No olvides de completar el UI Kit con todos los elementos que consideres importantes.