5 instrumente excelente pentru a crea machete UI pentru site-uri web și aplicații

Indiferent dacă doriți să proiectați o aplicație mobilă, un software Desktop sau pur și simplu încercați să proiectați un site web, prin crearea de UI Mockups, puteți obține primele imagini ale proiectelor dvs. viitoare și, de asemenea, să prezentați clientului ideea de design într-un mod mai bun.

Crearea de machete UI este diferită de Wireframing. Wireframing este ca și cum ați crea un plan pentru casa sau proiectul de inginerie, în timp ce crearea unui Mockup vine cu designul creativ (aspectul final) al casei pentru clienți.

Având acces la un instrument Mockup la îndemână vă ajută în faza de proiectare UI și, de asemenea, accelerați întregul proces.

Nu există deficiență a instrumentelor UI Mockup; Cu toate acestea, cu atât de multe opțiuni de a alege, poate deveni confuză cu privire la care este una pe care ar trebui să începeți să utilizați mai întâi.

Indiferent dacă sunteți un profesionist care caută să adăugați mai multe unelte electrice la arsenalul său actual sau un începător care își încearcă mâinile la proiectarea Mockup pentru prima dată, acest ghid vă va prezenta câteva dintre cele mai bune instrumente pentru a crea UI Mockups în 2019.

Care sunt cele mai bune instrumente pentru a crea machete UI?

1

MockFlow

• Preț - Planul lunar gratuit / Premium de 19 dolari pe lună - 14 dolari pe plan utilizator pe lună anual

MockFlow este o soluție premium bazată pe cloud care oferă instrumente de tip Wireframe, Prototyping și UI Mockup pentru persoane și organizații. Acesta vine în ambele planuri gratuite și premium și poate fi folosit și pe PC.

Prețul este împărțit între planurile anuale și lunare. În comparație cu planurile anuale, planurile lunare nu sunt numai costisitoare, ci și unele caracteristici. Pe planurile anuale, nu obțineți doar o reducere corectă, dar beneficiați, de asemenea, de servicii gratuite de 3 luni, de acces offline și de pornire.

Pentru a utiliza instrumentul, trebuie să vă înscrieți cu un cont gratuit. Conturile gratuite vă permit să creați câte un proiect în fiecare aplicație, doi recenzenți pe proiect, o selecție limitată de aplicații și niciun suport. Cu toate acestea, contul gratuit oferă o idee corectă cu privire la gradul de utilizare al MockFlow.

MockFlow oferă acces offline pe calculatoarele care rulează Windows și Mac OS. Extensiile MockFlow vă permit să utilizați instrumentul cu aplicații precum Microsoft Office, Google Chrome, Google Docs, Slack, JIRA și multe altele.

MockFlow are șase funcții de bază, și anume WireFrame și UI Mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro și Website Pro. Pentru a crea machete UI, utilizați prima opțiune WireFrame din tabloul de bord și faceți clic pe pictograma + .

Începeți cu selectarea platformei pe care doriți să creați macheta pentru dispozitive similare, cum ar fi iOS, ceasuri inteligente, site-ul Web, aplicații Microsoft etc.

Tabloul de bord de editare este împărțit și între 6 file. Din fila Element puteți glisa și plasa obiecte pre-proiectate, cum ar fi rama mobilă, pictograme, imagini de fundal, file de meniu, opțiuni de plată și multe altele, sau puteți porni pur și simplu dintr-o pagină goală, dacă doriți.

Obiectele pot fi personalizate ulterior cu un simplu clic dublu. Puteți grupa împreună mai multe elemente pentru a facilita mișcarea și scalarea interfeței utile.

Alte file din editor sunt Pagini, pentru a crea mai multe pagini pentru aceeași aplicație, fila Imagini, fila Flux pentru a adăuga și verifica starea proiectelor, Stocare și Power-UP pentru a adăuga mai multe aplicații și șabloane.

