Den största samlingen av gratis Sketch-appresurser, som omfattar kit för wireframe, prototyper, mallar för sketch-apps, mallar för sketch-apps etc.
Sketch, ett verktyg för vektordesign som körs på Mac, är enkelt och lättanvänt, vilket gör att fler och fler designers föredrar det. Dessutom delar fler och fler designers med sig av gratis Sketch app-resurser, vilket ger UX/UI-designers en hjälpande hand för att bygga sina projekt enkelt och snabbt. Här har jag samlat 30 av de bästa gratis Sketch-appresurserna, inklusive Sketch UI Kits, Sketch wireframes, Sketch plugins, Sketch appmallar med mera.
Här är en samling av de bästa gratis Sketch wireframe kits för design av wireframe för mobilappar och webbplatser under 2018. En wireframe är ett av de bästa sätten att dela med sig av dina designidéer, och du kan bara ladda ner något av följande kit för att rita dina egna appar och webbplatser utan ansträngning.
- Liberty Mobile Wireframe Kit
- Funktioner:
- Mobile UI Wireframe Kit Sketch Resource
- Wireframe Sketch Resource
- Carbon Material Wireframe Kit Sketch Resource
- Low-fidelity App Wireframe Kit Sketch Resource
- Android Wireframing Kit Sketch Resource
- Sketch Prototyping Resources
- Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch
- Shop iOS App – UI and Prototype Sketch Resource
- Essential Prototyping Template Sketch Resource
- 3 Google Maps Views Sketch Resource
- Sketch Website Templates Resources
- Royal London Equestrian – Horse Riding School
- Web Wireframe Kit Mall – det perfekta UX-kitet för alla webbprojekt
- Wireframing Template Sketch Resource
- Oxy Creative Template – Creative Template for Sketch & Photoshop
- User Persona Template Sketch Resource
- Bootstrap Grid Template Sketch Resource
- Mer resurser på Sketch Website Templates
- BetterDesk Landing Page Sketch Resource
- Mobile UX Template Sketch Resource
- iPhone Wireframe Template Sketch Resource
- iPhone 6 Plus och iPhone 6 Wireframe Sketch Resource
- Avia UI Kit – 40 Sketch Template Profile Kit
- HEXA Creative Website UI Kit
- Snap UI kit – iOS 8 wireframes Built for Sketch
- Materialdesignmall V2 Sketch Resource
- Mer om Sketch UI Design Resources
- UI Frames Sketch Resource
- Bootsketch UI Framework Sketch Resource
- Sketch Plugins Resources
- Mockplus iDoc – Online verktyg för designsamarbete & handoff design
- Mockplus – Quick Prototyping Tool
Liberty Mobile Wireframe Kit
Liberty Mobile Wireframe Kit är ett mycket anpassningsbart verktyg för att designa mobilappar med högsta hastighet. Genom att helt enkelt dra och släppa dess fördesignade anpassade element kan du rita din egen mobilapp. Dessutom innehåller det 125 skärmar, gratis Google-teckensnitt och ett brett utbud av element med fullständig anpassning, vilket gör att du kan göra kort om alla projekt, stora som små. Detta kit har PSD- och Sketch-filer.
Funktioner:
- 9 kategorier
- Fullt lagrad
- 2x upplösning 750x1334px
- Kompatibel med Sketch & Photoshop
Fri nedladdning: https://elements.envato.com/liberty-mobile-wirefra…
Mobile UI Wireframe Kit Sketch Resource
Mobile UI Wireframe Kit är designad av Ray Macari. Den här resursen är en stor succé på SketchApp med 72353 visningar och 32906 nedladdningar. Den innehåller 57 mobila skärmar och gestsymboler som kan snabba upp ditt UX-arbetsflöde. Alla element är helt anpassningsbara så att du enkelt kan redigera vilken stil som helst. Dessutom kan du fritt visa grundläggande sidlayout, apparkitektur, innehåll och UI-flöde med det här kitet.
Funktioner:
- 57 mobila skärmar
- Gesture Icons
- Anteckningselement och symboler
Gratis nedladdning: https://www.sketchappsources.com/free-source/2162-…
Wireframe Sketch Resource
Detta Sketch wireframe kit har designats av Riza Selçuk Saydam, en designer som delar med sig av gratis designresurser. Riza har tidigare delat designen av mobilappen Akıllı Vatandaş men utan dess wireframe; han har sedan dess lagt ut det här kitet på SketchApp. Det har 49391 visningar och 20188 nedladdningar för tillfället sedan publiceringen. Du kan även gå till Smart Citizen Mobile App case study för mer information.
Funktioner:
- Fat stil
- Kompatibel med Sketch & Photoshop
- Vektor stiliserad
- Freebie Sketch wireframe kit
Fri nedladdning: https://dribbble.com/shots/1764849-Wireframe-free-…
Carbon Material Wireframe Kit Sketch Resource
Carbon Material Wireframe Kit har utformats av en kollega designer från Grekland vid namn Panagiotis. Detta estetiskt tilltalande, högkvalitativa materialdesign wireframing kit består av 15 artboards med välstrukturerade och namngivna lager, samt massor av återanvändbara element. Det är ett föredraget verktyg för dina Android e-handelsappar. Det här kostnadsfria kitet är mycket populärt och har 72216 visningar och 24018 nedladdningar.
Funktioner:
- Materialdesignstil
- 15 artboards
- Välstrukturerade lager
- Väldigt anpassningsbara och redigerbara
Gratis nedladdning:https://www.sketchappsources.com/free-source/2337-…
Low-fidelity App Wireframe Kit Sketch Resource
Low-fidelity App Wireframe Kit designades av Kishore. Med det har du alla grundläggande element för att rita din mobilapp med en wireframe med låg trovärdighet. Den har för närvarande 26122 visningar och 11171 nedladdningar.
Gratis nedladdning:https://www.sketchappsources.com/free-source/3171-…
Android Wireframing Kit Sketch Resource
Android Wireframing Kit designades av Steph Kelly. Om du behöver ett wireframe-kit för Android-appdesign rekommenderar vi att du använder det här. Detta kit har för närvarande 23836 visningar och 11044 nedladdningar.
Gratis nedladdning: https://www.sketchappsources.com/free-source/2995-…
Sketch Prototyping Resources
Sketch är ett populärt verktyg för Mac. Det är mer strömlinjeformat och enklare än Photoshop eller andra liknande program. Fler designers delar med sig av gratis resurser för skiss-prototyper, som kan hjälpa dig att snabbt bygga interaktiva prototyper för ditt projekt. Följande resurser kan hjälpa dig att komma igång med att skapa prototyper med Sketch.
Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch
Adminian 2 har ett brett urval av symboler och mallar för snabb utformning och prototyper av layouter för webbappar. Du kan rita alla projekt iterativt med hjälp av den här prototypresursen. Dessutom har den flera tillvägagångssätt som ger alternativ för ditt projekt.
Funktioner:
- 50+ sidmallar & 120 ikoner
- 200+ UI Components
- Material Design Grid
- Atomic Structure
- Responsive & Resizable Groups
- Kompatibel med Sketch
Gratis nedladdning: https://ui8.net/products/adminian-2-wireframe-kit
Shop iOS App – UI and Prototype Sketch Resource
Shop iOS App har designats av Tobia Crivellari. Tobia är en shop iOS app som skapades genom att ta inspiration från FILSO CO. Krediter för bilderna och innehållet går till FILSON CO. Denna resurs har 32984 visningar och 8093 nedladdningar nu.
Funktioner:
- Allt innehåll är packat
- Över 10 skärmar i Sketch
- Principal prototyp för iPhone 6
Fri nedladdning:https://www.sketchappsources.com/free-source/1821-…
Essential Prototyping Template Sketch Resource
Detta är en enkel och flexibel samling av de mest användbara stilarna och symbolerna för att skapa snygga prototyper. Alla symboler är redo för Sketch 39-funktioner. Designern är Konstantin Tereschenkov och den har för närvarande 44400 visningar och 12988 nedladdningar på SketchApp-webbplatsen.
Gratis nedladdning:https://www.sketchappsources.com/free-source/2156-…
3 Google Maps Views Sketch Resource
Den här prototypen med 3 vyer av Google Maps framer är designad av Sergey Voronov. Denna resurs har 41418 visningar och 14340 nedladdningar.
Gratis nedladdning:https://www.sketchappsources.com/free-source/1878-…
Sketch Website Templates Resources
Flexibiliteten och de kraftfulla funktionerna hos en gedigen webbplatsmall gör det till det bästa sättet att bygga en webbplats. Här är flera Sketch webbplats mall resurser för din inspiration.
Royal London Equestrian – Horse Riding School
Royal London är en gratis skissmall som är utformad med ridning, ridsport, stall, hästskötsel och ridskolor i åtanke. Den har alla designelement som du behöver för att bygga en funktionell webbplats. Det bästa är att du kan skapa nya sidor med återanvändbara designelement. Den har 2 filer, grafikfiler och Sketch-fil. Den här mallen kräver Sketch 40+.
Funktioner:
- Lätt att använda mall
- 7 siddesigns
- 2 nyhetssidedesigns
- Återanvändbara sidasymboler
- Bootstrap Grid
- Layered & Organiserat
- Renoverat & Modern stil
Gratis nedladdning:https://themeforest.net/item/royal-london-horse-ri…
Web Wireframe Kit Mall – det perfekta UX-kitet för alla webbprojekt
Den här mallen erbjuder ett stort paket, inklusive 110+ wireframe-moduler och hundratals element. Du kan enkelt skapa prototyper med hög trovärdighet med dessa webbplatsmockups med hjälp av Sketch eller Illustrator. Elementen är välorganiserade baserat på ett 12 kolumner, 1170px Bootstrap grid. Dessutom kan du ändra elementens bredd i Sketch med hjälp av begränsningsfunktionen.
Funktioner:
- 110+ skrivbordsmoduler
- Kompatibelt och gjort för Sketch och Illustrator
- Bootstrap grid
- Designguide och materialikoner från Google
- Onboarding-skärmar
Gratis nedladdning: https://elements.envato.com/web-wireframe-kit-L7TD…
Wireframing Template Sketch Resource
Den här mallen består av vanliga wireframing-komponenter för användning på stationära och mobila enheter, inklusive 1-4 kolumner i olika arrangemang. Allt innehåll och alla element är rent grupperade och organiserade. Till exempel finns det 12 kolonngaller baserade på Twitter Bootstrap. Den här mallen kan användas för webbdesign samt andra digitala projekt. Designern är Garret Voorhees och hans arbete har 127459 visningar och 46203 nedladdningar på SketchApp.
Funktioner:
- 3 nivåer av mobilnavigering
- En komplett uppsättning typografiska stilar
- Flera UI-element
- Högst använda ikoner
- WYSIWYG-element
Gratis nedladdning:https://www.sketchappsources.com/free-source/1552-…
Oxy Creative Template – Creative Template for Sketch & Photoshop
Oxy innehåller 2 webbplatmallar som är utformade för kreativa byråer och studios. Baserat på ett 1170px Bootstrap grid är den här resursen modern och elegant. PSD-filerna är helt lagrade och anpassningsbara. Dessutom är alla element organiserade efter grupp och kan enkelt identifieras av gruppnamnet också.
Funktioner:
- 2 sidmallar
- Moderna design
- Baserad på Bootstrap Grid System
- Gratis Google Fonts
- Välorganiserade lager
- Kompatibel med Sketch & Photoshop
Gratis nedladdning: https://ui8.net/products/oxy-creative-template
User Persona Template Sketch Resource
User Persona Template, en mycket grundläggande mall som skapats för Sketch, designades av Meghan Hartman med hjälp av Fake Crow Persona. Den kan användas för att skapa personas för användarupplevelse, varumärkesbyggande och marknadsföringsstrategier. För närvarande har den 39743 visningar och 9539 nedladdningar.
Funktioner:
- Inkluderar PDF-fil
- Dryckervänlig version
Gratis nedladdning: https://fakecrow.com/free-persona-template/
Bootstrap Grid Template Sketch Resource
Grid Template designades av Bruno Muller. Det är en Sketch 3 layoutmall baserad på ett Bootstrap rutnätssystem. Den har 35257 visningar och 11061 nedladdningar för närvarande. Den är förbättrad med utbyggbara klasser och ett avancerat rutnätssystem.
Funktioner:
- Bootstrap globala CSS-inställningar
- Fundamentala HTML-element stylade
Gratis nedladdning: https://getbootstrap.com/docs/3.3/css/
Mer resurser på Sketch Website Templates
Detta är en enkel, gratis landningssida som är gjord i Sketch App. Den är designad av Pausrr och har 53096 visningar och 20206 nedladdningar för närvarande.
Gratis nedladdning:https://www.sketchappsources.com/free-source/1580-…
BetterDesk Landing Page Sketch Resource
BetterDesign.io är en social plattform där du kan testa din design, kopiera gratis och få resultat i realtid. Filen innehåller en noggrant utformad landningssida med en vänlig hjälteillustration. Den är designad av Betterdesign.io och har 33081 visningar och 16186 nedladdningar.
Gratis nedladdning:https://www.sketchappsources.com/free-source/2470-…
Mobile UX Template Sketch Resource
Den här omfattande mobila UX-mallen är en uppsättning scheman, exempel på användarflöden och ett mediebibliotek med ikoner designade av ArcTouch. Den kan hjälpa dig att organisera ditt tänkande och anpassa projektets intressenter. Den har 103138 visningar och 29879 nedladdningar.
Gratis nedladdning:https://arctouch.com/insights/design_templates/mob…
iPhone Wireframe Template Sketch Resource
Den här skissfilen som är designad av Edwin Delgado har 2 sidor – Assets och Mockup. Edwin ville dela något han gjort i Sketch fritt, så här kom en enkel mall av iPhone 6 som kan användas för presentationer eller flöden. Den kommer med några grundläggande linjer, knappar och ramar. Den har två sidor, en för tillgångar och den andra som beskriver hans process.
Funktioner:
- Grundläggande linjer, knappar och ramar
- Två sidor – tillgångar och mockup
Gratis nedladdning:https://www.sketchappsources.com/free-source/1166-…
iPhone 6 Plus och iPhone 6 Wireframe Sketch Resource
Denna iPhone 6 Plus och iPhone 6 Wireframe är designad av Andrea Ripamonti. Den har 82729 visningar och 28999 nedladdningar för närvarande.
Gratis nedladdning:https://www.sketchappsources.com/free-source/799-i…
Avia UI Kit – 40 Sketch Template Profile Kit
Avia UI kit är ett vackert profil UI-kit som innehåller 40 organiserade landningssidor och 40 fria ikoner. Varje skärm av det är fullt anpassningsbar och exceptionellt lätt att använda. Skapad för Sketch och Photoshop, är detta profilkit den fjärde delen av en fantastisk UI-serie.
Funktioner:
- 40 vackra landningssidor
- 40 gratis bonussymboler
- Hög polerad design
- Snyggt organiserad
Gratis nedladdning: https://ui8.net/products/avia-ui-kit-profiles
HEXA Creative Website UI Kit
HEXA är ett enkelt, rent och kreativt webbplats UI-kit som skapats av Webhance Studio. Det är utformat för att uppfylla designbehoven hos designers och utvecklare. Filtyperna inkluderar JPG, PNG, PSD, SKETCH, SVG. Dessutom är det thas 250 + skalbara SVG ( vektor ) ikoner ingår. Alla element är gratis att använda.
Funktioner:
- Adobe Photoshop stöds
- Kreativ och modern design
- Hög kvalitet och Senaste filerna
- Senaste Sketch-versionen
- Gratis Google-teckensnitt
- Skarp pixelkvalitet
- 100% redigerbara lager och layouter
Gratis nedladdning: https://elements.envato.com/hexa-creative-website-…
Snap UI kit – iOS 8 wireframes Built for Sketch
Snap Kit är ett iOS 8 wireframing-verktyg byggt för Sketch. Det hjälper dig att snabbt mockupera appens flöde genom vanliga iOS-skärmar genom sina 22 vackra iOS 8-mockups och massor av UI-komponenter. Det är mycket lättare att skapa eleganta wireframes och strukturerade appflöden med det här kitet.
Gratis nedladdning: https://designhooks.com/freebies/snap-ui-kit-ios-8…
Materialdesignmall V2 Sketch Resource
Materialdesignmall V2 är designad av Kyle Ledbetter som har en passion för materialdesign. Den har 81459 visningar och 32021 nedladdningar för närvarande.
Gratis nedladdning: https://dribbble.com/shots/2296655-Material-Design…
Mer om Sketch UI Design Resources
Bootflat UI kit är en Sketch-version av Bootflat-ramverket designad av Anh Nguyen. Det har 68220 visningar och 20517 nedladdningar.
Gratis nedladdning: https://www.sketchappsources.com/free-source/838-b…
UI Frames Sketch Resource
Det här är ett utvecklande Sketch-kit för återanvändning av wireframe UI-kit designat av Mariz Melo. Det har 52048 visningar och 16784 nedladdningar.
Gratis nedladdning: https://dribbble.com/shots/1847092-UIFrames
Bootsketch UI Framework Sketch Resource
Det här är ett ramverk för användargränssnitt i Sketch designat av Damian Walsh. Baserat på Twitter Bootstrap är det perfekt för prototyper eller för att upprätta stilguider för front-end. Dessutom är alla element organiserade som symboler eller textstilar vilket gör det möjligt att tillämpa ändringar i hela projektet.
Gratis nedladdning: https://www.sketchappsources.com/free-source/1448-…
Sketch Plugins Resources
Jag har nedan sammanfattat 2 av de bästa Sketch-plugins för UX/UI-designers som hjälper dig att effektivisera ditt designarbetsflöde.
Mockplus iDoc – Online verktyg för designsamarbete & handoff design
Mockplus iDoc får hela din produktdesign att fungera tillsammans. Den genererar specifikationer och tillgångar automatiskt, samt skapar interaktiva och animerade prototyper. Ladda upp konstruktioner med ett klick, ladda bara ner Sketch-pluginet, så kan du generera specifikationer på ett smart sätt och visa specifikationsdata med ett enkelt musklick.
Vad gör det här pluginet speciellt?
- Lätt att komma åt specifikationer på olika sätt
Det finns tre specifikationslägen i iDoc. Du kan hovera över alla lager, du kan välja ett enda eller flera lager, du kan hålla ned Alt för att konvertera specifikationer till procentvärden.
- Ett klick för att visa duplicerade element
Du kan visa duplicerade designelement med ett klick, t.ex. text, färg, marginal och bredd. Alla duplicerade element visas på skärmen samtidigt, vilket förbättrar din arbetseffektivitet avsevärt.
Mockplus – Quick Prototyping Tool
Med hjälp av Mockplus-pluginet i Sketch kan du exportera MP-filer och göra Sketch-prototyper i Mockplus. Detta gör det möjligt för designers att samarbeta och lägga till anteckningar för att dela med teammedlemmar.
Hur använder du det? Du behöver bara tre steg:
Steg 1: Ladda ner insticksprogrammet för Sketch. Det är ett gratis verktyg.
Steg 2: Välj ”Plugins” – ”Mockplus” – ”Export project files” när du är klar med designen.
Steg 3: Gör om ditt innehåll för att lägga till interaktioner i Mockplus. Dessutom har Mockplus 3000+ fördesignade komponenter som du snabbt kan göra ditt gränssnitt mer perfekt.