6 най-добри безплатни инструменти за прототипиране

Независимо дали проектирате уебсайт или приложения, прототипирането е жизненоважна част от фазата на проектиране, която позволява на вас и вашите клиенти да добиете представа за това, което изграждате и как се чувствате да използвате. Добрият прототип може да ви спести безброй часове за обяснение на функции и събиране на обратна връзка, а с подходящите инструменти можете бързо да повторите и отстраните всички потенциални проблеми, преди да преминете към производство и потребителско тестване .

Утвърдените студия вече ще бъдат създадени с един или повече от най-добрите инструменти за прототипиране , но ако тепърва започвате и паричният поток е проблем, може да не сте склонни да харчите пари, които биха могли да се използват другаде във вашия бизнес. За щастие има някои страхотни безплатни опции, от безплатни версии на платени услуги до напълно безплатни инструменти за прототипиране, които правят голяма част от това, което предлагат първокласните услуги. Ето шест от най-добрите за изпробване.

01. Студио Оригами

Безплатни инструменти за прототипиране: Оригами



Оригами е инструмент само за Mac, разработен във Facebook(Кредит за изображение: Facebook)

Разработен във Facebook като инструмент за изграждане и проектиране на продукти, Оригами е достъпна безплатно за потребители на Mac. Трябва да сте регистриран разработчик на Apple, за да започнете, с инсталирани Xcode и Quartz Composer, но след като преминете през необходимите обръчи, ще откриете, че е лесно да започнете да създавате с Origami, благодарение на богата онлайн документация, уроци и готови прототипи.

Можете да импортирате дизайни от Sketch и Photoshop със запазени слоеве на проекти и да създавате концепции със симулирано превъртане, кранове, прекарвания и връзки към страници. Освен мобилни приложения, можете също да използвате Origami, за да създавате отзивчиви уебсайтове с функции като въвеждане на текст и плъзгане и пускане и след като приключите, е лесно да експортирате прототипи, които да бъдат добавени към проекти.

02. Уеб поток

Безплатни инструменти за прототипиране: Webflow

Webflow ви дава два безплатни проекта, за да опитате възможностите му(Кредит за изображение: Webflow)

Уеб поток предлага много платени планове за всички размери на екипа, но ако търсите дегустатор, тогава има безплатна опция, която ще ви свърши чудесна работа, за да започнете, позволявайки ви два проекта, таксуване на клиенти и безплатна постановка, но не опция за износ на код или трансфер на проект.

С визуална система за управление на съдържанието можете да създавате динамични, отзивчиви прототипи, без да се налага да пишете какъвто и да е код, а той се предлага с библиотека от шаблони и компоненти, за да улесни още по-лесното изграждане на вашите проекти. Прототипите могат да бъдат свързани към над 400 услуги, включително Slack, Google Drive и MailChimp, и ако се забиете, има богата онлайн документация, която да ви помогне.

03. Vectr

Безплатни инструменти за прототипиране: Vectr

свръхширок ъгъл и стреля
Ето инструмент за векторно проектиране, който е чудесен за прототипиране и събиране на обратна връзка(Кредит за изображение: Vectr)

Изграден като безплатно приложение за векторен дизайн на различни платформи, Vectr също работи много добре като безплатен инструмент за прототипиране. Въпреки че може би е малко тънък по отношение на функциите в сравнение с други векторни приложения, той е проектиран да бъде лесен за взимане и игра с него и след като следвате няколко урока (има много неща, в които можете да се забиете на сайта на Vectr), ще бъдете готови да започне да проектира.

Една наистина полезна функция за сътрудничество е опцията за споделяне на връзки; с това можете да изпратите връзка към други и те ще могат да ви гледат да редактирате в реално време и да предоставят бърза обратна връзка. И след като приключите, вашият завършен дизайн може да бъде експортиран като JPG, PNG или SVG.

04. Justinmind

Безплатни инструменти за прототипиране: Justinmind

Безплатният инструмент за кадриране на Justinmind ви дава много възможности за игра(Кредит за изображение: Justinmind)

Мощният инструмент за прототипиране на Justinmind е достъпен за изтегляне безплатно, но за да получите пълния набор от функции, ще трябва да се регистрирате за платен абонамент. За по-основни проекти обаче Justinmind също така предоставя инструмент за безжично проектиране, който е безплатен завинаги и ви позволява да създавате неограничени прототипи, страници и потребители както за уеб, така и за мобилни приложения.

По време на 15-дневния си пробен период ще получите достъп до по-усъвършенствана функционалност, като разширени уеб взаимодействия и мобилни жестове, плюс ефекти, преходи и анимации, така че може да се чувствате склонни да платите за пълния набор от функции след пробния период изтича. Дотогава обаче ще имате представа дали Justinmind ще плати за себе си като инструмент за прототипиране.

05. Фигма

Безплатни инструменти за прототипиране: Figma

нов macbook pro 13 инчов ръкав
Безплатната опция от Figma е брилянтна за съвместно създаване(Кредит за изображение: Figm)

За всеки, който иска да работи съвместно върху своите прототипи, Фигма е брилянтно решение. Той дава възможност на дизайнерите да работят заедно в реално време, а също така улеснява споделянето на незавършено производство с клиенти и заинтересовани страни, и от решаващо значение ви позволява да създавате прототипи, които се чувстват като истинската сделка, пълни с взаимодействия, анимации и динамично съдържание наслагвания.

Въпреки че професионалните версии на Figma се заплащат само, има безплатна стартерна версия, която е идеална за ускоряване с нейните инструменти. Той позволява до два редактора и три проекта, с неограничено съхранение в облак и 30-дневна история на версиите, което го прави идеален за стартиране и работа. Ако сте студент обаче, струва си да знаете, че трябва да се класирате за безплатен достъп до професионалния план на Figma, като ви предоставят неограничен проект и много други.

06. InVision

Безплатни инструменти за прототипиране: InVision

InVision улеснява превръщането на плоски дизайни в кликващи прототипи(Кредит за изображение: Webflow)

InVision предлага разнообразни инструменти за създаване на ангажиращи интерактивни прототипи и като много от обхванатите тук платформи работи на платена основа, но с безплатна версия. В този случай безплатната версия на InVision ви ограничава само до един прототип, но както е в случая с Figma, има безплатни надстройки за студенти.

Превръщането на статични дизайни в кликващи прототипи е лесно и лесно с InVision; можете да щракате и плъзгате горещи точки върху вашите творения, за да симулирате действия при щракване или задържане, да добавяте връзки към други екрани във вашия прототип и да симулирате интерактивност в реалния живот, като използвате жестове за преходи. И също толкова лесно е да споделите работата си; прототипите могат да бъдат отворени в браузъра или на мобилния телефон, а функцията LiveShare на InVision означава, че можете също да представяте прототипи в реално време.

Свързани статии:

Creative Bloq създаде това съдържание като част от платено партньорство с iStock от Getty Images. Съдържанието на тази статия е напълно независимо и отразява единствено редакционното мнение на Creative Bloq.