12 galvenie prototipēšanas rīki

Lapa 1 no 2: 1. lappuse

Prototipēšana ir būtiska jebkura digitālā projektēšanas procesa sastāvdaļa. Tas palīdz mums simulēt mūsu dizainu, izpētīt dažādus lietotāju pieredze un pārbaudiet braucienus un lietotāju plūsmas mūsu projektos. Sen vairs nav dienu, kad tiek drukāti un nodrošināti dizaina PDF faili.

Ir daudz tīmekļa dizaina rīki aptuveni, bet prototipu veidošanas rīki pēdējos gados patiešām ir izveidojušies. Izmantojot šos prototipēšanas rīkus, jums būs jātiek galā ar visām iespējamām dizaina problēmām, neatkarīgi no tā, vai vēlaties no idejas izveidot kaut ko skaistu vai tehnisku. Izmantojot jebkuru prototipu, ir svarīgi pārbaudīt un spēlēt ar interfeisu, lai jūs varētu apstiprināt pieredzi.



Lielākajai daļai šo rīku ir pievienota cenu zīme, bet daži nodrošina bezmaksas piekļuvi vienam projektam vai ierobežotām lappusēm, ļaujot jums atrast pareizo pieteikumu savam projektam.



kā laimēt iPad mini bez maksas

Ja tas ir īpaši stiepļu veidošanas rīki, kurus jūs meklējat, skatiet mūsu sarakstu labākie stiepļu rāmja rīki pieejams.

Galvenā ilustrācija: Ņūtons Ribeiro



01. Proto.io

Cena: Sākot no 24 USD mēnesī (bezmaksas izmēģinājuma versija)

Plusi:

  • Reģistrē lietotāju testus
  • Dalāmi prototipi
  • Pieejama mobilā lietotne
  • Atbalsta VR prototipēšanu
  • Pieejami papildinājumi

Mīnusi:



  • Nav lieliski piemērots bezsaistē

Proto.io ir neticami sāncensis, lai radītu reālistiskus prototipus no aptuvenām idejām līdz pat pilnvērtīgiem dizainiem. Šis rīks arī sniedz daudz iespēju jūsu projektiem, tostarp detalizētu animāciju un pielāgotu vektoru animāciju izveidi.

Tas, protams, ir viens no pirmajiem skrējējiem, kad jūs novērtējat rīkus, kas palīdzēs izveidot jūsu prototipus. Izmantojot vietni Proto.io, projekta uzsākšana ir tik vienkārša, cik vēlaties. Ieskicējot tikai aptuvenu ideju, jūs varat uzreiz uzlauzties un sākt izmantot iepriekš definētus līdzekļus, lai ātri attīstītu savu koncepciju.

Kad esat apmierināts ar savām idejām, tās pēc tam var pārvērst par slīpētākiem un reprezentablākiem stiepļu rāmjiem, lai tos vēl vairāk apstiprinātu un pārdomātu. Nākamais nozīmīgais solis pēc tam ļauj jums pielāgot savu prototipu dizainu, lai tie būtu pēc iespējas patiesāki par gala rezultātu.

Proto.io ir tīmekļa rīks, un tam ir pievienots papildinājumu un funkciju klāsts, kas ietver Sketch un Photoshop failu importēšanu, VR prototipēšanu, UI bibliotēkas un pat ekrāna ierakstīšanu lietotāju testēšanai. Tas tiešām var palīdzēt, ja pārejat uz citām lietojumprogrammām un no tām.

Galu galā jums būs nepieciešams zināms laiks, lai iepazītos ar šo rīku. Ar to var paveikt ļoti daudz, un ir daudz iespēju un izvēlnes vienumu, ar kuriem spēlēt. Pēc tam, kad esat to apguvis, to būs grūti atcelt. Iespēja izveidot detalizētas animācijas patiešām padara šo lielisko izmantojamo rīku un ideālu veidu, kā īstenot savas idejas pēc iespējas reālākā veidā.

02. Adobe XD CC 2018

