Un wireframe este o prezentare simplă a unui site web sau a unei aplicații. Este deosebit de utilă în timpul etapelor timpurii ale unui produs, deoarece transmite ideile dvs. de design. Poate și mai important, un wireframe vă permite să testați experiența utilizatorului chiar înainte de a lucra cu culorile și tipografia.
Cel mai simplu și mai rapid mod de a schița un wireframe este cu creionul și hârtia, dar acest lucru este cu greu productiv și eficient în lumea digitală de astăzi. Așadar, cum puteți crea rapid un wireframe util? Vestea bună este că tot ce aveți nevoie este un kit de wireframe digital. Vestea și mai bună este că există kituri de wireframe care sunt gratuite.
Pentru a vă ușura munca, am curatoriat unele dintre cele mai bune kituri de wireframe Sketch de pe web și mobil. Puteți descărca aceste kituri gratuit și le puteți refolosi pentru alte proiecte de interfețe mobile și web pe care le puteți avea mai târziu.
- Carbon – Material Sketch Wireframe Kit Resource
- Simple wireframe kit – Free Sketch wireframe kit web
- Savvy – Sketch iOS wireframe kit
- Moon – Sketch mobile wireframe kit
- Nolte – Wireframe kit v2 Sketch web
- Snap – Sketch wireframe UI kit iOS
- Teracy – Sketch wireframe kit iOS/Android
- Basic Wireframe Kit – Sketch app wireframe kit
- Atomic – Sketch wireframe kit pentru design atomic
- Lightweight – Sketch wireframe kit free
- Wireframing Sketch Symbols Resource
- Fleetster – Wireframe kit sketch resource web
- Wireframing UX Kit Sketch
- Scheme wireframe Sketch resursă web
- Nolte – Sketch wireframe UX kit web
- Frames – Sketch UI kit desktop
- Platforma – Ultimate Wireframe Kit of 200+ Layouts for Sketch
- Information Architecture Kit – Kit de interfață wireframe pentru Sketch
- Wireframe pentru Sketch 3 Resource
Carbon – Material Sketch Wireframe Kit Resource
Designer: Panagiotis
Popularitate: 63063 vizualizări și 20780 descărcări
Carbon este un kit de wireframing de design material foarte frumos și de înaltă calitate. Este format din 15 artboards cu straturi bine structurate și denumite, precum și o mulțime de elemente reutilizabile. Kitul este ideal pentru a crea wireframe-uri și machete de înaltă calitate pentru aplicații de comerț electronic Android.
Simple wireframe kit – Free Sketch wireframe kit web
Designer: Nicolaj Reck
Popularitate: 38619 vizualizări și 18281 descărcări
Simple wireframe kit este un kit gratuit de wireframe cu toate elementele pe care le-ați dorit vreodată. De asemenea, puteți redimensiona cu ușurință toate elementele fără să le stricați proporțiile.
Savvy – Sketch iOS wireframe kit
Designer: Megan Balaguer
Popularitate: 102 like-uri și 4.146 vizualizări
Aplicațiile mobile trebuie să fie wireframed la fel ca și site-urile web, iar kitul Savvy Sketch iOS este perfect pentru designerii de aplicații iPhone. Acest kit de interfață este actualizat frecvent cu noi caracteristici, cea mai recentă versiune concentrându-se pe iOS 11. Este extrem de precisă, ceea ce facilitează convertirea wireframe-urilor în aplicații complete. Utilizarea acestui kit UI este gratuită.
Moon – Sketch mobile wireframe kit
Designer: George Frigo
Popularitate: 61890 vizualizări și 22344 descărcări
Moon se remarcă prin includerea a 50 de vizualizări pentru fiecare element utilizat în proiectarea aplicațiilor, fie că este vorba de un storyboard sau de un wireframe de bază. Vizualizările se încadrează în următoarele categorii: Splash, Login, Meniu, Meniu, Setări, Galerie, Feed, Articole din listă, Contact, Profil, Notificări, Comentarii, Statistici și Coș. Dacă lucrați la o aplicație de comerț electronic, Moon este cel mai bun kit Sketch de utilizat.
Nolte – Wireframe kit v2 Sketch web
Designer: Ben Balderas
Popularitate: 4369 vizualizări și 1606 descărcări
Nolte se bazează pe designul atomic al lui Brad Frost, așa că acest kit UX vă va simplifica cu siguranță procesul de wireframing. Puteți folosi moleculele pre-făcute pentru a crea rapid șabloane. Alternativ, vă puteți construi propriile molecule folosind atomii încorporați. Totul este reutilizabil și bine organizat cu Sketch Symbols și Overrides.
Snap – Sketch wireframe UI kit iOS
Designer: Ivor Hook
Popularitate: 83197 vizualizări și 35995 descărcări
Snap este o resursă frumoasă și utilă creată exclusiv pentru cârligele de design de către Jon Rundle. Snap este un kit de wireframing Sketch, în special pentru iOS. Puteți folosi Snap pentru a macheta rapid fluxul aplicației dvs. pe ecranele obișnuite ale iOS. Kitul conține, de asemenea, elemente care vă permit să creați ecrane suplimentare, pe care le puteți personaliza pentru a se potrivi nevoilor dumneavoastră.
Teracy – Sketch wireframe kit iOS/Android
Designer: Anh Nguyen
Popularitate: 312372 vizualizări și 48074 descărcări
Teracy a fost creat special pentru a ajuta la accelerarea procesului de wireframing. Acest kit include elemente UI de bază pentru web și mobil. Alte dispozitive vor fi adăugate în viitor. Cu Teracy, puteți proiecta liber și rapid.
Basic Wireframe Kit – Sketch app wireframe kit
Designer: Micah Sivitz
Popularitate: 8.671 vizualizări și 59likes pe dribbble
La bază, wireframing-ul este un proces foarte simplu. Acesta este motivul pentru care acest kit de wireframe de bază este o alegere excelentă pentru utilizatorii Sketch. Nu poate fi mai simplu decât schema în alb și negru a kitului. Toate elementele sale se integrează bine în orice tip și stil de site web. Deși îi lipsesc unele pictograme de bază, cum ar fi social media, simplitatea sa îl face o resursă indispensabilă pentru oricine se îndepărtează de software-ul Adobe
Atomic – Sketch wireframe kit pentru design atomic
Designer: Jolene Chichigeh
Popularitate: 19860 vizualizări și 11140 descărcări
Atomic wireframe kit este pentru crearea de wireframe-uri rapide folosind principii de design atomic/componente. Dacă sunteți interesat de Atomic Design, veți găsi că este o abordare foarte utilă pentru proiectarea unui sistem complex. Atomic se deosebește de alte kituri de wireframe prin faptul că oferă varietate vizuală, urmând în același timp principiul Atomic Design.
Lightweight – Sketch wireframe kit free
Designer: Elwin van den Hazel
Popularitate: 5179 vizualizări și 1819 descărcări
Dacă lucrați la o aplicație sau la un proiect web, Lightweight vă va permite să creați wireframe-uri simple, Cu structura sa modulară, aplicația vă ușurează munca. Puteți afla mai multe despre kit vizitând pagina GitHub a lui Elwin.
Wireframing Sketch Symbols Resource
Designer: Mariusz Ostrowski
Popularitate: 38424 vizualizări și 12754 descărcări
După cum îi spune și numele, acest kit este compus din simboluri Sketch care pot fi folosite la wireframing. Simbolurile sunt personalizabile – de exemplu, schimbați culoarea (folosind funcția Color Adjust) și orientarea (Flip și Rotate). Simbolurile sunt disponibile atât pentru iOS, cât și pentru Android.
Fleetster – Wireframe kit sketch resource web
Designer: Mauritius D Silva
Popularitate: 4351 vizualizări și 1703 descărcări
Fleetster este o companie de software cloud de gestionare a flotei, partajare de mașini și închiriere cu sediul în München, Germania. Resursa lor este un instrument excelent pentru designerii care lucrează la proiecte legate de închirierea de mașini. Crearea de wireframe-uri și machete cu funcționalitatea de rezervare a închirierii de mașini în minte este o briză cu Fleetster.
Wireframing UX Kit Sketch
Designer: Mikolaj Dobrucki
Popularitate: 17779 vizualizări și 9985 descărcări
Această resursă impresionantă de wireframe este un pachet de wireframing UI extrem de personalizabil creat pentru a vă ajuta să planificați și să construiți rapid interfețe complexe. Kitul vine cu peste 300 de componente predefinite, stiluri de text și stiluri de strat. Acest fișier conține un amestec de elemente web, iOS și Android. În ciuda numărului mare de elemente, nu vă veți confunda, pentru că toate sunt organizate frumos. Mai mult decât atât, pentru a păstra lucrurile simple, puteți crea componente pentru toate platformele dintr-o singură dată.
Scheme wireframe Sketch resursă web
Designer: Devbridge
Popularitate: 23664 vizualizări și 5709 descărcări
Șablonul Wireframe este pentru proiecte de design mai mari, mai complexe, care necesită adesea o punte de înaltă fidelitate cu adnotări. Cu funcțiile sale puternice, poate economisi timp și poate favoriza consecvența în întreaga organizație.
Nolte – Sketch wireframe UX kit web
Designer: Orcun Ilbeyli
Popularitate: 35589 vizualizări și 15773 descărcări
Nolte oferă o experiență de utilizare receptivă, care este esențială pentru a face procesul de wireframing mai eficient. Acest instrument și-a dovedit valoarea de nenumărate ori și face parte din procesul de prototipare al multor designeri de succes. Indiferent dacă sunteți o organizație axată pe produs, un freelancer sau o agenție, Nolte este un instrument excelent de eficientizare.
Frames – Sketch UI kit desktop
Designer: Mariz Melo
Popularitate: 47742 vizualizări și 15762 descărcări
Frames evoluează Sketch kit UI wireframe reutilizabil pentru proiectele dumneavoastră. Frame este un kit de wireframing albastru care oferă atât la nivel practic, cât și la nivel estetic. Este un kit reutilizabil cu elemente cu design unic, care va adăuga un plus de dinamism wireframe-urilor dvs. Chiar mai bine, elementele sunt vectoriale, astfel încât le puteți redimensiona fără pierderi de calitate.
Platforma – Ultimate Wireframe Kit of 200+ Layouts for Sketch
Popularitate: 222 Vânzări
Platforma este o colecție de 200+ layout-uri wireframe împărțite în 15 categorii populare de conținut și asamblate cu grijă pentru Sketch. Este un instrument perfect pentru crearea unui prototip interactiv folosind multe instrumente rapide de wireframing, cum ar fi Mockplus, Invision, UXPin etc. Totuși, costă 68 de dolari.
Information Architecture Kit – Kit de interfață wireframe pentru Sketch
Popularitate: 42.155 de afișări și 663 de aprecieri
Dacă aveți nevoie de o modalitate simplă de a arăta caracteristicile de bază și fluxul unei aplicații înainte de a vă scufunda într-o fază extinsă de wireframing, atunci acest kit este instrumentul perfect. Este disponibil în formatele Illustrator și Sketch.
Ce primiți:
- 250 de șabloane
- 500+ elemente
- Bazat pe vectori, complet scalabil
- Desenat minuțios
- Compatibil cu Adobe CS6+ & Sketch 3+
Wireframe pentru Sketch 3 Resource
Designer: deadmau5
Popularitate: 25245 vizualizări și 5139 descărcări
Acest kit wireframe este inspirat de wireframe-ul original al Sketch 3. Fiind o resursă complet gratuită, acest instrument este excelent pentru proiectele aflate la început de drum.
Iată-le – cele mai bune kituri de wireframe Sketch pe care le puteți folosi pentru următoarele dvs. proiecte. Sper că aceste resurse vă vor inspira să inovați și să creați lucruri care sunt atât frumoase, cât și utile.
Toate șabloanele Sketch menționate mai sus pot fi importate în instrumente de wireframing, cum ar fi Mockplus, un instrument rapid cu un plugin Sketch. Puteți să le folosiți cu ușurință ca referințe și să vă personalizați propriile aplicații.
Pentru o mai bună colaborare de proiectare în timp real, puteți, de asemenea, să importați toate șabloanele Sketch (după ce le-ați editat pe toate în funcție de propriile nevoi) enumerate mai sus în site-urile de colaborare online pentru proiectare și de predare-primire cu un plugin Sketch. Apoi, puteți să adunați cu ușurință feedback și sugestii, să comunicați fără probleme cu designerii, dezvoltatorii și managerii de produs și să vă transferați cu ușurință proiectele de aplicații.
O bună colaborare poate face mult mai ușor pentru dvs. și echipa dvs. să creați un miracol.
.