Laaja kokoelma ilmaisia Sketch-sovellusresursseja, jotka kattavat sketsin rautalankarunkopaketit, sketsin prototyyppien luomisen, sketsisovellusmallit, sketsisovellusmallit jne.

Sketch, vektorisuunnittelutyökalu, joka pyörii Mac-tietokoneella, on yksinkertainen ja helppokäyttöinen, minkä vuoksi yhä useammat muotoilijat suosivat sitä. Lisäksi yhä useammat suunnittelijat jakavat ilmaisia Sketch-sovellusresursseja, jolloin UX/UI-suunnittelijat saavat apua projektiensa rakentamiseen helposti ja nopeasti. Tähän olen kerännyt 30 parasta ilmaista Sketch-sovellusresurssia, mukaan lukien Sketch UI Kits, Sketch wireframes, Sketch-liitännäiset, Sketch-sovellusmallit ja paljon muuta.

Tässä on kokoelma parhaita ilmaisia Sketch wireframe-paketteja mobiilisovellusten ja verkkosivustojen rautalankasuunnitteluun vuonna 2018. Yksinkertaisesti vetämällä ja pudottamalla sen valmiiksi suunniteltuja mukautettuja elementtejä voit piirtää oman mobiilisovelluksesi. Lisäksi se sisältää 125 näyttöä, ilmaisia Google-fontteja ja laajan valikoiman elementtejä täydellä mukauttamismahdollisuudella, mikä tekee mistä tahansa projektista, niin suuresta kuin pienestäkin, lyhyen järjestyksen. Tässä paketissa on PSD- ja Sketch-tiedostot.

Ominaisuudet:

• 9 kategoriaa
• Täysin kerroksittainen
• 2x resoluutio 750x1334px
• Yhteensopiva Sketchin & Photoshopin

Vapaa lataus: https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

Mobile UI Wireframe Kitin on suunnitellut Ray Macari. Tämä resurssi on suuri hitti SketchAppissa 72353 katselukerralla ja 32906 latauksella. Se sisältää 57 mobiilinäyttöä ja elekuvakkeita, jotka voivat nopeuttaa UX-työnkulkuasi. Kaikki elementit ovat täysin muokattavissa, joten voit helposti muokata mitä tahansa tyyliä. Lisäksi voit vapaasti näyttää sivun perusasettelun, sovellusarkkitehtuurin, sisällön ja UI-virtauksen tämän paketin avulla.

Ominaisuudet:

• 57 mobiilinäyttöä
• Gestekuvakkeet
• Merkintäelementit ja symbolit

Lataus ilmaiseksi: https://www.sketchappsources.com/free-source/2162-…

Wireframe Sketch Resource

Tämän Sketch wireframe kitin on suunnitellut ilmaisia suunnitteluresursseja jakava muotoilija Riza Selçuk Saydam. Riza on aiemmin jakanut Akıllı Vatandaş -mobiilisovelluksen suunnittelun, mutta ilman sen rautalankakehystä; hän on sittemmin julkaissut tämän sarjan SketchAppissa. Sillä on 49391 katselukertaa ja 20188 latausta toistaiseksi julkaisun jälkeen. Voit myös mennä Smart Citizen Mobile App -tapausesimerkkiin saadaksesi lisätietoja.

Ominaisuudet:

• Litteä tyyli
• Yhteensopiva Sketchin & Photoshopin

kanssa

• Vektorityylinen
• Freebie Sketch-viitekehyspakkaus

Lataus ilmaiseksi: https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

Carbon Material Wireframe Kitin suunnitteli kreikkalainen suunnittelija-kollega Panagiotis. Tämä esteettisesti miellyttävä, laadukas materiaalisuunnittelun wireframing-paketti koostuu 15 artboardista, joissa on hyvin jäsenneltyjä ja nimettyjä kerroksia sekä paljon uudelleenkäytettäviä elementtejä. Se on edullinen työkalu Android-verkkokauppasovelluksiisi. Erittäin suosittu, tällä ilmaisella paketilla on 72216 katselukertaa ja 24018 latausta.

Ominaisuudet:

• Materiaalisuunnittelun tyyli
• 15 artboardia
• Hyvin jäsenneltyjä kerroksia
• täysin kustomoitavissa ja muokattavissa

