Cele mai bune 25 de componente ale interfeței de utilizare pentru aplicații și design web

Publicat: 2018-05-31

Dacă ești un designer de aplicații sau web care lucrează la un proiect de interfață cu utilizatorul, atunci această listă este pentru tine! Iată câteva dintre cele mai bune și mai proaspete componente ale interfeței de utilizator atât pentru proiectele de aplicații, cât și pentru cele web.

Cuprins ascunde
Kauf: Kit gratuit de interfață web pentru Photoshop
Planguru: Kit gratuit de interfață pentru aplicații de planificare și evenimente
Pin
H1: Un kit de interfață mobilă colorat
Pin
Kit gratuit de interfață pentru iOS pentru Photoshop și Sketch
Pin
Kitul Facebook iOS iPhone UI
Pin
Vera Block: un set imens de componente UI și ecrane de aplicații
Pin
Elemente: Kit de interfață de bord pentru Photoshop și Sketch
Pin
Kit de interfață de utilizare în stil widget pentru site-uri web
Pin
Edacious: Kit gratuit de interfață pentru alimente pentru web și aplicații
Pin
Resurse Apple UI Design pentru Photoshop și Sketch
Pin
Kit Facebook iOS UI
Pin
Guacamole: Kit UI gratuit pentru Photoshop, Xd și Sketch
Pin
Kit UI Relate: 45 de șabloane gratuite pentru Sketch și Photoshop
Termen limită: Kit UI gratuit pentru Photoshop
Pin
Kit UI de peste 55 de elemente pentru construirea de site-uri web
Pin
Avital: Kit UI gratuit pentru aplicații mobile
Pin
Portland: Kit gratuit de interfață bazat pe Bootstrap
Pin
Avantaje: Kit UI mobil pentru reviste de călătorie
Pin
Monica – Kit gratuit de interfață PSD pentru comerț electronic
Pin
Kit Fair Mobile UI: 8 ecrane de aplicații gratuite
Pin Chat: Kit UI minim (PSD + Schiță)
Pin
Kit cu interfață de utilizare pentru iOS cu 10 ecrane
Pin
Kitul Zoom UI
Pin
Elegance – Kit UI pentru iOS
Pin
Kit de interfață pentru alimente și băuturi
Pin

Aceste gratuități sunt toate concepute cu forme vectoriale și folosesc fonturi Google. Ele vin ca fișiere bine organizate, cu foldere sortate, astfel încât să le puteți personaliza ușor și rapid și să le adaptați la propria dvs. muncă.

Aceste kituri de componente UI vin cu tone de elemente utile UI din mai multe categorii, care vă vor ajuta să creați prototipuri și să proiectați interfețe minunate.

Puteți folosi aceste componente ale interfeței de utilizare pentru a proiecta aplicații iOS, aplicații Android, aplicații web și multe altele. Aceste kituri de interfață curată au perechi minunate de fonturi și palete de culori echilibrate.

Previzualizează-le mai jos.

Kauf: Kit gratuit de interfață web pentru Photoshop

Kauf este un kit de componente web gratuit, creat cu Photoshop. Conține peste 200 de elemente de interfață care pot fi folosite pentru articole, comerț electronic, anteturi, navigații, formulare, widget-uri și multe altele!1 Kauf- Kit gratuit de interfață web pentru componentele Photoshop Pin

Planguru: Kit gratuit de interfață pentru aplicații de planificare și evenimente

Planguru este un alt kit de componente UI gratuit, de data aceasta proiectat în Sketch, dar disponibil și cu o versiune Photoshop. Conține 18 ecrane frumos concepute, cu o mulțime de componente utile, cum ar fi calendare, chat-uri, sisteme de notificare și multe altele.

2 componente Planguru UI Pin

H1: Un kit de interfață mobilă colorat

H1 este un kit de componente colorate pentru interfața de utilizare mobilă care poate fi descărcat în formatele de fișiere PSD și Sketch. include peste 100 de șabloane de ecran cu peste 400 de elemente uimitoare ale interfeței cu utilizatorul din care puteți alege.

