Cea mai mare colecție de resurse gratuite de aplicații Sketch, care acoperă kituri de wireframe pentru schițe, prototipuri de schițe, șabloane de aplicații pentru schițe, șabloane de aplicații pentru schițe etc.

Sketch, instrument de design vectorial care rulează pe Mac, este simplist și ușor de utilizat, ceea ce îl face preferat de tot mai mulți designeri. În plus, din ce în ce mai mulți designeri împărtășesc resurse gratuite ale aplicației Sketch, oferind designerilor UX/UI o mână de ajutor în construirea proiectelor lor ușor și rapid. Aici am colectat 30 dintre cele mai bune resurse gratuite ale aplicației Sketch, inclusiv kituri Sketch UI, wireframe-uri Sketch, plugin-uri Sketch, șabloane de aplicații Sketch și multe altele.

Iată o colecție a celor mai bune kituri gratuite de wireframe Sketch pentru proiectarea wireframe-urilor pentru aplicații mobile și site-uri web în 2018. Un wireframe este una dintre cele mai bune modalități de a vă împărtăși ideile de design și puteți descărca pur și simplu oricare dintre următoarele kituri pentru a vă desena propriile aplicații și site-uri web fără efort.

Liberty Mobile Wireframe Kit

Liberty Mobile Wireframe Kit este un instrument extrem de personalizabil pentru proiectarea aplicațiilor mobile la viteză maximă. Prin simpla glisare și plasare a elementelor sale personalizate preproiectate, vă puteți desena propria aplicație mobilă. În plus, include 125 de ecrane, fonturi Google gratuite și o gamă largă de elemente cu personalizare completă, făcând din orice proiect, mare sau mic, o comandă scurtă. Acest kit are fișiere PSD și Sketch.

Caracteristici:

• 9 Categorii
• Complet stratificat
• 2x Rezoluție 750x1334px
• Compatibil cu Sketch & Photoshop

Descărcare gratuită: https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

Mobile UI Wireframe Kit a fost proiectat de Ray Macari. Această resursă este un mare succes pe SketchApp cu 72353 vizualizări și 32906 descărcări. Acesta conține 57 de ecrane mobile și pictograme de gesturi care vă pot accelera fluxul de lucru UX. Toate elementele sunt complet personalizabile, astfel încât puteți edita cu ușurință orice stil. În plus, sunteți liber să arătați layout-ul de bază al paginii, arhitectura aplicației, conținutul și fluxul UI cu acest kit.

Caracteristici:

• 57 de ecrane mobile
• Icoane de gesturi
• Elemente de notare și simboluri

Descărcare gratuită: https://www.sketchappsources.com/free-source/2162-…

Wireframe Sketch Resource

Acest kit de wireframe Sketch a fost proiectat de Riza Selçuk Saydam, un designer care împărtășește resurse gratuite de design. Riza a împărtășit anterior designul aplicației mobile Akıllı Vatandaș, dar fără wireframe-ul acesteia; de atunci, el a postat acest kit pe SketchApp. Acesta are 49391 vizualizări și 20188 descărcări deocamdată de la postare. Puteți merge chiar și la studiul de caz Smart Citizen Mobile App pentru mai multe informații.

Caracteristici:

• Stil plat
• Compatibil cu Sketch & Photoshop
• Stil vectorial
• Freebie Sketch wireframe kit

Descărcare gratuită: https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

Carbon Material Wireframe Kit a fost proiectat de un coleg designer din Grecia pe nume Panagiotis. Acest kit de wireframing de design material de înaltă calitate, plăcut din punct de vedere estetic, este format din 15 artboard-uri cu straturi bine structurate și denumite, precum și o mulțime de elemente reutilizabile. Este un instrument preferat pentru aplicațiile dvs. de comerț electronic Android. Foarte popular, acest kit gratuit are 72216 vizualizări și 24018 descărcări.

Caracteristici:

• Stilul de design material
• 15 artboards
• Capitole bine structurate
• Principal personalizabile și editabile

Descărcare gratuită:https://www.sketchappsources.com/free-source/2337-….

Low-fidelity App Wireframe Kit Sketch Resource

Low-fidelity App Wireframe Kit a fost proiectat de Kishore. Cu el, aveți toate elementele de bază pentru a vă desena aplicația mobilă cu un wireframe de fidelitate redusă. În prezent are 26122 vizualizări și 11171 descărcări.

Descărcare gratuită:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kit a fost proiectat de Steph Kelly. Dacă aveți nevoie de un kit de wireframe pentru proiectarea aplicațiilor Android, vă recomandăm să îl folosiți pe acesta. Acest kit are în prezent 23836 vizualizări și 11044 descărcări.

