Hoy en día casi todos los diseñadores (y no diseñadores) de distintas especializaciones conocen la importancia de construir propuestas cada vez más complejas y al mismo tiempo más rápidas. Por tal motivo no es de extrañar qué en procesos de Fast prototyping sea necesario recurrir a sistemas de diseño o kits de interfaces (UI KIT). Sistemas de diseño y UI Kit son conceptos distintos, en esta oportunidad abordaremos la temática de los kits de interfaces
Ahora bien, es imprescindible conocer qué es un kit de interfaz de usuario y que beneficios presta a la hora de trabajar en nuestros proyectos.
Primero lo primero:
Un kit de interfaz de usuario (cómo lo define Invision) es un conjunto de archivos que contiene componentes críticos de la interfaz de usuario como fuentes, archivos de diseño en capas, iconos, documentación y archivos HTML / CSS. (Source: Invision)
Los kits de interfaz de usuario pueden ser bastante simples con unos pocos botones y componentes de diseño, o extremadamente robustos con conmutadores que cambian las fuentes, los colores y las formas sobre la marcha.
Del mismo modo, Adobe XD (Source: Adobe XD), define los kits de interfaz de usuario cómo una colección de activos que contiene un conjunto de elementos de diseño, como componentes y estilos de IU.
Estos componentes, son elementos que transmiten significado y brindan funcionalidad a los usuarios. Algunos ejemplos de componentes de la interfaz de usuario son formularios de entrada, widgets y menús de navegación (entre otros).
Por otro lado, la mayoría de estos kits cuentan con estilos que son los atributos visuales del diseño, como: Fuentes, colores y formas.
Ahora bien, algunas propiedades de estos estilos como el color juegan un papel tremendo en cómo los usuarios entienden e interpretan un diseño. Si quieres profundizar algunos conocimientos sobre la teoría del color te invitamos a consultar este artículo: ¿Qué es la teoría del color ?
La presencia de determinados elementos o componentes dentro de este tipo de documentos dependen de su propósito. Los kits de UI generalmente contienen opciones o ejemplos de maquetas para una solución en una categoría particular (como diseño de UX de comercio electrónico, diseño de UX de atención médica y otros).
Dicho lo anterior es importante destacar las ventajas de este tipo de archivos y sus componentes.
Entender como están diseñados los componentes y elementos de una interfaz puede ayudarte a mejorar tus habilidades de diseño y de esa forma construir un día tu propio UI Kit.
Acá en Clever Experience trabajamos en un pequeño UI KIT que puede ayudarte en la próxima propuesta rápida, idea o proyecto que debas o quieras desarrollar.Ingresa tu nombre y correo para descargar.