Grado y Máster de Multimedia Universitat Oberta de Catalunya
Diseño de Interfaces Grado y Máster de Multimedia

Trabajar con UI kits

¿Qué es un UI kit?

Un UI kit (del inglés user interface kit) es un archivo que incluye varios elementos ya prediseñados (como por ejemplo: botones, iconos, tablas, formularios, sliders, etc.) para ayudarnos en el desarrollo de nuestras interfaces de usuario. Se pueden editar fácilmente (los elementos en un UI kit suelen estar hechos con capas), de manera que podemos personalizarlos o adaptarlos a nuestras necesidades (cambiar tamaño, color, etc.).

El formato habitual de los UI kits es PSD, un tipo de archivo que puede editarse con el programa Adobe Photoshop. También podemos encontrarlos en formato Illustrator, HTML5 y CSS3.

¿Para qué sirve un UI kit?

Muchas veces, el uso de un UI kit nos ayuda a mejorar nuestros diseños o explorar nuevos caminos, ya que al descargarnos un UI kit entero podemos descubrir elementos o soluciones a problemas de diseño en los que ni siquiera habíamos pensado.

Para quienes no saben diseñar, además, los UI kits son un magnífico recurso para hacer sus prototipos más atractivos, o simplemente dotarlos de mayor realismo.

Pero, sobre todo, un UI kit sirve para ahorrar tiempo y dinero, ya que supone un magnífico punto de partida sobre el que empezar a trabajar nuestra interfaz, sin necesidad de diseñar desde cero todos los elementos y detalles.

Cuando estamos en la fase de prototipado, los UI kits resultan muy útiles para “vestir” rápidamente nuestro trabajo y ayudar a nuestros clientes a tener una idea más clara de cómo será el producto final.

¿Dónde encontrar UI kits?

Las páginas web especializadas en diseño suelen publicar regularmente enlaces a UI kits gratuitos para su descarga. Basta con una sencilla búsqueda en internet (por ejemplo: free psd ui kit) para tener acceso a estos recursos.

Especialmente célebres en la red son los PSD de teehan+lax con la interfaz gráfica de iOS 7 (GUI kit) para iPhone y iPad, lo que nos permite crear prototipos rápidamente en este sistema operativo.

Enlaces relacionados:
What is UI kit and why you should use it
365psd, download a free PSD every day
Freebiesbug, latest PSDs and other resources for designers
UI kits en dribbble