Disaini prototüüpimisriistad -
Peate olema mõelnud, et teil oleks oma ilus ja atraktiivne veebisait, kus suur osa kasutajatest teie saiti külastab ja hoiab. Kuid paljutõotavat kasutajabaasi ei saa üleöö saavutada. See vajab ühiselt pikki tunde rasket ja nutikat tööd, mille tulemuseks on lõpptoode, mis saadakse ideede seeria, kontseptsiooni, intensiivsete arendusprotsesside ja katsetuste abil. See hõlmab teie toote kavandamist ja ümberkujundamist, kuni ja kuni nõutavate parameetrite saavutamiseni. Veebikujundus on arenenud valdkond, kus soovitud tulemuste saavutamiseks kasutatakse tohutul hulgal tööriistu. Lõplik kavand pole siiski midagi, mida saaksime üheskoos saavutada. Kasutajatel peaks olema ettekujutus, milline see toode kujuneb, nii et nad vajaksid mingisuguseid katse- või katseseansse, et mõista, mida nad lõpptootest oodata võivad, ning just seal on prototüüpimine kasulik. Kas olete sellest terminist varem kuulnud? Kas sa tead, mida prototüüpimine endast kujutab? Prototüüp on põhimõtteliselt omamoodi makettpuur, mis viib lõpptoote hindamiseni. Selles artiklis õpime prototüüpimisvahendeid.
Prototüüpidest rääkides peame teadma, et prototüüp on kõike muud kui lõplik disain. See on ainult rea disainilahendusi, mis ei pruugi olla ülitäpsed ega täpsed. Peame mõistma, et lõpptoode on koopia erinevatest prototüüpidest, mis kulmineeruvad lõppkujunduse või toote vormis. See on kindlasti vaevaline, energiakulu ja kulukas asi, kuid prototüüpimine säästab päeva, sest see tagab veebi kujundamise täiuslikkuse ja kasutajasõbralike kujunduste nõudluse. Prototüübid panevad elu ja värvid suvalisse veebikujundusse ning see annab meile ka võimaluse testida disaini või rakenduse teostatavust ja vastutust. Samuti aitab see üles ehitada kasutaja interaktiivseid seansse erinevatel tasanditel. Tarkvara prototüüpimise peamine eesmärk on tagada lõpptoote tõhusus ja järjepidevus. See tagab, et teie toote lõplik prototüüpimine vastab teie ootustele.
Prototüüpide kujundamisel on mitmeid prototüüpimisriistu ja -tehnikaid. Ja ükskõik millise tööriista kasutamine oma veebisaidi või rakenduse kujundamiseks on kujundaja äranägemisel. Kuid tavaliselt peetakse paremaks kasutada madala täpsusega prototüüpe, mitte kõrge täpsusega prototüüpe, kuna madala täpsusega prototüübid võtavad vähem aega ja vaeva. Peale selle on sobivate prototüüpimisriistade valimiseks mitmeid otsustavaid tegureid. Sõltuvalt prototüübi eesmärgist, vaatajaskonna ulatusest ja paljudest muudest põhjustest kipute valima prototüüpimisriistade ja -tehnikate erinevusi.
16 parimat prototüüpimisriista disaineritele
Prototüüpimine on disainifilosoofia. Kui teil pole prototüüpi, ei saa te oma toodet testida. Kuni olete disaini lõplikult üles ehitanud ja seda testinud, mis tähendab täpselt seda, et kui teie lõpliku kujundusega juhtub midagi valesti, peate kogu prototüüpimise protsessi kordama, kui te pole prototüüpi kasutanud. Seetõttu on soovitatav prototüübid alati teha, neid aeg-ajalt testida ja seejärel oma veebisaidi või rakenduse lõplik kujundus välja töötada.
Järgnevalt on toodud konstrueerimise tööriistad, mida soovitatakse vastavalt tulemuste orientatsioonile:
-
AXURE
Axure on tänapäeval üks veebidisainerite lemmikuid. See on üks enimkasutatud prototüüpimisriistu arenenud prototüüpimisprojektide jaoks. See on üks kiiremaid traadiga raamimise ja prototüüpide genereerimise põlvkondi, mis tasub end kiiresti ära. See võimaldab meil luua põhilehti, lisada interaktsioone ja kasutada ka vidinate kogu teatud valmiskomponente. Sellele tööriistale on omistatud ka mitmesuguseid muid funktsioone, mis hõlmavad värvide lisamist, piltide importimist, kaldeid ja muudavad ka kujunduse iga objekti läbipaistvust. Liidese kujundamisel võimaldab see täielikku paindlikkust. Axure'i üks põnevamaid omadusi on võime genereerida rikkalikke HTML-i prototüüpe. Sellegipoolest on üks asi, mis teeb sellest teise valiku ja see tähendab, et see töötab ainult Windowsis, mitte Macis ja ka hinnad on üsna kõrged. Kuid kui olete Windowsi kasutaja ja ootate kvaliteeti, peate selle proovima.
-
Balsamiq
Balsamiq on tänapäeval veel üks veebidisainerite seas kuulsaks kiireks prototüüpimiseks mõeldud tööriist. See töötab Adobe AIR-il. See võimaldab disaineril luua kvaliteetseid kroone, mis on märkimisväärselt hea omadus juhuks, kui teil pole hea käsitsi joonistatud visandite loomisel. Kasutajaliidese raamatukogude hulgast saab valida kuni 5 ikooni. See võimaldab meil lisada ka põhilisi interaktsioone ja jagada prototüüpi ka teie meeskonnaga. KÜ raamatukogudes on saadaval ka mitmesuguseid valmisartikleid. See võimaldab teil luua madala täpsusega mudeleid. See tutvustab ka BMML-i, mis võimaldab meil teie kaadreid eksportida. Alustuseks on ka mitmesuguseid interaktiivseid ekraanielemente. Kui olete disainer, kes pole eriti visandite joonistamisel osav, siis on Balsamiq teie päästja.
Soovitatavad kursused
- Online J2EE põhjalik kursus
- R programmeerimise veebikursus
- Minge programmeerima koolitus
- Haskelli programmi kursused
-
Keynote ja PowerPoint
Neid on tänapäeval kõige laialdasemalt kasutatavaid ja kõige lihtsamaid prototüüpide tööriistu. Neid mõlemaid saab tõhusalt kasutada toodete kaadrite ja prototüüpide loomiseks. Mõlemad on kõigile üsna tuttavad, nii et nende kasutamiseks pole vaja palju loovat võimet. Kuid nii keynote kui ka PowerPoint vajavad selliseks kasutamiseks nagu keynotopia ja powermockup, kolmandate osapoolte laiendusi või malle. Mõlemad on suure täpsusega prototüüpimisriistad. Kui olete algaja ja teil on lihtsalt põhiteadmised kujundamise kohta, peate alustama nende tööriistadega.
-
Muhvid
Moqups on veebis saadaolevate prototüüpide tööriistade lihtne ja tasuta tööriist. See on HTML5 veebirakendus. See aitab meil veebisaitide ja rakenduste jaoks lehti kiiresti luua, kasutades mitmesuguseid sümboleid, nuppe jne. Sellel on tasuta versioon, millel on 31 komponenti nagu graafikud, ikoonid, iPhone'i makett jne. Samuti annab see võimaluse töötada mitme projekti ja jagada neid oma meeskonnaga, eksportida valmisprojektid pdf-faili ja luua ka põhilehti. See on madala kuni keskmise täpsusega valik, kuid võrreldes teiste traattraamimisriistadega on see interaktiivsus kõrge. Mida sa ootad? Alustama!
-
Justinmind
See tööriist loodi 2008. aastal. See on suure täpsusega prototüüpimistarkvara, mille saab veebis töötamise asemel otse arvutisse alla laadida ja seega saate seda kasutada ka ilma prototüüpimistööriistadeta ka võrguühenduseta. Selle paigutus sarnaneb Adobe'i loomingulise programmi omaga, kuid see on rohkem lihtsustatud. See võimaldab meil kasutada ka UI-teekide üksusi ja luua põhilehti. Üks plusspunkt on võimalus kasutada lisandmoodulit ja valmis moodulit. Justinmindit on lihtne kasutada. Kui te pole seda kasutanud, proovige seda juba täna.
-
UXPin
See on intuitiivne prototüüpimisriist, mille on välja töötanud Poola meeskond. See on võimas prototüüpimisriist. See aitab luua kiireid ja kauneid prototüüpe. See on suure täpsusega tööriist. See aitab luua kaadreid väga lihtsal viisil. Saate kasutada mitmeid UI teekides saadaval olevaid valmiskomponente. See võimaldab teil ka oma töid meeskonna liikmetega jagada ja reaalajas kommenteerida. Saadaval on ka nutikad juhendid elementide vahelise tegeliku vahemaa mõõtmiseks.
Selle tööriistaga saab ka pilte redigeerida. Lõppkujunduse saab teisendada ka pdf-faili. Pange selle tööriista käsile ja pange oma veebisait imet tegema!
-
Pliiats
See on tasuta Firefoxi pistikprogramm, mis võimaldab kujundajatel ja aitab neil luua kaadreid ja prototüüpe. See aitab kiiresti üles panna suure täpsusega maketi. Kuid tuleb luua pliiatsi visuaalse kujunduse elemendid, kuna see põhineb eelnevalt tehtud graafiliste elementide lohistamisel ja kukutamisel. Ärge liiga palju mõelge, looge juba täna oma maketi veebisait.
-
Adobe Flash
Lisaks kõigile prototüüpimisriistadele aitab Adobe flash toota kiireid interaktiivseid prototüüpe, kuid seda ei saa traadiga kaadrit kasutada. Teatud raamatukoguobjektide ja interaktiivse prototüübi loomise joonistusriistade abil on aga lihtsam. See sobib rohkem teatud olekutevaheliste olekute taasesitamiseks, millel puuduvad muud tööriistad. Hiljuti tutvustas Adobe arendajatele ja disaineritele uut tööriista. Seda tööriista nimetatakse katalüsaatoriks, mis on teadaolevalt parem vahend kui ka Axure. Sinusuguste disainerite puhul tuleb seda proovida.
-
Visand
Oma ideede visand on prototüüpide valmistamiseks kõige odavam ja lihtsam variant. Ehkki see ei paku toimivat prototüüpi, annab see teile võimaluse oma ideesid visualiseerida, loogikaprobleemide kallal töötada ja kõike muud. See on madala täpsusega variant. Visand on hea viis alustamiseks. Siis on olemas visanditööriistad, näiteks UI-šabloonid, mis pakuvad teile visandipadju ja šabloone, mis aitavad teil elemente, ikoone ja nuppe käsitsi palju hõlpsamalt kopeerida.
-
Nägemine
See on ka kõigi prototüüpimisriistade jaoks väga lihtne ja intuitiivne. Laadige oma projektid üles ainult png- või PSD-vormingus ja lisage seejärel levialad, et muuta need interaktiivseteks prototüüpideks. See tööriist võimaldab teil töötada ka koos oma meeskonnaga ja lõbustada ka kommentaare. Ka see tööriist on kulutõhus.
-
Ime
See võimaldab teil luua veebisaitide ja mobiilirakenduste prototüüpe. Peate oma failid üles laadima ainult psd, png, jpg.webp või gif või klõpsama visandite pilte. Siin saate muuta staatilised pildid klõpsatavateks interaktiivseteks prototüüpideks koos paljude animatsioonide ja žestidega. See tööriist on tasuta saadaval.
-
koopia
See on tõesti ilus viis kaadrisse. Selles tööriistas näeme maketi stiilis brauseriaknas ainult ruutu. Seejärel alustate elementide joonistamist hiire abil ja seejärel kuvatakse juhtnupud, et saaksite manipuleerida. See on tõesti tõhus ja lihtne viis kaadrite loomiseks madala või keskmise täpsusega suvandil.
-
Pidoco
See aitab luua veebisaitide ja mobiilirakenduste jaoks klõpsatavaid kaadreid, maketeid ja interaktiivseid prototüüpe. See jääb keskmise ja kõrge täpsusega valikute vahele.
-
SmartDraw
See ei ole täpselt spetsiaalne traatkujunduse ja prototüübirakendus, kuid see ei tohiks tähendada, et me ei saaks seda kasutada. Võrreldes Axure'iga võime oodata väiksemat funktsionaalsust. Sellel on tavaline malliülikond ja mõned automaatse genereerimise funktsioonid. See võimaldab teil lehele lisada lihtsaid elemente ja genereerib lõppväljundina pdf-faili ning see on saadaval ainult akende jaoks.
-
HTML
Prototüüpide arendamine HTML-is nõuab oskusi. See aitab säästa aega ja raha. Erinevate jQuery pistikprogrammide kasutamisel saab enamikku liidestest esitada. Ja koos protonaatidega on saadaval ka funktsionaalsus.
-
Antitüüp
See on Mac-i prototüüpimisrakenduste liider. See aitab luua tundlikke veebisaite, prototüüpida mobiilirakendusi ja isegi mõnda tarkvara. Sellel on mallid erinevatele seadmetele ja sellel on 400 vidina kasutamiseks valmis. See pakub tööriistu suure täpsusega prototüüpide loomiseks. Samuti on saadaval suhtlemise funktsioon. Teie projekti saab eksportida ka vektor- või pikslipõhise graafikana ning see võib tekitada CSS-koodi.
Lõpetuseks ütlen, et prototüüpimistarkvara on väga võimas. See aitab teil disainilahendusest tõhusalt ja selgelt suhelda. See aitab teil disainiideid prototüüpida, neid katsetada ja saada kasutajatelt reaalajas tagasisidet. Prototüüpimistarkvara võimaldab teil oma ideid reaalselt proovile panna ja näete, kuidas kujundus ümber tuleb. See aitab teil saada oma veebisaitidele parima võimaliku kujunduse. See laseb teie kujutlusvõimel puhata teie ees ja annab sellele praktilise kuju ning tagab selle, et teie kliendibaas puutub kokku teie ootuste zenitiga ja kaugemalgi. Mida sa ootad? Tõuse üles ja alusta kohe! Saate luua imesid.
Soovitatavad artiklid
Siin on mõned artiklid, mis aitavad teil disainerite prototüüpimisriistade kohta rohkem üksikasju saada, nii et lihtsalt minge lingi kaudu.
- Hämmastav juhend Adobe InDesign'i kasutajatele
- Arhitektuuriskeemimise tööriistad
- Olulised sammud - HTML5 vs Flash
- 28 parimat näpunäidet Androidi rakenduste arendusriistade jaoks
- Veebiarenduse tööriistad algajatele (tasuta)