6 najlepších bezplatných prototypových nástrojov

Či už navrhujete web alebo aplikácie, prototypy sú dôležitou súčasťou fázy návrhu, ktorá vám a vašim klientom umožňuje získať predstavu o tom, čo staviate a aké je to používať. Dobrý prototyp vám môže ušetriť nespočet hodín vysvetľovania funkcií a zhromažďovania spätnej väzby. So správnymi nástrojmi môžete rýchlo iterovať a opraviť všetky potenciálne problémy skôr, ako prejdete do výroby a užívateľské testovanie .

Zavedené štúdiá už budú zriadené s jedným alebo viacerými z nich špičkové prototypové nástroje , ale ak práve začínate a s hotovostným tokom je problém, možno by ste boli neochotní minúť peniaze, ktoré by sa mohli použiť inde vo vašom podnikaní. Našťastie existuje niekoľko skvelých bezplatných možností, od bezplatných verzií platených služieb až po úplne bezplatné prototypové nástroje, ktoré robia veľa z toho, čo ponúkajú prémiové služby. Tu je šesť najlepších na vyskúšanie.

01. Štúdio Origami

Bezplatné prototypové nástroje: Origami



Origami je nástroj iba pre Mac vyvinutý na Facebooku(Obrázkový kredit: Facebook)

Vyvinutý na Facebooku ako nástroj na vytváranie a navrhovanie produktov, Origami je k dispozícii zadarmo pre používateľov počítačov Mac. Ak chcete začať, musíte byť registrovaným vývojárom spoločnosti Apple, s nainštalovanými programami Xcode a Quartz Composer, ale akonáhle preskočíte potrebné obruče, zistíte, že je ľahké začať s tvorbou Origami, a to vďaka množstvu online dokumentácie, návody a hotové prototypy.

Môžete importovať návrhy z aplikácie Sketch a Photoshop so zachovanými vrstvami projektu a vytvárať koncepty pomocou simulovaného posúvania, klepnutí, potiahnutia prstom a odkazov na stránky. Okrem mobilných aplikácií môžete pomocou Origami tiež vytvárať responzívne webové stránky s funkciami, ako je zadávanie textu a presúvanie myšou. Po dokončení je ľahké exportovať prototypy, ktoré sa majú pridať do projektov.

02. Webflow

Bezplatné prototypové nástroje: Webflow

Webflow vám dáva dva bezplatné projekty, aby ste ochutnali jeho schopnosti(Obrázkový kredit: Webflow)

Webový tok má v ponuke veľa platených plánov pre všetky veľkosti tímov, ale ak hľadáte ochutnávača, potom je tu bezplatná voľba, ktorá vám pomôže pri začiatkoch a umožní vám dva projekty, fakturáciu klienta a bezplatné plánovanie, ale nie možnosť exportu kódu alebo prenosu projektu.

Pomocou vizuálneho CMS môžete vytvárať dynamické a pohotové prototypy bez nutnosti písania kódu. Dodáva sa s knižnicou šablón a komponentov, ktoré uľahčujú vytváranie vašich projektov. Prototypy je možné pripojiť k viac ako 400 službám vrátane Slacku, Disku Google a MailChimp. Ak sa zaseknete, je tu množstvo online dokumentácie, ktorá vám pomôže.

03. Vectr

Bezplatné prototypové nástroje: Vectr

ako zmeniť rozmery stránky v
Tu je nástroj na návrh vektorov, ktorý je vhodný na vytváranie prototypov a na získavanie spätnej väzby(Obrázok: © Vectr)

Vytvorená ako bezplatná aplikácia pre vektorový dizajn pre rôzne platformy, Vectr funguje tiež veľmi dobre ako bezplatný nástroj na vytváranie prototypov. Aj keď je to v porovnaní s inými vektorovými aplikáciami trochu slabé na funkcie, je navrhnuté tak, aby sa s ním dalo ľahko manipulovať a hrať, a po vykonaní niekoľkých návodov (na stránkach Vectr je veľa vecí, do ktorých sa dá zaseknúť) budete pripravení začať navrhovať.

