Notas de la clase:
5 Consejos para el UI Kit
- Empieza por lo más pequeño: si el componente tiene varias partes, debo asegurarme de crear esos elementos de forma separada.
En caso de modificar una de esas pequeñas partes, cambiara en todos los lugares donde se utilice.
- Su son dinámicos, piensa en los estados - En los botones, por ejemplo: es mas facil identificar como funciona mi interfaz en los prototipos en cuanto a los estados.
- Hazlos fáciles de encontrar, si hay muchos componentes en tu UI kit, puede ser facil perderse. Para ello, hay ciertas caracteristicas para nombrar los componentes:
Como en el ejemplo de las cards, si hay 3 tipos de cards, las organizaremos todas bajo la palabra: “card” + una barra: “/” + nombre de la tipologia.
- Los nombres deben de ser claros
- Y representativos de la funcionalidad
- Que esten debidamente organizados dentro de la libreria
- Los necesarios y genéricos: No hace falta tener una mega libreria de componentes de diseño, puedes tener solo los mas utilizados.
Facilitamos tambien el mantenimiento de tu UI kit
Cuanto menos especificos sean los compnentes, mas facil seran reutilizarlos en diferentes partes de tus proyectos
Esto no quita que haya componentes para funciones especificas, si sabemos que se va a usar mucho en nuestro sistema
La transversalidad facilita el uso de la libreria.
- Separa:
- Recursos graficos, libreria complementaria.
- Componentes.