Cena : 9,99 USD mēnesī | 9,98 mārciņas mēnesī
Izmēģiniet bezmaksas izmēģinājumu : ASV | Lielbritānija

Plusi:

  • Pievienojiet mijiedarbību tikai ar dažiem klikšķiem
  • Tīrā lietotāja saskarne
  • Palaidiet un eksportējiet prototipus, lai tos varētu viegli pārbaudīt
  • Izveidojiet prototipus ar ļoti maz ierobežojumu

Mīnusi:

  • Animācijas iespējas ierobežo

Adobe XD piedāvā vislabāko vidi digitālajiem projektiem Adobe ietvaros Radošs mākonis dizaina rīku kolekcija. Lai gan, ja jūs esat ieinteresēts Adobe lietotājs un esat jauns XD lietotājs, iespējams, ka saskarne vispirms jums nebūs ļoti pazīstama, taču tā saskaras ar citiem vadošajiem rīkiem. Tas ir lēciens, ja kādu laiku esat izstrādājis programmu Photoshop. Tomēr tas ir tā vērts, ja esat liels Adobe fans.

Šis rīks ļauj jums izveidot augstas precizitātes dizainu un prototipus ar ļoti maz ierobežojumu. Tas noteikti vienmēr būs starp vizuālo projektu ieročiem. Tas ir ļoti dizaina vadīts, un to ir ļoti viegli izmantot ar dažām patiešām veiklām funkcijām, lai padarītu projektēšanas procesu efektīvāku un apmierinošāku.

Jūsu audeklam ir divi režīmi: tie ir dizains un prototips. Kad esat izveidojis saskarņu un reklāmas paneļu komplektu, varat sākt veidot attiecības starp elementiem, uz kuriem var noklikšķināt, un lapām. Jūs varat izlemt starp pārejas stiliem, piemēram, bīdīšanu, bīdīšanu un izšķīšanu. Pēc tam XD ļauj palaist un eksportēt prototipus, lai jūs varētu tos pārbaudīt un parādīt klientiem.

Šodienas labākais Adobe Creative Cloud piedāvā AdobeIeteicamais mazumtirgotājs Creative Cloud Visas lietotnes 49,94 mārciņas mēnesis Skats plkst Adobe Radoša mākoņu fotogrāfija 9,98 mārciņas mēnesis Skats plkst Adobe Creative Cloud Single App 19,97 mārciņas mēnesis Skats plkst Adobe

03. Axure

Cena: Sākot no 29 USD mēnesī

Plusi:

  • Lieliski piemērots sarežģītām vietnēm un idejām
  • Lieliski apstrādā dinamiskus datus
  • Nosacījuma loģika
  • Spēj eksportēt kā HTML failus
  • Ļoti funkcionāls

Mīnusi:

Pārdošanā 2tb ārējie cietie diski
  • Nav ideāls augstas precizitātes dizainu prototipēšanai

Axure ir izdevies izveidot reputāciju kā vienu no labākajiem stiepļu rāmēšanas rīkiem tirgū, un tā ir lieliska izvēle, strādājot ar sarežģītākiem projektiem, kuriem nepieciešami dinamiski dati. Izmantojot Axure, jūs patiešām varat koncentrēties uz tādu projektu izsmiešanu, kas ir tehniskāki un kam jāpievērš lielāka uzmanība attiecībā uz struktūru un datiem.

Lai gan tā nebūt nav pirmā izvēle augstas precizitātes dizaina prototipēšanai, tā tomēr ir lieliska, lai ātri pārņemtu lielākus projektus / programmatūras platformas, izmantojot pirmā posma stiepļu ietvara koncepcijas.

Galvenais Axure ieguvums ir tas, ka tas ļoti labi apstrādā dinamisko saturu, ļaujot to mainīt un mainīt atbilstoši noteiktiem lietotāju ceļojumiem vai mijiedarbībai. Tas tiek panākts, apvienojot nosacītu loģiku un manipulējot ar lapām, satura blokiem vai tekstu, iestatot mainīgos un parametrus.