Vapaa lataus:https://www.sketchappsources.com/free-source/2337-…

Low-fidelity App Wireframe Kit Sketch Resource

Low-fidelity App Wireframe Kit on suunnitellut Kishore. Sen avulla sinulla on kaikki peruselementit, joilla voit piirtää mobiilisovelluksesi low-fidelity wireframen. Sillä on tällä hetkellä 26122 katselukertaa ja 11171 latausta.

Free download:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kitin on suunnitellut Steph Kelly. Jos tarvitset wireframe kit Android-sovelluksen suunnitteluun, suosittelemme käyttämään tätä. Tällä paketilla on tällä hetkellä 23836 katselukertaa ja 11044 latausta.

Vapaa lataus: https://www.sketchappsources.com/free-source/2995-…

Sketch Prototyping Resources

Sketch on suosittu työkalu Macille. Se on virtaviivaisempi ja yksinkertaisempi kuin Photoshop tai muut vastaavat sovellukset. Yhä useammat suunnittelijat jakavat ilmaisia sketsiprototyyppiresursseja, joiden avulla voit rakentaa nopeasti interaktiivisia prototyyppejä projektiisi. Seuraavat resurssit voivat auttaa sinua pääsemään alkuun prototyyppien luomisessa Sketchillä.

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

Adminian 2:lla on laaja valikoima symboleita ja malleja web-sovellusten ulkoasujen nopeaan suunnitteluun ja prototyyppien luomiseen. Voit piirtää minkä tahansa projektin iteratiivisesti tämän prototyyppiresurssin avulla. Lisäksi siinä on useita lähestymistapoja, jotka tarjoavat vaihtoehtoja projektillesi.

Ominaisuudet:

• 50+ sivupohjaa & 120 kuvaketta
• 200+ UI-komponenttia
• Materiaalisuunnitteluruudukko
• Atomaattinen rakenne
• Responsiivinen & Uudelleenmuotoiltavissa olevat ryhmät
• Yhteensopivuus Sketchin kanssa

Lataus ilmaiseksi: https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI and Prototype Sketch Resource

Shop iOS App on suunnitellut Tobia Crivellari. Tobia on Shop iOS-sovellus, joka luotiin ottamalla vaikutteita FILSO CO. Credits kuvista ja sisällöstä menee FILSON CO:lle. Tällä resurssilla on nyt 32984 katselukertaa ja 8093 latausta.

Ominaisuudet：

• Kaikki sisältö on paketoitu
• Yli 10 näyttöä Sketchissä
• Periaatteellinen prototyyppi iPhone 6:lle

Vapaasti ladattavissa:https://www.sketchappsources.com/free-source/1821-…

Essential Prototyping Template Sketch Resource

Tämä on yksinkertainen ja joustava kokoelma hyödyllisimpiä tyylejä ja symboleja upeiden prototyyppien luomiseen. Kaikki symbolit ovat valmiita Sketch 39:n ominaisuuksiin. Suunnittelija on Konstantin Tereschenkov ja sillä on tällä hetkellä 44400 katselukertaa ja 12988 latausta SketchApp-sivustolla.

Vapaa lataus:https://www.sketchappsources.com/free-source/2156-…

3 Google Maps -näkymää Sketch Resource

3 näkymää Googlen karttojen kehysprototyypin on suunnitellut Sergey Voronov. Tätä resurssia on katsottu 41418 kertaa ja sitä on ladattu 14340 kertaa.

Vapaa lataus:https://www.sketchappsources.com/free-source/1878-…

Sketch Website Templates Resources

Vahvojen verkkosivumallien joustavuus ja tehokkaat ominaisuudet tekevät niistä parhaan tavan rakentaa sivusto. Tässä on useita Sketch-verkkosivumallin resursseja inspiraatioksi.

Royal London Equestrian – Ratsastuskoulu

Royal London on ilmainen Sketch-verkkosivumallin resurssi, joka on suunniteltu hevosurheilua, ratsastusta, hevostalleja, hevostenhoitoa ja ratsastuskouluja ajatellen. Siinä on kaikki suunnitteluelementit, joita tarvitset toimivan verkkosivuston rakentamiseen. Parasta on, että voit luoda uusia sivuja uudelleenkäytettävillä suunnitteluelementeillä. Siinä on 2 tiedostoa, grafiikkatiedostot ja Sketch-tiedosto. Tämä malli vaatii Sketch 40+.