3 H1- Un kit de interfață mobilă colorat Pin

Kit gratuit de interfață pentru iOS pentru Photoshop și Sketch

Iată un alt set masiv de componente pentru interfața de utilizare iOS care conține ecrane și elemente comune de interfață, cum ar fi forme, controale, containere și pictograme. Acesta este un kit UI gratuit care poate fi descărcat în format PSF.

4 Kit gratuit de interfață pentru iOS 11 pentru Photoshop și Sketch Pin

Kitul Facebook iOS iPhone UI

Consultați acest gratuit GUI iOS de care aveți cu siguranță nevoie dacă lucrați cu aplicații iOS. Acesta poate fi descărcat în diferite formate de fișiere, pentru Origami, Sketch și Photoshop.

5 Facebook iOS 11 iPhone UI Kit Pin

Vera Block: un set imens de componente UI și ecrane de aplicații

Vera Block este un uriaș gratuit de componente UI care conține peste 100 de componente UI și peste 140 de ecrane mobile pentru Sketch și Photoshop. Folosiți-l pentru a vă accelera fluxul de lucru de proiectare mobilă. Acest kit este flexibil, ușor de utilizat și echilibrat.

6 Vera Block - Un set imens de componente UI și ecrane pentru aplicații Pin

Elemente: Kit de interfață de bord pentru Photoshop și Sketch

Elements este un kit de componente UI gratuit care include elemente utile, cum ar fi intrări, butoane, selecții, meniuri derulante, notificări, tabele și multe altele, precum și tablouri de bord/design de pagini de administrare. Poate fi descărcat atât în ​​format PSD, cât și în Sketch.

7 Elemente - Kit de interfață de bord pentru Photoshop și Sketch Pin

Kit de interfață de utilizare în stil widget pentru site-uri web

Dacă aveți nevoie de un kit de componente UI curat, acest kit UI de bază în stil widget este ceea ce căutați. Conține 25 de componente gata făcute pe care le puteți folosi pentru a vă actualiza designul site-ului. Disponibil în format PSD.

8 Kit de interfață de utilizare în stil widget pentru site-uri web Pin

Edacious: Kit gratuit de interfață pentru alimente pentru web și aplicații

Edacious este un kit PSD UI cu o mulțime de funcții interesante pentru crearea de site-uri web și aplicații legate de alimente. Conține 18 ecrane pentru iOS și un șablon de pagină de destinație.

9 Edacious- Kit gratuit de interfață pentru alimente pentru web și aplicații Pin

Resurse Apple UI Design pentru Photoshop și Sketch

Ghidurile pentru interfața umană iOS au fost actualizate de Apple, așa că trebuie neapărat să descărcați acest kit de resurse pentru design UI! Include elemente de UI, șabloane, palete de culori, pictograme și alte active utile.

10 resurse Apple UI Design pentru Photoshop și Sketch Pin

Kit Facebook iOS UI

Iată setul Facebook iOS Light UI pe care îl puteți folosi pentru a crea design-uri uimitoare, curate și simple de aplicații.

11 Componente UI kit Facebook iOS 10 UI Pin

Guacamole: Kit UI gratuit pentru Photoshop, Xd și Sketch

Guacamole este un kit UI gratuit disponibil pentru Photoshop, Adobe Xd sau Sketch. Include peste 150 de pictograme, peste 70 de elemente, peste 600 de straturi pregătite pentru retină și peste 500 de forme vectoriale.

12 Guacamole- Kit UI gratuit pentru Photoshop, Xd și Sketch Pin

Kit UI Relate: 45 de șabloane gratuite pentru Sketch și Photoshop

Kitul Relate UI vine cu fișiere Sketch și PSD și include o mulțime de elemente UI uimitoare, cum ar fi șabloane pentru 15 categorii diferite și peste 100 de elemente care sunt complet scalabile și perfecte în pixeli!13 Relaționați kit-ul UI-45 șabloane gratuite pentru Sketch și Photoshop Pin

Termen limită: Kit UI gratuit pentru Photoshop

