Grau i Màster de Multimèdia Universitat Oberta de Catalunya
Disseny d'Interfícies Grau i Màster de Multimèdia

Treballar amb UI kits

Què és un UI kit?

Un UI kit (de l’anglès user interface kit) és un arxiu que inclou diversos elements predissenyats (com, per exemple: botons, icones, taules, formularis, controls lliscants o sliders, etc.) per a ajudar-nos a desenvolupar les nostres interfícies d’usuari. Es poden editar fàcilment (els elements en un UI kit acostumen a estar fets amb capes), de manera que podem personalitzar-los o adaptar-los a les nostres necessitats (canviar la mida, el color, etc.).

El format habitual dels UI kits és PSD, un tipus d’arxiu que pot editar-se amb el programa Adobe Photoshop. També podem trobar-los en format Illustrator, HTML5 i CSS3.

Per a què serveix un UI kit?

Moltes vegades, l’ús d’un UI kit ens ajuda a millorar els nostres dissenys o a explorar nous camins, ja que en descarregar-nos un UI kit sencer podem descobrir elements o solucions a problemes de disseny en els quals ni tan sols havíem pensat.

A més, per als que no saben dissenyar, els UI kits són un recurs magnífic per a fer els prototips més atractius o simplement dotar-los de més realisme.

Però, sobretot, un UI kit serveix per a estalviar temps i diners, ja que són un punt de partida magnífic sobre el qual es pot començar a treballar amb la nostra interfície, sense necessitat de dissenyar des de zero tots els elements i detalls.

Quan som en la fase de prototipatge, els UI kits resulten molt útils per a “vestir” ràpidament el nostre treball i ajudar els nostres clients a tenir una idea més clara de com serà el producte final.

On es poden trobar UI kits?

Les pàgines web especialitzades en disseny solen publicar regularment enllaços a UI kits gratuïts que es poden descarregar. N’hi ha prou amb una senzilla cerca a Internet (per exemple: free psd ui kit) per a tenir accés a aquests recursos.

Especialment cèlebres en la Xarxa són els PSD de teehan+lax amb la interfície gràfica d’iOS 7 (GUI kit) per a iPhone i iPad, la qual cosa ens permet crear prototips ràpidament en aquest sistema operatiu.

Enllaços relacionats:
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