Ominaisuudet:

• Helppokäyttöinen malli
• 7 sivumallia
• 2 uutissivumallia
• Käyttökelpoiset sivusymbolit
• Bootstrap Grid
• Kerroksellinen & Järjestäytynyt
• Puhdas &Moderni tyyli

Lataus ilmaiseksi:https://themeforest.net/item/royal-london-horse-ri…

Web Wireframe Kit Template – täydellinen UX-paketti mihin tahansa web-projektiin

Tämä malli tarjoaa ison paketin, joka sisältää 110+ wireframe-moduulia ja satoja elementtejä. Näillä verkkosivumakkeilla voit helposti luoda korkean uskottavuuden prototyyppejä käyttämällä Sketchiä tai Illustratoria. Elementit on järjestetty hyvin 12 sarakkeen, 1170px:n Bootstrap-ruutuun perustuen. Lisäksi voit muuttaa elementtien leveyttä Sketchissä constraints-ominaisuuden avulla.

Ominaisuudet:

• 110+ työpöytämoduulia
• Yhteensopiva ja tehty Sketchille ja Illustratorille
• Bootstrap-ruudukko
• Suunnitteluopas ja Googlen käyttämät materiakuvakkeet
• Osallistumisnäytöt

Lataus ilmaiseksi: https://elements.envato.com/web-wireframe-kit-L7TD…

Wireframing Template Sketch Resource

Tämä malli koostuu tavallisista wireframing-komponenteista työpöytä- ja mobiililaitteissa käytettäväksi, mukaan lukien 1-4-pylväs erilaisissa järjestelyissä. Kaikki sisältö ja elementit on ryhmitelty ja järjestetty siististi. Esimerkiksi Twitter Bootstrapiin perustuvia 12 sarakkeen ruudukkoja on tarjolla. Tätä mallia voidaan käyttää verkkosuunnitteluun sekä muihin digitaalisiin projekteihin. Suunnittelija on Garret Voorhees, ja hänen töitään on katsottu 127459 kertaa ja ladattu 46203 kertaa SketchAppissa.

Ominaisuudet:

• 3 tasoa mobiilinavigointia
• Kokonaisvaltainen valikoima typografiatyylejä
• Vaihtelevia UI-elementtejä
• Käytössä olevia kuvakkeita
• WYSIWYG-elementtejä

Vapaasti ladattavissa:https://www.sketchappsources.com/free-source/1552-…

Oxy Creative Template – Creative Template for Sketch & Photoshop

Oxy sisältää 2 luovien alojen toimistoille ja studioille suunniteltua nettisivupohjaa. Tämä 1170px Bootstrap-ruudukkoon perustuva resurssi on moderni ja tyylikäs. PSD-tiedostot ovat täysin kerroksellisia ja muokattavissa. Lisäksi kaikki elementit on järjestetty ryhmittäin ja ne on helppo tunnistaa myös ryhmän nimen perusteella.

Ominaisuudet:

• 2 sivupohjaa
• Moderni muotoilu
• Perustuu Bootstrap Grid-järjestelmään
• Vapaat Google-fontit
• Hyvin organisoidut tasot
• Yhteensopiva Sketchin & Photoshopin kanssa

Lataa ilmaiseksi: https://ui8.net/products/oxy-creative-template

User Persona Template Sketch Resource

Käyttäjäpersoona-malli, Sketchiä varten luotu hyvin perustason malli, jonka Meghan Hartman suunnitteli käyttäen Fake Crow Personaa. Sitä voidaan käyttää käyttäjäkokemuksen, brändäyksen ja markkinointistrategioiden persoonien luomiseen. Tällä hetkellä sillä on 39743 katselukertaa ja 9539 latausta.

Ominaisuudet:

• Sisältää PDF-tiedoston
• Tulostinystävällinen versio

Vapaa lataus: https://fakecrow.com/free-persona-template/

Bootstrap Grid Template Sketch Resource

Grid Template on Bruno Mullerin suunnittelema. Se on Bootstrap-ristikkojärjestelmään perustuva Sketch 3 -asettelumalli. Sillä on tällä hetkellä 35257 katselua ja 11061 latausta. Sitä on parannettu laajennettavilla luokilla ja kehittyneellä grid-järjestelmällä.

