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

Cuprins:

Video: CUM POTI FACE UN SITE GRATIS (2018) 2024

Video: CUM POTI FACE UN SITE GRATIS (2018) 2024
Anonim

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

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

Aveți acces la un instrument Mockup util vă ajută în faza de proiectare a interfeței de utilizator și, de asemenea, grăbiți întregul proces.

Nu există lipsă de instrumente UI Mockup; cu toate acestea, cu atât de multe opțiuni din care să alegeți, poate deveni confuz în ceea ce privește care ar trebui să începeți să utilizați mai întâi.

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

Care sunt cele mai bune instrumente pentru a crea mac-urile UI?

MockFlow

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

MockFlow este o soluție premium bazată pe cloud care oferă instrumente Wireframe, Prototyping și UI Mockup pentru persoane și organizații. Este inclus atât în ​​planuri gratuite, cât și premium și poate fi folosit și pe computer.

Prețul se împarte între planurile anuale și lunare. În comparație cu planurile anuale, planurile lunare nu numai că sunt scumpe, dar lipsesc și unele caracteristici. La planurile anuale, nu numai că primești o reducere corectă, ci primești și servicii gratuite de 3 luni, acces offline și power-up-uri.

Pentru a utiliza instrumentul, trebuie să vă înscrieți cu un cont gratuit. Conturile gratuite vă permit să creați un proiect în fiecare aplicație, doi evaluatori pentru fiecare proiect, o selecție limitată de aplicații și fără suport. Cu toate acestea, contul gratuit oferă o idee corectă cu privire la capacitatea de utilizare a MockFlow.

MockFlow oferă acces offline pe 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ă, respectiv WireFrame și UC Mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro și Website Pro. Pentru a crea UI Mockups folosiți prima opțiune WireFrame din tabloul de bord și faceți clic pe pictograma +.

Începeți să selectați platforma pe care doriți să creați machetul pentru dispozitive iOS, ceasuri inteligente, site web, aplicații Microsoft etc.

Tabloul de bord de editare este împărțit și la 6 file. Din fila Element puteți trage și arunca obiecte pre-proiectate precum Cadru mobil, icoane, imagini de fundal, file de meniu, opțiuni de checkout și multe altele sau puteți pur și simplu porni de la o pagină goală dacă doriți.

Obiectele sunt personalizate suplimentar cu un simplu clic dublu. Puteți grupa mai multe elemente împreună pentru o mișcare și o scalare mai ușoară a UI.

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

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

Încercați MockFlow

  • Citește și: 10 cele mai bune programe de proiectare 3D gratuite pentru începători și utilizatori avansați

Balsamiq

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

Balsamiq este o soluție modernă bazată pe cloud pentru designeri și dezvoltatori de UI, care oferă un sistem de colaborare 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 desktop online și offline pentru computerele Mac și Windows. Versiunea offline este o achiziție onetime care costă 89 USD pentru un singur utilizator. Versiunea online începe de la 9 USD pe lună per 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 gratuit, cu filme nelimitate și utilizatori nelimitați.

Înregistrarea în contul de încercare gratuită este ușoară, dar necesită utilizatorilor să valideze e-mailul. Odată terminat, începeți prin a vă crea spațiul și a-i da 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 răspândite pe bara de instrumente. Pagini sau Filme sunt afișate în partea stângă și puteți adăuga mai multe pagini făcând clic pe pictograma + din partea de sus.

Puteți începe prin glisarea și aruncarea unui șablon către editor sau porniți de la zero folosind instrumente de editare de bază. Folosiți opțiunea Mai multe controale pentru a căuta mai multe șabloane și pictograme din bibliotecă. De la aplicații desktop și diagrame până la interfațe de utilizare hardware și layout, biblioteca Balsamiq are tot ce ai nevoie pentru a crea Mockup și Wireframes cu ușurință.

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

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

În plus, Balsamiq oferă, de asemenea, integrarea cu aplicații de afaceri precum Google Drive, Confluence și Jira. Resursele de proiectare a UI de pe site-ul web sunt utile atât pentru utilizatorii experimentați, cât și pentru cei nou-începători.

Balsamiq este un instrument excelent, iar cu suita de software offline și online este, fără îndoială, una dintre cele mai bune din afaceri. Combinați acest lucru cu o probă gratuită de 30 de zile și veți beneficia de suficient timp pentru a evalua instrumentul înainte de a face o achiziție.

Încercați Balsamiq

  • Citește și: 8 software uimitor pentru a crea broșuri și a regula jocul de marketing

MockPlus

  • Preț - Încercare gratuită / 59 dolari pe an Licență individuală / 199 USD licență perpetuă / Planul echipei începe de la 299 USD pe an

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

MockPlus este folosit de unele dintre numele de frunte din industria tehnologică, inclusiv Microsoft și IBM. Există o probă gratuită de 7 zile pentru a încerca instrumentul înainte de a face o achiziție.

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

Puteți construi cu ușurință prototipuri interactive prin simpla glisare și aruncare a componentelor pre-proiectate către editor. Biblioteca este echipată cu peste 3000 de pictograme și aproape 200 de componente pre-proiectate pentru a vă începe să susțineți toate funcționalitățile drag-and-drop.

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

MockPlus excelează prin ceea ce face, iar caracteristicile și funcțiile acestui software de prototipare îl fac un instrument ideal pentru designeri UI și UX, indiferent de expertiza lor.

Descărcați MockPlus

  • Citiți și: 9 software-uri bogate în funcții pentru a crea linii de timp interactive pe computer

Moqups

  • Preț - Proces gratuit / Începe la 19 USD pe lună - Plan personal

Moqups este o aplicație web bazată pe cloud care vă permite să creați filme, 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ă. Proba 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 MockFlow, dar instrumentele și aspectul sunt diferite. După crearea unui nou proiect, puteți trage și plasa elemente din fila Stencil.

Puteți adăuga mai multe pagini la proiect, personaliza contururile, crea șabloane, încărcați și adăugați imagini, răsfoiți din vasta bibliotecă de icoane și adăugați comentarii la proiect.

Obiectele pot fi editate pentru redimensionare, rotire, aliniere și stil. Funcția de grupare face ușor să grupați mai multe obiecte pentru o mișcare mai ușoară.

După ce Mockup-ul este gata, puteți exporta către Google Drive, Dropbox sau unitatea locală a computerului în format PNG, PDF sau HTML.

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

Încercați Moqups

Concluzie

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

Este o aplicație bazată pe web, cu un design minimalist și o mână de funcții pentru a crea filme simple și eficiente pentru aplicații sau site-uri web. La urma urmei, nu este întotdeauna mai bine.

Cu toate acestea, pentru un designer UX / UI care caută instrumente Mockup bogate în caracteristici, ar trebui să încerce toate instrumentele recomandate mai sus. Toate aceste instrumente oferă un proces gratuit sau un cont gratuit de bază, fără nicio limită pentru a vă începe.

Puteți petrece ceva timp cu fiecare dintre aceste instrumente înainte de a decide cu privire la cea care verifică cele mai multe căsuțe din lista dvs. de nevoi.

Știind faptul că niciun instrument nu va putea să răspundă vreodată nevoilor tuturor, am încercat să includem cele mai bune instrumente pentru a crea Mockup-uri UI care pot satisface majoritatea nevoilor designerilor.

Puneți-ne la cunoștință software-ul dvs. preferat de modelare și filă sau dacă credeți că am exclus o alternativă demnă din această listă în comentariile de mai jos.

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