Bet potenciāls, ko jūs varat darīt ar Axure, neapstājas pie tā. Tā ir lieliska iespēja plūsmas diagrammu un diagrammu vizualizēšanai, kas tikai palīdz jums formulēt dažus tehniskākus ceļojumus, ar kuriem varētu nākties saskarties.

Runājot par projekta tehniskajiem aspektiem, Axure vajadzētu būt jūsu iepirkumu saraksta augšgalā, lai risinātu tehniskos dizaina aspektus, kā arī ar datiem pamatotas vai dinamiskas platformas, kur dizains beigās ir tikai kosmētisks remonts. Prātā nāk funkcija pār formu.

04. Origami studija

Cena: Bezmaksas

Origami sākotnēji izstrādāja Facebook, lai palīdzētu komandai veidot un noformēt produktus. Tagad tas ir pieejams bez maksas: varat reģistrēties kā Apple izstrādātājs, pēc tam lejupielādēt un instalēt Xcode ar Quartz Composer, lai Origami palaistu Mac datorā.

Šī rīka instalēšanai ir nepieciešams vairāk darba nekā citām prototipēšanas opcijām. Tomēr pēc instalēšanas jūs varat sākt veidot dizaina koncepcijas, kas simulē ritināšanu, pieskārienus, vilkšanu un lapu saites. Origami dokumentācija, apmācības un videoklipi par to, kā ērti sākt darbu.

Skices un Photoshop dizainu var importēt Origami, un jūsu projekta slāņi tiks saglabāti, gatavi sasaistīt, animēt un pārveidot pēc nepieciešamības. Origami arī nav orientēts uz mobilo dizainu: varat noformēt atsaucīgas vietnes un simulēt tādas funkcijas kā teksta ievade, FaceTime kamera un OS X vilkšana un nomešana.

Prototipa komponentus (ieskaitot animācijas) varat eksportēt tikai ar vienu klikšķi, lai inženieri varētu kopēt un ielīmēt projektā. Origami ietver prezentācijas rīku, kas ļauj dizainam pievienot pielāgotu fonu, skatīt pilnekrāna režīmā un simulēt dažādas ierīces.

Origami kā bezmaksas prototipu veidošanas risinājums piedāvā daudz ko. Tomēr viens trūkums ir tas, ka tas vēl neļauj jūsu klientiem vai dizaina komandai komentēt tieši projektu vai versiju vēsturi.

05. Web plūsma

Izmantojot Webflow, prototipu dizains ir ātrs un vienmērīgs, taču šis rīks patiešām spīd, kad viss jūsu prototips ir pabeigts. Gatavo prototipu varat pārveidot par vietni, kas ir gatava ražošanai, ar pogas klikšķi.

Nesen Webflow ir ieviesis spēli, kas maina spēli: CMS jūsu prototipiem. Webflow CMS ir pilnīgi vizuāls, ļaujot izveidot jaudīgas, dinamiskas vietnes, nerakstot vienu koda rindiņu. Vēl viena īpaši noderīga funkcija ir tā spēja izveidot emuāru, izmantojot jūsu emuāra lapas prototipa koncepciju.

Ja esat ārštata dizainers un jums ir bijušas grūtības atrast izstrādātāju, lai jūsu dizainu pārvērstu ražošanas vietnēs, Webflow var būt jums piemērots. Jūs pat varat izveidot lietotāja kontus vai norīkot administratoru, lai pārvaldītu saturu, un jūsu klienti varēs vizuāli veikt izmaiņas.

Alternatīvi, prototipu ir viegli eksportēt uz kodu. Webflow tīrais semantiskais kods var ietaupīt jūsu inženieriem vairākas stundas ilgas koda tīrīšanas.

Webflow nāk ar vietņu veidnēm un tīmekļa komponentiem, kurus var vilkt un nomest jūsu prototipā. Tas paātrina prototipu veidošanas procesu, jo tie nozīmē, ka jums nav jāatjauno bieži izmantotie dizaina līdzekļi.