Ominaisuudet:

• Bootstrapin globaalit CSS-asetukset
• Perusteelliset HTML-elementit tyylitelty

Vapaa lataus: https://getbootstrap.com/docs/3.3/css/

Lisää resursseja Sketch Website Templates

Tämä on yksinkertainen, ilmainen laskeutumissivun rautalankakehys, joka on tehty Sketch Appilla. Sen on suunnitellut Pausrr ja sillä on tällä hetkellä 53096 katselukertaa ja 20206 latausta.

Vapaa lataus:https://www.sketchappsources.com/free-source/1580-…

BetterDesk Laskeutumissivun Sketch-resurssi

BetterDesign.io on sosiaalinen alusta, jolla voit testata suunnittelua, kopioida ilmaiseksi ja saada tuloksia reaaliajassa. Tiedosto sisältää huolellisesti suunnitellun aloitussivun, jossa on ystävällinen sankarikuvitus. Sen on suunnitellut Betterdesign.io ja sillä on 33081 katselukertaa ja 16186 latausta.

Free download:https://www.sketchappsources.com/free-source/2470-…

Mobile UX Template Sketch Resource

Tämä laaja mobiili-UX-malli on ArcTouchin suunnittelema kaavio, käyttäjävirtojen esimerkkejä ja mediakirjasto ikoneita. Se voi auttaa sinua organisoimaan ajatteluasi ja yhdenmukaistamaan projektisi sidosryhmiä. Sitä on katsottu 103138 kertaa ja sitä on ladattu 29879 kertaa.

Vapaa lataus:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

>

>

Tämässä Edwin Delgadon suunnittelemassa luonnosvaiheen luonnostiedostossa on 2 sivua – Assets (aineistot) ja Mockup (mallinnus). Edwin halusi jakaa jotain Sketchillä tekemäänsä vapaasti, joten tässä tuli yksinkertainen malli iPhone 6:sta, jota voi käyttää esityksiin tai virtauksiin. Mukana on muutamia peruslinjoja, painikkeita ja kehyksiä. Siinä on kaksi sivua, toinen Assetsille ja toinen, jossa kerrotaan yksityiskohtaisesti hänen prosessistaan.

Ominaisuudet:

• Perusviivat, painikkeet ja kehykset
• Kaksi sivua – Assets ja mockup

Vapaa lataus:https://www.sketchappsources.com/free-source/1166-…

iPhone 6 Plus ja iPhone 6 Wireframe Sketch Resource

Tämän iPhone 6 Plus ja iPhone 6 Wireframen on suunnitellut Andrea Ripamonti. Sen jokainen näyttö on täysin muokattavissa ja poikkeuksellisen helppokäyttöinen. Tämä Sketchille ja Photoshopille luotu profiilipaketti on upean UI-sarjan neljäs osa.

Ominaisuudet：

• 40 Kauniita laskeutumissivuja
• 40 Ilmaisia bonuskuvakkeita
• Korkeasti viimeistelty muotoilu
• Hyvin organisoitu

Lataus ilmaiseksi: https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

HEXA on yksinkertainen, siisti ja luova verkkosivuston UI Kit, jonka on luonut Webhance Studio. Se on suunniteltu vastaamaan suunnittelijoiden ja kehittäjien suunnittelutarpeisiin. Tiedostotyyppejä ovat JPG, PNG, PSD, SKETCH, SVG. Lisäksi se thas 250 + skaalautuva SVG ( vektori ) kuvakkeet mukana. Kaikki elementit ovat vapaasti käytettävissä.

Ominaisuudet:

• Adobe Photoshop tuettu
• Luovaa ja modernia suunnittelua
• Laadukkaat ja uusimmat tiedostot
• Uudemmat Sketch-versiot
• Vapaat Google-fontit
• Tarkka pikselilaatu
• 100-prosenttisesti muokattavissa olevat kerrostumat ja asettelut

Lataus ilmaiseksi: https://elements.envato.com/hexa-creative-website-…

Snap UI kit – iOS 8 wireframes Built for Sketch