Descărcare gratuită: https://www.sketchappsources.com/free-source/2995-…

Sketch Prototyping Resources

Sketch este un instrument popular pentru Mac. Este mai raționalizat și mai simplu decât Photoshop sau alte aplicații similare. Tot mai mulți designeri împărtășesc resurse gratuite de prototipuri de schițe, care vă pot ajuta să construiți rapid prototipuri interactive pentru proiectul dumneavoastră. Următoarele resurse vă pot ajuta să începeți să creați prototipuri cu Sketch.

Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch

Adminian 2 are o selecție largă de simboluri și șabloane pentru proiectarea rapidă și crearea de prototipuri de layout-uri de aplicații web. Aveți posibilitatea de a desena orice proiect în mod iterativ folosind această resursă de prototipuri. În plus, dispune de abordări multiple care oferă opțiuni pentru proiectul dumneavoastră.

Caracteristici:

• 50+ șabloane de pagină & 120 de pictograme
• 200+ componente UI
• Grilă de design material
• Structura atomică
• Responsabil & Grupuri redimensionabile
• Compatibil cu Sketch

Descărcare gratuită: https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI și Prototype Sketch Resource

Shop iOS App a fost proiectat de Tobia Crivellari. Tobia este o aplicație shop iOS care a fost creată inspirându-se din FILSO CO. Creditele pentru imagini și conținut merg la FILSO CO. Această resursă are 32984 de vizualizări și 8093 de descărcări acum.

Caracteristici：

• Toate conținuturile sunt împachetate
• Peste 10 ecrane în Sketch
• Principiu de prototip pentru iPhone 6

Descărcare gratuită:https://www.sketchappsources.com/free-source/1821-….

Essential Prototyping Template Sketch Resource

Aceasta este o colecție simplă și flexibilă a celor mai utile stiluri și simboluri pentru a crea prototipuri foarte arătoase. Toate simbolurile sunt pregătite pentru caracteristicile Sketch 39. Designerul este Konstantin Tereschenkov și are în prezent 44400 de vizualizări și 12988 de descărcări pe site-ul SketchApp.

Descărcare gratuită:https://www.sketchappsources.com/free-source/2156-…

3 Google Maps Views Sketch Resource

Prototipul cu 3 vizualizări ale framerului Google Maps este proiectat de Sergey Voronov. Această resursă are 41418 vizualizări și 14340 descărcări.

Descărcare gratuită:https://www.sketchappsources.com/free-source/1878-…

Sketch Website Templates Resources

Flexibilitatea și caracteristicile puternice ale unui șablon de site web solid îl fac cel mai bun mod de a construi un site. Iată mai multe resurse de șabloane de site-uri web Sketch pentru inspirație.

Royal London Equestrian – Școala de echitație

Royal London este un șablon de schiță gratuit conceput cu gândul la echitație, ecvestru, grajduri, îngrijirea cailor și școli de echitație. Are toate elementele de design de care aveți nevoie pentru a construi un site web funcțional. Ce este cel mai bine este că puteți crea pagini noi cu elemente de design reutilizabile. Are 2 fișiere, fișiere grafice și fișier Sketch. Acest șablon necesită Sketch 40+.

Caracteristici:

• Șablon ușor de utilizat
• 7 modele de pagini
• 2 modele de pagini de știri
• Simboluri de pagină reutilizabile
• Grilă Bootstrap
• Clasificat & Organizat
• Stil modern &Curat&

Descărcare gratuită:https://themeforest.net/item/royal-london-horse-ri….

Web Wireframe Kit Template – kitul UX perfect pentru orice proiect web

Acest șablon oferă un pachet mare, incluzând 110+ module wireframe și sute de elemente. Puteți crea cu ușurință prototipuri de înaltă fidelitate cu aceste machete de site web folosind Sketch sau Illustrator. Elementele sunt bine organizate pe baza unei grile Bootstrap cu 12 coloane, 1170px. În plus, puteți modifica lățimea elementelor în Sketch folosind funcția de constrângeri.

Caracteristici:

• 110+ module desktop
• Compatibil și realizat pentru Sketch și Illustrator
• Grila Bootstrap
• Ghid de proiectare și pictograme materiale de la Google
• Screenuri de întâmpinare

Descărcare gratuită: https://elements.envato.com/web-wireframe-kit-L7TD…

Wireframing Template Sketch Resource

Acest șablon este format din componente comune de wireframing pentru utilizare pe desktop și dispozitive mobile, inclusiv 1-4 coloane în diferite aranjamente. Tot conținutul și elementele sunt grupate și organizate în mod curat. De exemplu, există grile de 12 coloane bazate pe Twitter Bootstrap. Acest șablon poate fi utilizat pentru design web, precum și pentru alte proiecte digitale. Designerul este Garret Voorhees, iar munca sa are 127459 vizualizări și 46203 descărcări pe SketchApp.