Ja kādā brīdī esat iestrēdzis un jums nepieciešama palīdzība, varat iepazīties ar Webflow detalizēto dokumentāciju vai skatīties tās noderīgos video kursus. Un, protams, ja Webflow izmantojat pirmo reizi, šis atbalsts palīdzēs samazināt mācīšanās līkni.

Webflow pēc būtības ir atsaucīgs, tāpēc jūsu vietnes izkārtojums tiks optimizēts visām ierīcēm: galddatoriem, mobilajām ierīcēm un planšetdatoriem. Ja ar to nepietiek, varat noformēt animācijas, kas darbosies mobilajās ierīcēs un visās mūsdienu pārlūkprogrammās. Un tas joprojām nebeidzas ar to: Webflow ir iebūvēta paplašināmība, kas ļauj ērti savienot savus tiešraides prototipus ar Slack, MailChimp, Google Drive un vairāk nekā 400 citiem pakalpojumiem.

06. Skice

Cena: 99 USD gadā (bezmaksas izmēģinājuma versija)

kā uzzīmēt izometrisko skatu no ortogrāfiskā skata

Plusi:

  • Nepārblīvēts lietotāja interfeiss
  • Ļoti elastīga funkcionalitātes ziņā
  • Viegli veidot prototipus
  • Veidojiet simbolus un atkārtoti izmantojamus līdzekļus
  • Pieejami papildinājumi
  • Viegli kopīgojiet savu prototipu

Mīnusi:

  • Animācijas iespējas ierobežo

Skice ir lietojumprogramma, kuru ļoti mīl dizaina kopiena. Tas ir vienkārši lietojams un sniedz visu nepieciešamo, lai izveidotu skaistas saskarnes. Vēl nesen Sketch balstījās uz trešo pušu paplašinājumiem, lai prototipētu ar InVision, taču tagad tā nodrošina visu savu vidi.

Izmantojot iepriekš definētus mākslas dēļus, jūs varat sākt darbu ar Sketch diezgan ātri ar ļoti mazu piepūli; vienkārši sāciet ielādēt grafikā vai ierakstiet. Projektēšana šajā rīkā ir jauka un vienkārša.

Viena no iezīmēm, kas Sketch ietvaros darbojas ļoti labi, ir tas, kā tā rīkojas ar simboliem. Tas ir veikls veids, kā iesaiņot mazus vai pat lielus interfeisa objektus un tos atkārtoti izmantot atkārtoti. Izmantojot savus simbolus, tos var rediģēt arī nedekonstruktīvā veidā. Piemēram, pogas elements var būt iesaiņots simbolā, kurā tiek izmantots teksts, ikona un apmale. Jūs varat atkārtoti izmantot simbolu ap savu dizainu un, ja nepieciešams, mainīt tekstu. Rediģējot simbolu avotā, varat mainīt tādas lietas kā fonta stilu un krāsu, un tas atjauninās visus jūsu simbolus ap jūsu dizainu. Ļoti veikls un bieži vien liels laika taupītājs.

Attiecībā uz prototipu veidošanu jūs varat uzzināt attiecības starp objektiem uz jūsu audekla un lapām. Šīs attiecības nodrošinās saites starp jūsu lapām, kuras varēsit sākt savienot, un ļaus simulēt lietotāju ceļojumus, kad viņi pārvietojas pa jūsu vietni. Skices ietvaros jūs varat arī kopīgot savus prototipus ar unikālu saiti un pēc vajadzības veikt projekta atjauninājumus.

Skice ir iecienīta daudziem un noteikti ir vērts to apskatīt. Tas ir ļoti tīrs un daudzpusīgs dizaina rīks. Tam ir pieejami vairāki paplašinājumi, kas projektēšanas procesu padara vēl ātrāku vai vieglāku.

07. Kadrētājs

Cena: 15 USD mēnesī (bezmaksas izmēģinājums)

Framer ir viens no populārākajiem prototipu veidošanas rīkiem. Tas ir balstīts uz pieņēmumu, ka ar kodu ir iespējams prototipēt jebko, kā rezultātā veidojas jauns un revolucionārs dizains.