Snap Kit on Sketchille rakennettu iOS 8 wireframing työkalu. Se auttaa sinua nopeasti mallintamaan sovelluksesi kulkua tavallisten iOS-näyttöjen kautta 22 kauniin iOS 8 -mockupin ja monien UI-komponenttien avulla. Tämän kitin avulla on paljon helpompi luoda tyylikkäitä rautalankakehyksiä ja jäsenneltyjä sovellusvirtoja.

Vapaa lataus: https://designhooks.com/freebies/snap-ui-kit-ios-8…

Material Design Template V2 Sketch Resource

Material Design Template V2:n on suunnitellut Kyle Ledbetter, jonka intohimona on Material Design. Sillä on tällä hetkellä 81459 katselua ja 32021 latausta.

Vapaa lataus: https://dribbble.com/shots/2296655-Material-Design…

Lisää Sketch UI Design Resources

Bootflat UI kit on Anh Nguyenin suunnittelema Sketch-versio Bootflat-kehyksestä. Sitä on katsottu 68220 kertaa ja sitä on ladattu 20517 kertaa.

Vapaa lataus: https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

Tämä on Mariz Melon suunnittelema kehittyvä Sketchin uudelleenkäytettävä wireframe UI kit. Sitä on katsottu 52048 kertaa ja sitä on ladattu 16784 kertaa.

Vapaa lataus: https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

Tämä on Damian Walshin suunnittelema Sketch UI framework. Se perustuu Twitter Bootstrapiin ja sopii erinomaisesti prototyyppien luomiseen tai front-end-tyyliohjeiden laatimiseen. Lisäksi kaikki elementit on järjestetty symboleiksi tai tekstityyleiksi, mikä mahdollistaa muutosten soveltamisen koko projektiin.

Vapaa lataus: https://www.sketchappsources.com/free-source/1448-…

Sketch-liitännäisohjelmat Resurssit

Olen tiivistänyt alle 2 parasta Sketch-liitännäistä UX/UI-suunnittelijoille, jotka auttavat virtaviivaistamaan suunnittelutyönkulkuasi.

Mockplus iDoc – Verkkosuunnittelun yhteistyöväline & handoff-suunnittelu

Mockplus iDoc tekee koko tuotesuunnittelustasi toimivan yhdessä. Se tuottaa speksit ja varat automaattisesti sekä luo interaktiivisia ja animoituja prototyyppejä. Lataa suunnitelmat yhdellä napsautuksella vain lataamalla Sketch-liitännäinen, voit luoda speksit älykkäästi ja tarkastella speksitietoja yksinkertaisella hiiren napsautuksella.

Mikä tekee tästä liitännäisestä erityisen?

• Helppo päästä käsiksi spekseihin eri tavoin

iDocissa on kolme speksitilaa. Voit viedä hiirellä minkä tahansa kerroksen; voit valita yhden tai useita kerroksia; voit pitää Alt-näppäintä alhaalla muuttaaksesi speksit prosenttiarvoiksi.

• Yksi napsautuksella voit tarkastella päällekkäisiä elementtejä

Voit tarkastella päällekkäisiä suunnitteluelementtejä yhdellä napsautuksella, kuten tekstiä, väriä, marginaalia ja leveyttä. Kaikki päällekkäiset elementit näkyvät näytöllä kerralla, mikä parantaa työtehokkuuttasi huomattavasti.

Mockplus – Nopea prototyyppityökalu

Käyttämällä Sketchin Mockplus-lisäosaa voit viedä MP-tiedostoja ja tehdä Sketch-prototyyppejä Mockplussassa. Näin suunnittelijat voivat tehdä yhteistyötä ja lisätä huomautuksia jaettavaksi tiimin jäsenten kanssa.

Miten sinä käytät sitä? Tarvitset vain 3 vaihetta:

Vaihe 1: Lataa Sketch-lisäosa. Se on ilmainen työkalu.

Vaihe 2: Valitse ”Plugins” – ”Mockplus” – ”Export project files” (Vie projektitiedostot), kun olet saanut suunnittelun valmiiksi.

Vaihe 3: Suunnittele sisältösi uudelleen lisätäksesi vuorovaikutusta Mockplusissa. Lisäksi Mockplusissa on yli 3000 valmiiksi suunniteltua komponenttia, joiden avulla voit nopeasti tehdä käyttöliittymästäsi täydellisemmän.