MockFlow este un instrument excelent multifuncțional pentru a crea UI Mockups și multe altele. Cu toate acestea, planurile de prime înseamnă că este pentru utilizatorii serioși care pot folosi cel puțin jumătate din caracteristica pe care o oferă.

Încercați MockFlow

• Citiți de asemenea: 10 cel mai bun software gratuit de proiectare 3D pentru începători și utilizatori avansați

2

Balsamiq

• Preț - Versiune gratuită de 30 de zile / Versiunea online începe de la 9 USD pe lună / versiunea offline începe de la licență perpetuă de 89 USD

Balsamiq este o soluție modernă bazată pe cloud pentru designeri și dezvoltatori de UI care oferă o interfață rapidă, accesibilă și colaborativă. Dacă preferați o soluție offline, Balsamiq a acoperit-o și ea.

Balsamiq oferă două versiuni ale instrumentului, aplicația de desktop online și offline pentru computerele Mac și Windows. Versiunea offline este o achiziție la un moment dat care costă 89 $ pentru un singur utilizator. Versiunea online începe de la 9 dolari pe lună pe utilizator, cu spațiu pentru două proiecte.

Din fericire, vă puteți înscrie gratuit și puteți utiliza aplicația web timp de 30 de zile gratis, cu o rețea nelimitată de cabluri și utilizatori nelimitați în ofertă.

Înscrierea pentru contul de încercare gratuită este ușoară, însă solicită utilizatorilor să valideze e-mailul. După ce ați terminat, începeți să creați spațiul și să-i dați un nume. Apoi continuați cu crearea primului dvs. proiect.

Editorul de proiect are o interfață foarte simplă și ușor de utilizat. Toate proprietățile sunt bine distribuite pe bara de instrumente. Paginile sau Wireframele sunt afișate în partea stângă și puteți adăuga mai multe pagini făcând clic pe pictograma + deasupra.

Puteți începe prin tragerea și plasarea unui șablon în editor sau pornirea de la zero utilizând instrumente de editare de bază. Utilizați opțiunea Mai multe comenzi pentru a căuta mai multe șabloane și pictograme din bibliotecă. De la aplicații desktop și diagrame la interfețe UI hardware și layout, biblioteca Balsamiq are tot ce aveți nevoie pentru a crea cu ușurință un Mockup și Wireframes.

Pentru a schimba proprietățile obiectului, selectați obiectul și opțiunile aplicabile vor fi afișate în panoul din partea dreaptă.

Dezvoltatorii pot invita clienții să facă o prezentare prin trimiterea unui link prin e-mail. De asemenea, puteți adăuga membrii echipei dvs. în proiect și puteți atribui un rol fiecărui membru al echipei.

În plus, Balsamiq oferă, de asemenea, integrare cu aplicații de afaceri precum Google Drive, Confluence și Jira. Resursele de design UI de pe site-ul web sunt utile atât pentru utilizatorii experimentați, cât și pentru utilizatorii nou-născuți.

Balsamiq este un instrument excelent și cu suita de software offline și online este fără îndoială una dintre cele mai bune din domeniu. Combinați-l cu o încercare gratuită de 30 de zile gratuită și veți avea timp suficient pentru a evalua instrumentul înainte de a efectua o achiziție.

Încercați Balsamiq

• Citiți de asemenea: 8 software-ul uimitor pentru a crea broșuri și a conduce jocul de marketing

3

MockPlus

• Preț - Licitație gratuită / 59 USD pe an Licență individuală / Licență perpetuă de 199 USD / Planul echipei începe de la 299 USD pe an

Pentru cei care caută un instrument flexibil pentru a crea machete și prototipuri pentru fiecare dimensiune și platformă a ecranului, MockPlus este o alegere bună. Este o aplicație offline și este disponibilă pentru dispozitive Windows, Mac, Android și iOS.

MockPlus este folosit de unele dintre cele mai importante nume din industria de tehnologie, inclusiv Microsoft și IBM. Există o încercare gratuită de 7 zile pentru a încerca instrumentul înainte de a efectua o achiziție.