Lai gan tas var būt taisnība, rīka patentētā kodēšanas valoda prototipu projektēšanai un animēšanai varētu būt šķērslis. Ir tādi, kuri var neredzēt atalgojumu stāvās mācīšanās līknes beigās, it īpaši valodai, kuru nevar izmantot ārpus Framer.

Tomēr tiem, kas vēlas uzņemties izaicinājumu, Framer kodēšanas valodas dokumentācija ir ļoti labi strukturēta, un tajā ir daudz piemēru, lai parādītu, kā valoda darbojas. Ir video, kā arī kursi par Udemy un O'Reilly.

Šī pieeja ir īpaši noderīga dizaineriem, kuri ir jauni kodēšanas jomā. Tas piedāvā tiešu pārskatu par to, cik kods var būt elastīgs un jaudīgs. Turklāt Framer Mac App ir labi izstrādāts un nodrošina tiešraides priekšskatījumus, kad rakstāt kodu, un tas ir iedrošinoši tiem, kas kodu raksta pirmo reizi.

Tas nenozīmē, ka tas nav labi dizaineriem ar kodēšanas pieredzi, kuri izvēlas HTML / CSS rakstīšanu, lai prototipētu savus dizainus. Kadrētājs var būt tikai meklētais rīks: jūs neierobežosiet citu lietotņu vilkšanas un nomešanas rīki. Turklāt, tā kā Framer prototipu veidošanai izmanto kodu, prototipā varat iekļaut reāllaika datus no tādiem avotiem kā Twitter un Parse.

Tāpat kā citi rīki, arī Framer atbalsta Sketch un Photoshop projektus, kā arī saglabās jūsu dizaina slāņus. Vēl viens ieguvums ir tas, ka atšķirībā no vairuma citu rīku jūs varat arī importēt After Effects failus. Kad esat gatavs koplietot savu prototipu, Framer var ģenerēt URL, kuru var kopīgot ar klientiem. Šos koplietojamos vietrāžus URL var atvērt mobilajās ierīcēs tiešraides priekšskatījumiem. Framer ļauj jums arī izveidot VR prototipu.

08. Vectr

Savus prototipus varat noformēt vietnē Vectr

Prototipus varat noformēt Vectr tīmekļa vai darbvirsmas lietotnēs

Cena: Bezmaksas

Prototipus varat noformēt Vectr tīmekļa vai darbvirsmas lietotnēs Mac un Windows, kas ir iespaidīgi, ņemot vērā, ka lietotne ir bezmaksas. Prototipi tiek sinhronizēti neatkarīgi no tā, vai strādājat darbvirsmā vai tīmekļa pārlūkprogrammā, ļaujot jums strādāt, kad vien esat gatavs, un nodrošinot, ka jums vienmēr ir piekļuve jaunākajām izmaiņām.

Vectr prototipus var kopīgot ar URL un integrēt tādās lietotnēs kā Slack, lai nodrošinātu spēcīgu sadarbību. Kā papildu bonuss tie, ar kuriem jūs kopīgojat savus maketus, var tos anotēt un rediģēt.

Pašlaik Vectr nav tik bagāts ar funkcijām kā daudzas citas iespējas, taču tam nevajadzētu atturēt jūs no tā iepazīšanās. Ir publicēts lietotnes ceļvedis, kurā sīki aprakstīts iespaidīgs slāņa funkciju saraksts. Tie ietver: pilnībā bezsaistes darbvirsmas lietotnes, vairāk platformu, iebūvētu versiju vadību, iebūvētu dizaina līdzekļu tirgu, pilnīgu kopīgu rediģēšanu, attēlu efektus, spraudņus, maketus, uz kuriem var noklikšķināt, iebūvētus atgriezeniskās saites un anotācijas rīkus un bezsaistes darbvirsmas lietotnes .

Lasiet tālāk par vēl 5 lieliskiem prototipu veidošanas rīkiem ...

  • 1
  • divi

Pašreizējā lapa: 1. lappuse

Nākamā lapaspuse 2. lappuse