Caracteristici:

• 3 niveluri de navigare mobilă
• O gamă completă de stiluri tipografice
• Diverse elemente UI
• Icoane utilizate în mod obișnuit
• Elemente WYSIWYG

Descărcare gratuită:https://www.sketchappsources.com/free-source/1552-….

Oxy Creative Template – Șablon creativ pentru Sketch & Photoshop

Oxy conține 2 șabloane de site-uri web concepute pentru agenții și studiouri creative. Bazat pe o grilă Bootstrap de 1170px, această resursă este modernă și elegantă. Fișierele PSD sunt complet stratificate și personalizabile. În plus, toate elementele sunt organizate pe grupuri și pot fi identificate cu ușurință și prin numele grupului.

Caracteristici:

• 2 șabloane de pagină
• Design modern
• Bazat pe sistemul de grilă Bootstrap
• Fonduri Google gratuite
• Capacități bine organizate
• Compatibil cu Sketch & Photoshop

Descărcare gratuită: https://ui8.net/products/oxy-creative-template

User Persona Template Sketch Resource

User Persona Template, un șablon foarte simplu creat pentru Sketch, a fost proiectat de Meghan Hartman folosind Fake Crow Persona. Poate fi folosit pentru generarea de personae pentru experiența utilizatorului, branding și strategii de marketing. În prezent, are 39743 vizualizări și 9539 descărcări.

Caracteristici:

• Include un fișier PDF
• Versiune prietenoasă pentru imprimantă

Descărcare gratuită: https://fakecrow.com/free-persona-template/https://fakecrow.com/free-persona-template/

Bootstrap Grid Template Sketch Resource

Grid Template a fost proiectat de Bruno Muller. Este un șablon de layout Sketch 3 bazat pe un sistem de grilă Bootstrap. Are 35257 vizualizări și 11061 descărcări în prezent. Este îmbunătățit cu clase extensibile și un sistem de grilă avansat.

Caracteristici:

• Setări CSS globale Bootstrap
• Elemente HTML fundamentale stilizate

Descărcare gratuită: https://getbootstrap.com/docs/3.3/css/

Mai multe resurse despre Sketch Website Templates

Acesta este un wireframe simplu și gratuit de pagină de aterizare realizat în aplicația Sketch. Este proiectat de Pausrr și are deocamdată 53096 vizualizări și 20206 descărcări.

Descărcare gratuită:https://www.sketchappsources.com/free-source/1580-…

BetterDesk Landing Page Sketch Resource

BetterDesign.io este o platformă socială pentru a vă testa designul, a copia gratuit și a obține rezultate în timp real. Fișierul conține o pagină de aterizare proiectată cu atenție, cu o ilustrație de erou prietenoasă. Este proiectat de Betterdesign.io și are 33081 vizualizări și 16186 descărcări.

Descărcare gratuită:https://www.sketchappsources.com/free-source/2470-…

Mobile UX Template Sketch Resource

Acest șablon UX mobil extins este un set de scheme, exemple de flux de utilizator și o bibliotecă media de pictograme proiectate de ArcTouch. Acesta vă poate ajuta să vă organizați gândirea și să aliniați părțile interesate ale proiectului dumneavoastră. Are 103138 vizualizări și 29879 descărcări.

Descărcare gratuită:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Acest fișier de schiță proiectat de Edwin Delgado are 2 pagini – Assets și Mockup. Edwin a vrut să împărtășească ceva ce a făcut în Sketch în mod liber, așa că aici a venit un șablon simplu de iPhone 6 care poate fi folosit pentru prezentări sau fluxuri. Acesta vine cu câteva linii de bază, butoane și rame. Are două pagini, una pentru Assets, iar cealaltă care detaliază procesul său.

Caracteristici:

• Lini de bază, butoane și cadre
• Două pagini – assets și mockup

Descărcare gratuită:https://www.sketchappsources.com/free-source/1166-….

iPhone 6 Plus și iPhone 6 Wireframe Sketch Resource

Acest iPhone 6 Plus și iPhone 6 Wireframe a fost proiectat de Andrea Ripamonti. Are 82729 de vizualizări și 28999 de descărcări în prezent.

Descărcare gratuită:https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 de schițe de șabloane de profil

Avia UI kit este un kit frumos de profil UI care include 40 de pagini de aterizare organizate și 40 de pictograme gratuite. Fiecare ecran al acestuia este complet personalizabil și excepțional de ușor de utilizat. Creat pentru Sketch și Photoshop, acest kit de profil este a patra parte a unei serii de UI uimitoare.

Caracteristici：