Deadline este un kit de componente UI gratuit pentru Photoshop și este format din peste 100 de elemente, peste 80 de ecrane prefabricate uimitoare, elemente de comerț electronic și multe altele. Profită de acest minunat gratuit și descarcă-l imediat.

14 Termen limită - Kit UI gratuit pentru Photoshop Pin

Kit UI de peste 55 de elemente pentru construirea de site-uri web

Iată un alt set de componente UI gratuit format din peste 50 de elemente pe care le puteți folosi pentru a proiecta site-uri web curate și moderne. PSD-ul gratuit poate fi descărcat cu doar câteva clicuri.

15 55+ Elements UI kit pentru construirea de site-uri web Pin

Avital: Kit UI gratuit pentru aplicații mobile

Acest kit mobil profesional este format din peste 20 de ecrane iOS concepute pentru a vă ușura fluxul de lucru. Aceste ecrane elaborate fac parte din 7 categorii diferite și vin ca fișiere Photoshop și Sketch.

16 Avital- Kit UI gratuit pentru aplicații mobile Pin

Portland: Kit gratuit de interfață bazat pe Bootstrap

Portland este un kit UI bazat pe grile Bootstrap. Poate fi folosit pentru a proiecta șabloane de site-uri web, deoarece include unele componente populare, cum ar fi anteturi, glisoare eroi, meniuri, elemente de paginare etc.

17 Portland - Kit de interfață gratuită bazat pe Bootstrap Pin

Avantaje: Kit UI mobil pentru reviste de călătorie

Ventas este un kit gratuit de interfață pe care îl puteți folosi pentru a crea aplicații mobile minunate pentru reviste de călătorie. Acest mini kit include 6 ecrane complet personalizabile și vine sub formă de fișier PSD complet stratificat.

18 Ventas- Kit UI mobil pentru reviste de călătorie Pin

Monica – Kit gratuit de interfață PSD pentru comerț electronic

Monica este un alt uimitor kit gratuit de componente PSD UI, cu o mulțime de elemente utile pentru construirea de site-uri web de comerț electronic complet funcționale. Descarcă PSD gratuit!

19 Monica – Kit gratuit de interfață PSD pentru comerț electronic Pin

Kit Fair Mobile UI: 8 ecrane de aplicații gratuite

Fair este un kit de interfață mobilă cu peste 100 de ecrane! Versiunea gratuită conține doar 8 ecrane cu un design modern și elegant. Descărcați fișierul PSD gratuit.

20 Fair Mobile UI Kit - 8 ecrane de aplicații gratuite Pin
Chat: Kit UI minim (PSD + Schiță)

Chat este un kit gratuit de componente minime pentru interfața utilizator pentru proiectarea de aplicații minunate. Conține 60 de șabloane în 12 categorii și 80 de elemente UI. Vine ca fișiere Photoshop și Sketch.

21 Chat- Kit UI minim (PSD + Schiță) Pin

Kit de curățare a interfeței iOS cu 10 ecrane

Iată un kit iOS curat cu 10 ecrane de aplicații care vin ca fișiere PSD complet editabile și stratificate.

22 Kit cu interfață de utilizare pentru iOS cu 10 ecrane Pin

Kitul Zoom UI

Zoom este un kit de interfață de utilizare special conceput pentru paginile de destinație care prezintă aplicații mobile. Utilizați acest fișier PSD gratuit pentru a crea pagini de destinație superbe pentru designul aplicației dvs.!

23 Kit Zoom UI Pin

Elegance – Kit UI pentru iOS

Elegance este un kit de componente de interfață de utilizare pentru design de aplicații de comerț electronic, care este format din 12 ecrane de înaltă calitate pentru iOS. Puteți descărca fișierele PSD și Sketch gratuite din linkul de mai sus.

24 Elegance iOS UI Kit gratuit Pin

Kit de interfață pentru alimente și băuturi

Food & Drink este un kit de interfață de utilizare curat, cu tone de elemente widgetizate, perfect pentru industria alimentară și a băuturilor. Folosiți-l pentru a crea aplicații și site-uri web interesante legate de alimente.

25 Componente UI kit pentru mâncare și băutură Pin