Jednou z naozaj užitočných funkcií spolupráce je možnosť zdieľania odkazov; s tým môžete poslať odkaz ostatným a tí vás budú môcť sledovať v reálnom čase pri úpravách a poskytovať rýchlu spätnú väzbu. Akonáhle skončíte, váš hotový dizajn je možné exportovať ako JPG, PNG alebo SVG.

04. Justinmind

Bezplatné prototypové nástroje: Justinmind

Justinmind je bezplatný nástroj na wireframing, ktorý vám dáva veľa možností na hranie(Obrázok: © Justinmind)

Výkonný prototypový nástroj spoločnosti Justinmind je k dispozícii na stiahnutie zadarmo, ale na získanie všetkých funkcií je potrebné sa zaregistrovať na predplatné. Avšak na viac základných projektov Justinmind tiež poskytuje nástroj na vytváranie drôtov, ktorý je navždy bezplatný a umožňuje vám vytvárať neobmedzené množstvo prototypov, stránok a používateľov pre webové aj mobilné aplikácie.

Počas 15-dňovej skúšobnej doby získate prístup k pokročilejším funkciám, ako sú pokročilé webové interakcie a mobilné gestá, plus efekty, prechody a animácie, takže po uplynutí skúšobnej doby môžete mať sklon platiť celú sadu funkcií. došlo. Do tej doby však budete mať predstavu, či sa Justinmind oplatí ako prototypový nástroj.

05. Obrma

Bezplatné prototypové nástroje: Figma

Bezplatná voľba od spoločnosti Figma je vynikajúca pre spoluprácu(Obrázok: © Figm)

Pre kohokoľvek, kto chce spolupracovať na svojich prototypoch, Obr je vynikajúce riešenie. Umožňuje návrhárom spolupracovať v reálnom čase a tiež uľahčuje zdieľanie prebiehajúcich prác s klientmi a zainteresovanými stranami. Najdôležitejšie je, že vám umožňuje vytvárať prototypy, ktoré vyzerajú ako skutočné riešenie, spolu s interakciami, animáciami a dynamickým obsahom. prekrytia.

Aj keď sú profesionálne verzie Figmy iba platené, existuje bezplatná štartovacia verzia, ktorá je ideálna na to, aby ste sa so svojimi nástrojmi dostali na rýchlosť. Umožňuje až dvoch editorov a tri projekty, s neobmedzeným cloudovým úložiskom a 30-dennou históriou verzií, takže je ideálny na uvedenie do prevádzky. Ak ste študent, mali by ste vedieť, že by ste sa mali kvalifikovať na bezplatný prístup k Figmovej profesionálnemu plánu, ktorý vám poskytne neobmedzený projekt a oveľa viac.

06. InVision

Bezplatné prototypové nástroje: InVision

InVision uľahčuje premenu plochých vzorov na prototypy, na ktoré je možné kliknúť(Obrázkový kredit: Webflow)

InVision ponúka celý rad nástrojov na vytváranie pútavých interaktívnych prototypov a podobne ako mnohé z tu uvedených platforiem funguje aj za poplatok, ale s bezplatnou verziou. V tomto prípade vás bezplatná verzia InVision obmedzuje iba na jeden prototyp, ale ako je to v prípade Figmy, pre študentov sú k dispozícii bezplatné aktualizácie.

ako kresliť tiene na tváre

Premena statických návrhov na prototypy, na ktoré je možné kliknúť, je s InVision pekne priama; môžete kliknúť a presunúť hotspoty na svoje výtvory, aby ste simulovali akcie kliknutia alebo umiestnenia kurzora myši, pridali odkazy na iné obrazovky svojho prototypu a simulovali skutočnú interaktivitu pomocou gest na prechody. A podobne ľahké je zdieľať svoju prácu; prototypy je možné otvoriť v prehliadači alebo na mobilnom telefóne a vďaka funkcii LiveShare InVision môžete prototypy prezentovať aj v reálnom čase.

Súvisiace články:

Creative Bloq vytvoril tento obsah ako súčasť plateného partnerstva so spoločnosťou iStock od spoločnosti Getty Images. Obsah tohto článku je úplne nezávislý a odráža výlučne redakčný názor Creative Bloq.