19 Best Free Sketch Wireframe Kit Resources in 2018

Lankakehys on yksinkertainen esitys verkkosivustosta tai sovelluksesta. Se on erityisen hyödyllinen tuotteen alkuvaiheessa, sillä se välittää suunnitteluideasi. Ehkä vielä tärkeämpää on, että rautalankamallin avulla voit testata käyttäjäkokemusta jo ennen kuin työskentelet värien ja typografian parissa.

Yksinkertaisin ja nopein tapa luonnostella rautalankamalli on kynä ja paperi, mutta se tuskin on tuottavaa ja tehokasta nykypäivän digitaalisessa maailmassa. Miten voit siis luoda nopeasti käyttökelpoisen rautalankamallin? Hyvä uutinen on, että tarvitset vain digitaalisen rautalankapiirustuspaketin. Vielä parempi uutinen on se, että on olemassa rautalankapiirustuspaketteja, jotka ovat ilmaisia.

Tehdäkseni sen sinulle helpoksi olen kuratoinut joitakin parhaista Sketch-valmisteisista rautalankapiirustuspaketeista verkossa ja mobiililaitteissa. Voit ladata nämä sarjat ilmaiseksi ja käyttää niitä myöhemmin uudelleen muissa mobiili- ja web-käyttöliittymäprojekteissasi.

Carbon – Material Sketch Wireframe Kit Resource

Suunnittelija: Panagiotis

Suosio: 63063 katselua ja 20780 latausta

Carbon on todella hieno ja laadukas material design wireframing kit. Se koostuu 15 artboardista, joissa on hyvin jäsenneltyjä ja nimettyjä kerroksia sekä paljon uudelleenkäytettäviä elementtejä. Kit on ihanteellinen korkealaatuisten rautalankakehysten ja mockupien luomiseen Android-verkkokauppasovelluksille.

Simple wireframe kit – Free Sketch wireframe kit web

Designer: Nicolaj Reck

Suosio: 38619 katselua ja 18281 latausta

Simple wireframe kit on ilmainen wireframe kit, jossa on kaikki elementit, joita olet aina halunnut. Voit myös helposti muuttaa kaikkien elementtien kokoa sotkematta niiden mittasuhteita.

Savvy – Sketch iOS wireframe kit

Suunnittelija: Megan Balaguer

Suosio: 102 tykkäystä ja 4 146 katselua

Mobiilisovellukset on rautalankamallinnettava aivan kuten verkkosivutkin, ja Savvy Sketch iOS Kit on täydellinen iPhone-sovellusten suunnittelijoille. Tätä UI-kittiä päivitetään usein uusilla ominaisuuksilla, ja uusin julkaisu keskittyy iOS 11:een. Se on erittäin tarkka, joten sen avulla on helppo muuntaa rautalankamallit täysiksi sovelluksiksi. Tämä UI kit on vapaasti käytettävissä.

Moon – Sketch mobile wireframe kit

Suunnittelija: George Frigo

Suosio: 61890 katselua ja 22344 latausta

Moon erottuu edukseen, koska se sisältää 50 näkymää jokaiselle sovellussuunnittelussa käytetylle elementille, olipa kyse sitten storyboardista tai perustason rautalankakehyksestä. Näkymät kuuluvat seuraaviin luokkiin: Splash, Login, Menu, Settings, Gallery, Feed, List Items, Contact, Profile, Notifications, Comments, Stats ja Cart. Jos työstät verkkokauppasovellusta, Moon on paras Sketch-paketti.

Nolte – Wireframe kit v2 Sketch web

Suunnittelija: Ben Balderas

Suosio: 4369 katselua ja 1606 latausta

Nolte perustuu Brad Frostin Atomic Design -suunnitteluun, joten tämä UX-kitti virtaviivaistaa varmasti rautalankamallinnusta. Voit käyttää valmiita molekyylejä luodaksesi nopeasti malleja. Vaihtoehtoisesti voit rakentaa omia molekyylejäsi käyttämällä sisäänrakennettuja atomeja. Kaikki on uudelleenkäytettävää ja hyvin organisoitua Sketch-symbolien ja päällekkäisyyksien avulla.

Snap – Sketch wireframe UI kit iOS

Designer: Ivor Hook

Suosio: 83197 katselua ja 35995 latausta

Snap on kaunis ja käyttökelpoinen resurssi, jonka on luonut yksinoikeudella suunnittelukoukkuja varten Jon Rundle. Snap on erityisesti iOS:lle tarkoitettu Sketch-langanrakennuspaketti. Snapin avulla voit nopeasti mockupata sovelluksesi virtauksen yleisillä iOS-näytöillä. Kit sisältää myös elementtejä, joiden avulla voit luoda lisänäyttöjä, joita voit muokata tarpeisiisi sopiviksi.