Interfața cu utilizatorul MockPlus este bine concepută și arată modernă. Oferă o cantitate bună de spațiu și nu împiedică spațiul de lucru cu unelte inutile. De asemenea, are o opțiune cu mai multe ferestre pentru a folosi software-ul în mai multe ferestre pentru o productivitate mai bună.

Puteți crea cu ușurință prototipuri interactive prin simpla glisare și fixare a componentelor pre-proiectate în editor. Biblioteca vine echipată cu peste 3000 de pictograme și aproape 200 de componente pre-proiectate pentru a vă începe să beneficiați de toate funcționalitățile de tragere și deplasare.

Prototipurile pot fi testate instantaneu folosind codul QR generat de aplicație. În plus, proiectele pot fi publicate pe web pentru a primi comentarii de la clienți și membri ai echipei prin partajarea unei legături web la prototip.

MockPlus excelează la ceea ce face și caracteristicile și funcțiile acestui software prototip fac din acesta un instrument ideal pentru designerii UI și UX, indiferent de experiența lor.

Descărcați MockPlus

• De asemenea, citiți: 9 software bogat în caracteristici pentru a crea cronologii interactive pe PC

4

Moqups

• Preț - încercare gratuită / începe de la 19 USD pe lună - plan personal

Moqups este o aplicație web bazată pe cloud care vă permite să creați fire, machete, diagrame și prototipuri și să colaborați în timp real cu alți membri ai echipei.

Este un instrument premium cu conturi personale și de echipă. Procesul gratuit necesită înregistrarea unui cont și oferă 5 MB de stocare cu un singur proiect limitat la 300 de obiecte.

Interfața cu utilizatorul este similară cu cea a MockFlow, dar instrumentele și aspectul sunt diferite. După crearea unui nou proiect, puteți trage și plasa elemente din fila Șablon.

Puteți să adăugați mai multe pagini în proiect, să personalizați contururile, să creați șabloane, să încărcați și să adăugați imagini, să căutați din vasta bibliotecă de pictograme și să adăugați comentarii la proiect.

Obiectele pot fi editate pentru redimensionare, rotire, aliniere și stil. Funcția de grupare facilitează gruparea mai multor obiecte pentru o mișcare mai ușoară.

Odată ce Mockup-ul este gata, puteți să exportați în Google Drive, Dropbox sau în format local PNG, PDF sau HTML al computerului dvs.

Moqups este un instrument ușor de folosit pentru sincronizare și pentru a crea diagrame și machete în cel mai scurt timp. Înscrieți-vă pentru contul gratuit și luați instrumentul pentru o rotire pentru a vedea dacă este ceva care îndeplinește cerința dvs.

Încercați Moqups

Concluzie

Indiferent dacă sunteți un designer profesionist sau doar un începător, știți ce instrumente să utilizați pentru a crea UI Mockups este important. Dacă sunteți în căutarea doar un instrument wireframing, atunci aș recomanda să încercați Wireframes.cc.

Este o aplicație bazată pe web cu design minimalist și o mulțime de caracteristici pentru a crea cadre simple și eficiente pentru aplicații sau site-uri Web. După toate celelalte nu este întotdeauna mai bună.

Cu toate acestea, pentru designerul UX / UI care caută instrumente Mockup bogate în funcții ar trebui să încerce toate instrumentele recomandate mai sus. Toate aceste instrumente oferă o încercare gratuită sau un cont de bază gratuit, fără nici o limitare pentru a începe.

Aveți posibilitatea să petreceți ceva timp cu fiecare dintre aceste instrumente înainte de a decide pe cel care verifică cele mai multe cutii din lista dvs. de nevoi.

Știind faptul că niciun instrument nu va fi capabil să satisfacă vreodată nevoile fiecăruia, am încercat să includem cele mai bune instrumente pentru a crea UI Mockups care pot satisface majoritatea nevoilor designerilor.

Spuneți-ne dvs. de software preferat mockup și wireframing sau dacă credeți că am exclus o alternativă demnă în această listă în comentariile de mai jos.