• 40 de pagini de aterizare frumoase
• 40 de pictograme bonus gratuite
• Design extrem de bine finisat
• Organizat frumos

Descărcare gratuită: https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

HEXA este un kit de interfață de site web simplu, curat și creativ creat de Webhance Studio. Acesta este conceput pentru a satisface nevoile de design ale designerilor și dezvoltatorilor. Tipurile de fișiere includ JPG, PNG, PSD, SKETCH, SVG. În plus, are 250 + 250 de pictograme SVG ( vectoriale ) scalabile incluse. Toate elementele sunt libere de utilizare.

Caracteristici:

• Susținut de Adobe Photoshop
• Desene creative și moderne
• File de înaltă calitate și cele mai recente fișiere
• Cea mai recentă versiune Sketch
• Fonduri Google gratuite
• Calitate clară a pixelilor
• 100% straturi și layout-uri editabile

Descărcare gratuită: https://elements.envato.com/hexa-creative-website-…

Snap UI kit – iOS 8 wireframes Built for Sketch

Snap Kit este un instrument de wireframing pentru iOS 8 construit pentru Sketch. Acesta vă ajută să machetați rapid fluxul aplicației dvs. prin intermediul ecranelor comune de iOS prin cele 22 de machete frumoase de iOS 8 și o mulțime de componente UI. Este mult mai ușor să creați wireframe-uri elegante și fluxuri de aplicații structurate folosind acest kit.

Descărcare gratuită: https://designhooks.com/freebies/snap-ui-kit-ios-8…

Material Design Template V2 Sketch Resource

Material Design Template V2 a fost proiectat de Kyle Ledbetter, care are o pasiune pentru Material Design. Are 81459 vizualizări și 32021 descărcări în prezent.

Descărcare gratuită: https://dribbble.com/shots/2296655-Material-Design…

Mai multe despre Sketch UI Design Resources

Bootflat UI kit este o versiune Sketch a cadrului Bootflat proiectat de Anh Nguyen. Are 68220 vizualizări și 20517 descărcări.

Descărcare gratuită: https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

Aceasta este o trusă UI wireframe reutilizabilă Sketch în evoluție, proiectată de Mariz Melo. Are 52048 vizualizări și 16784 descărcări.

Descărcare gratuită: https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

Aceasta este o schemă UI Sketch concepută de Damian Walsh. Bazat pe Twitter Bootstrap, este perfect pentru prototipuri sau pentru a stabili ghiduri de stil front-end. În plus, toate elementele sunt organizate sub formă de simboluri sau stiluri de text, permițând aplicarea modificărilor în întregul proiect.

Descărcare gratuită: https://www.sketchappsources.com/free-source/1448-…

Sketch Plugins Resources

Am rezumat mai jos 2 dintre cele mai bune plugin-uri Sketch pentru designerii UX/UI care vă vor ajuta să vă simplificați fluxul de lucru pentru design.

Mockplus iDoc – Instrument de colaborare online pentru design & handoff design

Mockplus iDoc face ca întregul design al produsului dvs. să lucreze împreună. Acesta generează specificații și active în mod automat, precum și creează prototipuri interactive și animate. Doar încărcați desenele cu un singur clic, doar descărcați pluginul Sketch, puteți genera specificații în mod inteligent și puteți vizualiza datele specificațiilor cu un simplu clic de mouse.

Ce face acest plugin special?

• Facil de accesat specificațiile în diferite moduri

Există trei moduri de specificații în iDoc. Puteți trece peste orice strat; puteți selecta un singur strat sau mai multe straturi; puteți ține apăsat Alt pentru a converti specificațiile în valori procentuale.

• Un singur clic pentru a vizualiza elementele duplicate

Puteți vizualiza elementele de design duplicate cu un singur clic, cum ar fi textul, culoarea, marja și lățimea. Toate elementele duplicate se vor afișa pe ecran deodată, îmbunătățindu-vă mult eficiența muncii.

Mockplus – Quick Prototyping Tool

Utilizând plugin-ul Mockplus în Sketch, puteți exporta fișiere MP și puteți face prototipuri Sketch în Mockplus. Acest lucru permite designerilor să colaboreze și să adauge adnotări pentru a le împărtăși cu membrii echipei.

Cum îl utilizați? Aveți nevoie doar de 3 pași:

Pasul 1: Descărcați pluginul Sketch. Este un instrument gratuit.

Pasul 2: Selectați „Plugins” – „Mockplus” – „Export project files” atunci când terminați designul.

Pasul 3: Reproiectați conținutul pentru a adăuga interacțiuni în Mockplus. În plus, Mockplus are peste 3000 de componente pre-proiectate pentru a vă face rapid interfața mai perfectă.

.