Teracy – Sketch wireframe kit iOS/Android

Suunnittelija: Anh Nguyen

Suosio: 312372 katselua ja 48074 latausta

Teracy luotiin erityisesti nopeuttamaan rautalankamalliprosessia. Tämä paketti sisältää perus UI-elementtejä webiin ja mobiiliin. Muita laitteita lisätään tulevaisuudessa. Teracyn avulla voit suunnitella vapaasti ja nopeasti.

Basic Wireframe Kit – Sketch app wireframe kit

Designer: Micah Sivitz

Suosio: 8 671 katselua ja 59 tykkäystä dribbblessä

Ydinasioiltaan rautalankamallinnus on hyvin yksinkertainen prosessi. Siksi tämä perus wireframe-paketti on loistava valinta Sketchin käyttäjille. Yksinkertaisemmaksi ei tule kuin paketin mustavalkoinen kaava. Kaikki sen elementit sulautuvat hienosti minkä tahansa verkkosivuston tyyppiin ja tyyliin. Vaikka siitä puuttuu joitakin peruskuvakkeita, kuten sosiaalinen media, sen yksinkertaisuus tekee siitä pakollisen resurssin kaikille, jotka siirtyvät pois Adoben ohjelmistoista

Atomic – Sketch wireframe kit for atomic design

Suunnittelija: Jolene Chichigeh

Suosio: 19860 katselua ja 11140 latausta

Atomic wireframe kit on tarkoitettu nopeiden rautalankamallien luomiseen atomisen/komponenttisuunnittelun periaatteiden avulla. Jos olet kiinnostunut Atomic Designista, löydät siitä erittäin hyödyllisen lähestymistavan monimutkaisen järjestelmän suunnitteluun. Atomic erottuu muista rautalankarunkopaketeista siinä, että se tarjoaa visuaalista vaihtelua ja noudattaa samalla Atomic Design -periaatetta.

Lightweight – Sketch wireframe kit free

Designer: Elwin van den Hazel

Suosio: 5179 katselua ja 1819 latausta

Olitpa sitten työstämässä sovellusta tai web-projektia, Lightweight mahdollistaa yksinkertaisten rautalankakehysten luomisen, Modulaarisen rakenteensa ansiosta sovellus helpottaa työtäsi. Voit tutustua pakettiin tarkemmin Elwinin GitHub-sivulla.

Wireframing Sketch Symbols Resource

Designer: Mariusz Ostrowski

Suosio: 38424 katselua ja 12754 latausta

Nimensä mukaisesti tämä paketti koostuu Sketch-symboleista, joita voidaan käyttää rautalankamallinnuksessa. Symbolit ovat muokattavissa – voit esimerkiksi muuttaa väriä (Color Adjust -toiminnolla) ja suuntausta (Flip ja Rotate). Symbolit on saatavilla sekä iOS:lle että Androidille.

Fleetster – Wireframe kit sketch resource web

Designer: Mauritius D Silva

Suosio: 4351 katselua ja 1703 latausta

Fleetster on laivastonhallinta-, autojen yhteiskäyttö- ja vuokrauspilviohjelmistoyritys, jonka kotipaikka on München, Saksa. Heidän resurssinsa on erinomainen työkalu suunnittelijoille, jotka työskentelevät autonvuokraukseen liittyvien projektien parissa. Lankakehysten ja mockupien luominen autonvuokrauksen varaustoiminnallisuutta silmällä pitäen on Fleetsterin avulla lastenleikkiä.

Wireframing UX Kit Sketch

Suunnittelija: Mikolaj Dobrucki

Suosio: 17779 katselua ja 9985 latausta

Tämä mahtava rautalankarunkoresurssi on erittäin muokattavissa oleva UI:n rautalankarunkopaketti, joka on luotu auttamaan sinua monimutkaisten käyttöliittymien suunnittelussa ja rakentamisessa nopeasti. Paketin mukana tulee yli 300 valmiiksi määriteltyä komponenttia, tekstityyliä ja tasotyyliä. Tämä tiedosto sisältää sekoituksen web-, iOS- ja Android-elementtejä. Elementtien suuresta määrästä huolimatta et pääse hämmennyksiin, sillä ne kaikki on järjestetty hienosti. Enemmänkin, jotta asiat pysyvät yksinkertaisina, voit luoda komponentteja kaikille alustoille yhdellä kertaa.

