10 parimat prototüüpimisriista disaineritele 2020
Prototüüpimine on osa iga disaineri loomeprotsessist. See on teie töö lahutamatu osa, mis aitab võita projekte ja kliente. Usume, et igal disaineril peaks olema korralik prototüüpimisriist. Ja täna on meie eesmärk aidata teil seda leida.
Ükskõik, kas olete kasutajakogemuse kujundaja või kasutajaliidese kujundaja, kes otsib head prototüüpimisriista, oleme teid kaetud. Selles juhendis heidame pilgu parimatele prototüüpimisriistadele igasuguste UI ja UX disainerite jaoks.
Leiate nii tasuta prototüüpimistööriistu kui ka tasulisi rakendusi ja isegi veebipõhiseid prototüüpimisriistu, mis vastavad teie eelarvele ja vajadustele. Alustame.
1. UXPin
- Hind: 19 dollarit kuus
- Parim: UX, UI ja veebidisainerid
Prototüüpimisel on UXPin nagu kõigi tehingute tungraud. See hõlmab kõiki algse projekteerimisprotsessi aspekte, viies teid kiirest prototüüpimisest interaktiivsete kasutajaliidese kujunduste testimiseni.
Üks lahedamaid asju UXPini kohta on see, et see sisaldab eelvalmis malliraamatukogusid. Ja see teeb kiire prototüüpimise palju lihtsamaks. Näiteks kui soovite luua iOS-i rakenduse kiire maketi, on UXPinil kogu iOS-i rakenduse liidese mallide kogu. Saate selle lihtsalt oma lõuendile lohistada ja hakata kujundama.
Põhijooned
- Eelvalmistatud komponendid võimaldavad rakenduste ekraanide ja liideste kiiret prototüüpimist
- Looge olekute ja muutujate abil interaktiivseid elemente, näiteks nuppe, vorme ja muud
- Joonistusriistad võimaldavad teil ise oma disainielemente käsitööna töödelda
- Võimalus visandifaile importida ja kohandada
- Brauseripõhine rakendus võimaldab teil oma meeskonnaga hõlpsamalt koostööd teha
- Testige oma disainilahendusi reaalajas mobiilseadmetes
Kes peaks seda kasutama?
UXPin sobib suurepäraselt igat tüüpi UX ja UI disaineritele, kaasa arvatud täielikud algajad. Eriti kuna tegemist on interaktiivsete elementide üsna hõlpsa lisamise võimalusega. Kuna see on brauseripõhine, saate seda kasutada mis tahes teie omanduses olevas seadmes ka ilma litsentsimisprobleemideta.
Rakendusel on tasuta prooviversioon, mille abil saate seda testida. Või lugege meie arvustust, et saada rohkem teavet selle toimimise kohta.
2. Nägemine
- Hind: tasuta / 15 dollarit kuus
- Parim: mobiili- ja veebirakenduste kujundajad
InVision on veel üks veebirakendus, mis töötab sarnaselt UXPiniga, välja arvatud rõhuasetus disainil. See sisaldab kõiki vajalikke tööriistu alates juhtme kujundamisest kuni kasutajaliidese kujundusteni. Kaasas palju kasulikke tööriistu paremaks koostööks ja prototüüpide loomiseks.
Sarnaselt UXPiniga on ka InVisionil tööriistad disainilahenduste objektide interaktiivseks muutmiseks. Kuid see on palju lihtsam ja ei võimalda teil täiustatud olekuid rakendada nagu UXPin teeb.
Põhijooned
- Kujundage rakenduse ja veebi prototüübid eelvalmis komponentide abil hõlpsalt
- Muutke oma prototüübid interaktiivseteks, lisades päästikud
- Tehke projektidest klientidega hõlpsamalt koostööd ja koostööd
- Komplekti kuuluvad tööriistad kiirete ja lihtsate juhtraamide visandamiseks ja joonistamiseks
- Juurdepääs oma disainiprojektidele pilves mis tahes seadmes
Kes peaks seda kasutama?
InVision sobib kõige paremini rakenduse kasutajaliidese kujundajatele, eriti meeskondadele, kes teevad koostööd projektides. See on hea lähtekoht ka vabakutselistele, kuna see sisaldab tasuta kava, mis võimaldab teil hoida ühte aktiivset projekti nii kaua kui soovite.
3. Justinmind
- Hind: tasuta / 19 dollarit kuus
- Parim: veebi- ja mobiilirakenduste kujundajad
Justinmind on üsna uus rakendus, mis on täielikult pühendatud juhtmete kujundamisele ja prototüüpide loomisele. Kuigi see tööriist pole nii täiustatud kui UXPin või InVision, on sellel palju kasulikke funktsioone, mis muudavad selle suurepäraseks võimaluseks algajatele.
Justinmindi üks atraktiivsemaid omadusi on see, et sellel on tasuta igaveseks plaan koos võimalusega luua piiramatuid raamiraami ja kasutajaid lisada. Saate seda kasutada kiirete prototüüpide loomiseks, kasutades pukseerimisredaktorit, eriti alustades või kiire prototüüpide õppimiseks.
Põhijooned
- Looge kiireid kaadreid ja prototüüpe, kasutades pukseerimisredaktorit
- Lisage oma kujundustele interaktiivseid elemente ja mobiilseid žeste
- Võimalus eksportida disainilahendusi interaktiivsesse HTML-i ja dokumentidesse
- Tehke pilve peal koostööd meeskonnaga
- Tasuta alatine plaan piiramatute projektidega
Kes peaks seda kasutama?
Igavesti tasuta plaan teeb Justinmindist suurepärase võimaluse UX- ja UI-disaini alustajatele. Vaba plaan on aga piiratud staatiliste prototüüpidega. Kui soovite lisada interaktiivseid elemente, efekte, pilvekoostööd ja eksportida kujundusi, peate valima tasulise paketi.
4. Joonis
- Hind: tasuta / 12 dollarit kuus
- Parim: veebi- ja mobiilirakenduste liideste kujundajad
Enamik disainereid on populaarse veebipõhise kasutajaliidese kujundamise tööriistaga juba tuttavad. Ehkki Figmat tuntakse üldiselt UX-i disainirakendusena, on sellel ka tööriistu kiireks prototüüpide loomiseks.
Figmal on juhtraamide ja funktsionaalsete prototüüpide kujundamiseks väga lihtne kasutada pukseerimisredaktorit. Sellel on isegi palju prototüüpide animeerimiseks interaktiivseid elemente. Veelgi paremaks muudab selle asjaolu, et rakendust saab tasuta kasutada ja see töötab mis tahes brauseriga.
Põhijooned
- Lihtne pukseerimisredaktor rakenduse liidese kiireks prototüüpimiseks
- Animeerige elemente ja lisage interaktsioone, et kujundused ellu jääksid
- Looge prototüübi kiiremaks kujundamiseks ja kasutage seda
- Võimalus prototüüpe reaalajas vaadata
- Töötab mis tahes brauseriga, et projektide hõlpsamaks koostööks
- 3-aktiivse projekti ja piiramatu salvestusruumiga igavesti tasuta plaan
Kes peaks seda kasutama?
Figmat saab kasutada peaaegu igat tüüpi veebi- või mobiilirakenduse liidese prototüübimiseks. Sellel on helde tasuta plaan, mis võimaldab teil 3 aktiivset projekti ja 2 toimetajat. See teeb sellest suurepärase võimaluse vabakutselistele, eriti klientidega projektide kallal töötamiseks.
5. Visand
- Hind: 99 dollarit
- Parim: mobiili- ja veebi kasutajaliidese ja UX-i disaineritele
Sketch on üks parimaid tänapäeval saadaval olevaid rakendusi igat tüüpi kasutajaliideste kujundamiseks. See on nagu Figma edasijõudnum ja laialdasemalt toetatud versioon. Ainus põhjus, miks me selle Figma alla paigutasime, on asjaolu, et see pole platvormidevaheline.
Visandil on lai kogukond ja seetõttu on seal tuhandeid malle ja kasutajaliidese komplekte, mida saate kasutada rakenduste ja disaini kiiremaks prototüüpimiseks. Ainus negatiivne külg on see, et vajate Maci arvutit. See teeb projektides koostöö tegemise ka pisut keeruliseks.
Põhijooned
- Kõik-ühes redaktor juhtmete kaadrite kujundamiseks, prototüüpide kujundamiseks ja rakenduste ning veebiliideste kujundamiseks
- Kiiremaks kujundamiseks joonistage ja redigeerige vektoreid või kasutage eelnevalt valmistatud komponentide teeke
- Looge interaktiivseid elemente ja lisage oma kujundustele animatsioone
- Kolmanda osapoole pistikprogrammid ja integratsioonid muudavad rakenduse veelgi võimsamaks
- Palju kolmanda osapoole kasutajaliidese komplekte ja malle, mida alla laadida
Kes peaks seda kasutama?
Visand sobib suurepäraselt vabakutseliste kasutajaliideste ja UX-ide kujundajatele, kui saate rakendust endale lubada ja teil on Mac. Seal on igakuine tellimiskava, mis võimaldab teil oma disainilahendusi pilves jagada. Kuid see ei toeta kavandite redigeerimist.
6. Ime
- Hind: tasuta / 12 dollarit kuus
- Parim: veebi- ja mobiilirakenduse kasutajaliidese kujundajad
Marvel on end nimetanud “digitaaltoodete disainiplatvormiks”. Ehkki see väide pole päris täpne, on rakendus ise suurepärane lahendus disaineritele, kes saavad prototüüpe meisterdada nii mobiili- kui ka veebirakenduste jaoks.
Marvel on olemas kõik vajalikud tööriistad igasuguste mobiili- ja veebiliideste meisterdamiseks prototüüpidest disainini. See toetab isegi žeste interaktsioone animeeritud mobiilirakenduste kujundamisel.
Põhijooned
- Pukseerige redaktorit kõike alates traadist raamimisest kuni prototüüpide ja kujundusteni välja
- Võimalus eksportida disainilahendusi CSS-, Swift- ja Android XML-koodidesse
- Funktsioonid teie disainilahenduste koostööks ja kasutajaks testimiseks
- Lisage interaktiivseid elemente oma kujundusele ilma koodita
- Jagage oma kujundusi, et saada tagasisidet ja kasutajateste
Kes peaks seda kasutama?
Kuna Marvel on kõik-ühes platvorm, mis on täis erinevaid tööriistu ja funktsioone, sobib see kõige paremini kogenud kasutajatele ja kogenumatele disaineritele. Marvel on tasuta plaan, mis lubab teil olla 1 aktiivne projekt nii kaua kui soovite.
7. Zeplin
- Hind: tasuta / 17 dollarit kuus
- Parim: veebirakenduste kujundajad ja arendajad
Zeplin on teist tüüpi prototüüpimisriist, mis on loodud arendajaid silmas pidades. Arendajatel on sageli probleeme disainerite tehtud liideste koodiks tõlkimisega. Zeplini eesmärk on lõhe ületada, pakkudes arendajatele lihtsaid tööriistu oma kujunduse meisterdamiseks.
Zeplini on üsna lihtne kasutada ja see sisaldab sisseehitatud kodeerimispaneeli, et rakendada täiustatud CSS ja kood oma kujundusele lennult.
Põhijooned
- Võimalus luua oma andmebaasi jaoks kujundussüsteem, et disainilahendusi kergemini hallata
- Genereerige oma kujunduselementide jaoks koodilõigud ja hoidke need kõik ühes kohas
- Kavandage hõlpsalt disainilahendused, kasutades Sketchi, Photoshopi, Figma ja Adobe XD pistikprogramme
- Tehke koostööd ja saate oma meeskonnalt tagasisidet
Kes peaks seda kasutama?
Nagu me juba varem mainisime, on Zeplin rohkem arendajatele mõeldud disaini tööriist. See sobib suurepäraselt vabakutselistele ja meeskondadele arendajatega koostöö tegemiseks. Tasuta plaan võimaldab teil olla 1 aktiivne projekt nii kaua kui soovite.
8. Proto.io
- Hind: tasuta / 24 dollarit kuus
- Parim: mobiilse kasutajaliidese disainerid
Proto.io on spetsiaalselt prototüüpide kujundamiseks mõeldud tööriist. Ja see sisaldab palju kasulikke funktsioone, mis muudavad teie prototüüpimisprotsessi palju lihtsamaks.
Rakendus töötab üsna sarnaselt veebisaidi lohistajale. See sisaldab eelvalmistatud komponente ja sisuplokke, mida saate lisada unikaalsete rakenduse liideste hõlpsaks loomiseks. Saate oma interaktiivseid kujundusi hõlpsalt ka kõigile jagada. Vaadake näiteks selle demokogu.
Põhijooned
- Raamatukogud, mis on täis kasutajaliidese komponente, malle, ikoone, heliefekte ja palju muud
- Lisage interaktiivseid elemente disainilahendustele koos tegevuste, žestide, animatsioonide ja muuga
- Impordi disainilahendused Sketchist ja Photoshopist ning sünkroonige projektid Dropboxi
- Veebipõhine redaktor võimaldab teil oma kujundustele juurde pääseda kõikjalt
- Võimalus eksportida kujundusi HTML-, CSS- ja Javascriptis
Kes peaks seda kasutama?
Proto.io sobib suurepäraselt nii kasutajaliidese disaineritele kui ka veebirakenduste kujundajatele. Vaba plaanil on väga piiratud funktsioonid ja tasulise paketi hinnakujundus võib vabakutselistele olla pisut kallis. Seega on rakendus kõige sobivam disainiagentuuridele ja kogenumatele spetsialistidele.
9. ProtoPie
- Hind: 11 dollarit kuus
- Parim: kogenud veebi- ja mobiilse kasutajaliidese kujundajad
ProtoPie on veel üks pilvepõhine tööriist, mis on loodud lihtsalt mitmesuguste kasutajaliideste prototüüpimiseks. Esmapilgul võib rakendus tunduda üsna kogenud. Sellepärast, et see on professionaalidele mõeldud täiustatud prototüüpimisriist.
ProtoPie eesmärk on täpsemate ja interaktiivsete prototüüpide loomine. Platvormi peamine eesmärk on aidata teil luua täpsemaid prototüüpe, mida saate otse arendusse saata.
Põhijooned
- Looge veebi- ja mobiilirakenduste jaoks täpsemad ja kvaliteetsemad prototüübid
- Lisage interaktiivseid elemente, et muuta oma prototüübid realistlikumaks
- Prototüüpide hõlpsaks kujundamiseks eelvalmistatud komponentide teegid
- Võimalus importida disainilahendusi Sketchist, Figmast ja Adobe XD-st
- Testige oma disainilahendusi, kasutades Androidi ja iOS-i peegeldavaid rakendusi
Kes peaks seda kasutama?
ProtoPie sobib suurepäraselt kogenenumatele ja kogenumatele kasutajaliidese kujundajatele, kuna saate seda prototüüpide viimistlemiseks ilma muid rakendusi kasutamata. Rakendusel on selle funktsioonide testimiseks tasuta prooviversioon. Ainus negatiivne külg on tarkvara installimine Mac'i või Windowsi arvutisse.
10. Raam X
- Hind: 12 dollarit kuus
- Parim: mobiilse kasutajaliidese kujundajad ja arendajad
Framer X on uuenduslik prototüüpimisriist, mis hõlmab ka tööriistu projekteerimiseks ja arendamiseks. Sellel on ainulaadne toimetaja, kus saate interaktsioone kaardistada, et luua prototüüpe, mis toimivad nagu pärisrakendused.
Sellega on kaasas isegi mobiilirakendused, mis võimaldavad teil oma kujundust peegeldada ja prototüüpe mobiilseadmetes testida. Framer on täielik lahendus mobiilirakenduste prototüüpimiseks ja arendamiseks.
Põhijooned
- Kiire prototüüpimine eelnevalt valmistatud komponentide ja elementidega
- 3-in-1 tööriistakomplekt projekteerimisest prototüüpide ja arenduse juurde liikumiseks
- Looge ja sujuvamaks interaktsioone visuaalses redaktoris
- Võimalus luua ja kasutada disainilahenduste järgi eritellimusel valmistatud komponente
- Palju kasutajaliidese komplekte ja ressursse igasuguste prototüüpide kujundamiseks
Kes peaks seda kasutama?
Framer on võimas prototüüpimisriist, mis sobib kõige paremini nii kogenud disaineritele kui ka arendajatele. Praegu on Framer saadaval ainult Mac-seadmetes. Kuid vastavalt veebisaidile on teel saadaval ka rakenduse veebipõhine versioon.
Milline prototüüpimisriist on parim?
UXPin on selles nimekirjas kindel võitja. See pakub parimaid funktsioone ja kõiki vajalikke tööriistu, alates juhtraamidest kuni prototüüpide ja seejärel interaktiivse disainini. Samuti on algajatele üsna lihtne õppida ja omada tööriistu ka kogenud disaineritele.
Kui otsite tasuta varianti, siis tasub Figma vaadata. Kuigi see on kasutajaliidese kujundamise tööriist, pakub see prototüüpide loomiseks ja interaktsioonide lisamiseks palju tuge. Kõik tasuta.
Teine võimalus, mida peaksite kaaluma, on UI-komplektide kasutamine. Kasutajaliidese komplektid sisaldavad malle, mida saate kohandada, et hõlpsalt kujundada rakenduste ja veebisaitide prototüüpe. Inspiratsiooni saamiseks lugege meie Figma UI Kitse malle ja Adobe XD UI Kits kollektsioone.
