Variante de componente
Una variante es una forma definida de un componente compartido. Se diferencia de un estado de interacción temporal.
Definir diferencias dentro de un componente
Una variante de componente es una forma definida deliberadamente del mismo componente de interfaz. Puede variar según su significado, tamaño o uso. Cada sistema de diseño decide qué diferencias constituyen variantes.
En un ejemplo simplificado, un botón tiene una variante principal para la acción prioritaria y otra más discreta para una acción secundaria. Ambas comparten reglas fundamentales. Tener el foco del teclado o procesar una solicitud describe, en cambio, un estado temporal.
Una herramienta de diseño puede representar variantes y estados de forma técnicamente similar; la distinción conceptual sigue siendo útil. Una variante tampoco es una copia independiente del componente. Las copias pueden perder las actualizaciones comunes. Las nuevas variantes deben responder a una necesidad realmente recurrente para mantener comprensible el componente.
Fuentes
Términos relacionados
- Componente de interfazUn componente de interfaz es una pieza reutilizable. Su función determina la presentación y el comportamiento de interacción necesarios.
- Sistema de diseñoUn sistema de diseño reúne reglas visuales, componentes reutilizables y pautas de uso. También necesita mantenimiento y seguimiento de cambios.
- Traspaso del diseño al desarrolloEl traspaso del diseño prepara su implementación. Los estados, el comportamiento y las decisiones pendientes deben quedar claros.
- Biblioteca de componentesUna biblioteca de componentes reúne elementos de interfaz reutilizables. Para usarlos también importan el comportamiento, las variantes y la versión adecuada.
- Token de diseñoUn token de diseño almacena una decisión visual con nombre. Varios componentes pueden reutilizarlo y su valor se modifica en un lugar definido.
Artículos sobre el tema
Su proyecto con ASES
Descríbanos su proyecto. Le responderemos con una primera valoración.