Wireframe templates Sketch resource web

Suunnittelija: Devbridge

Suosio: 23664 katselua ja 5709 latausta

Wireframe-malli on tarkoitettu suurempiin, monimutkaisempiin suunnitteluprojekteihin, jotka vaativat usein korkean uskottavuuden kannen kommentteineen. Tehokkaiden ominaisuuksiensa ansiosta se voi säästää aikaa ja edistää johdonmukaisuutta koko organisaatiossasi.

Nolte – Sketch wireframe UX kit web

Suunnittelija: Orcun Ilbeyli

Suosio: 35589 katselua ja 15773 latausta

Nolte tarjoaa responsiivisen käyttökokemuksen, joka auttaa tehostamaan rautalankamalliprosessia. Tämä työkalu on osoittanut arvonsa kerta toisensa jälkeen, ja se on osa monien menestyneiden suunnittelijoiden prototyyppiprosessia. Olitpa sitten tuotepainotteinen organisaatio, freelancer tai toimisto, Nolte on erinomainen virtaviivaistustyökalu.

Frames – Sketch UI kit desktop

Suunnittelija: Mariz Melo

Suosio: 47742 katselua ja 15762 latausta

Frames kehittää Sketchin uudelleenkäytettävän rautalankamallin UI-kitin projekteihisi. Frame on sininen rautalankamallinnussarja, joka tarjoaa sekä käytännön että esteettisellä tasolla. Se on uudelleenkäytettävä paketti, jossa on ainutlaatuisesti suunniteltuja elementtejä, jotka tuovat piristystä rautalankakehystyksiisi. Mikä parasta, elementit ovat vektoreita, joten voit muuttaa niiden kokoa ilman laadun heikkenemistä.

Platforma – Ultimate Wireframe Kit of 200+ Layouts for Sketch

Popularity: 222 Sales

Platforma on kokoelma 200+ wireframe-asettelua, jotka on jaettu 15 suosittuun sisältöluokkaan ja jotka on huolella koottu Sketchille. Se on täydellinen väline interaktiivisen prototyypin luomiseen monilla nopeilla wireframing-työkaluilla, kuten Mockplus, Invision, UXPin jne. Se maksaa kuitenkin 68 dollaria.

Information Architecture Kit – Wireframe UI kit for Sketch

Popularity: 42,155 view and 663likes

Jos tarvitset yksinkertaisen tavan näyttää sovelluksen perusominaisuudet ja -virtauksen, ennen kuin sukellat laajaan rautalankamallinnusvaiheeseen, tämä paketti on täydellinen työkalu. Se on saatavilla Illustrator- ja Sketch-muodossa.

Mitä saat:

• 250 mallia
• 500+ elementtiä
• Vektoripohjainen, täysin skaalautuva
• Seikkaperäisesti suunniteltu
• Yhteensopiva Adobe CS6+:n & Sketch 3+:n kanssa

Johdinsuunnittelurunko Sketch 3:n resurssille

Suunnittelija: deadmau5

Suosio: 25245 katselua ja 5139 latausta

Tämä rautalankakehyspaketti on saanut inspiraationsa Sketch 3:n alkuperäisestä rautalankakehyksestä. Koska tämä työkalu on täysin ilmainen resurssi, se soveltuu erinomaisesti aloitteleville projekteille.

Näin se on – parhaat Sketch-lankakehyssarjat, joita voit hyödyntää seuraavissa projekteissasi. Toivottavasti nämä resurssit inspiroivat sinua innovoimaan ja luomaan asioita, jotka ovat sekä kauniita että hyödyllisiä.

Kaikki edellä mainitut Sketch-mallit voidaan tuoda rautalankamallinnustyökaluihin, kuten Mockplusiin, joka on nopea työkalu, jossa on Sketch-lisäosa. Voit helposti käyttää niitä referensseinä ja muokata omia sovelluksiasi.

Parempaa reaaliaikaista suunnitteluyhteistyötä varten voit myös tuoda kaikki edellä luetellut Sketch-mallit (sen jälkeen kun olet muokannut niitä kaikkia omien tarpeidesi mukaan) online-suunnitteluyhteistyöhön ja luovutussivustoihin, joissa on Sketch-lisäosa. Silloin voit helposti kerätä palautetta ja ehdotuksia, kommunikoida sujuvasti suunnittelijoiden, kehittäjien ja tuotepäälliköiden kanssa ja luovuttaa sovellussuunnitelmasi helposti eteenpäin.

Hyvä yhteistyö voi helpottaa sinun ja tiimisi ihmeen paljon.