5 puikios priemonės, skirtos kurti UI maketus svetainėms ir programoms

Nesvarbu, ar norite sukurti mobiliąją programą, programinę įrangą ar tiesiog bandyti sukurti svetainę, kurdami „UI Mockups“, galite gauti pirmuosius savo būsimų projektų vaizdus ir geriau pristatyti kliento dizaino idėją.

Sukurti UI „Mockups“ yra kitokia nei „Wireframing“. „Wireframing“ yra tarsi jūsų namų ar inžinerinio projekto plano sukūrimas, o „Mockup“ sukūrimas ateina su tikru kūrybiniu namų dizainu (galutine išvaizda) klientams.

Turėdami prieigą prie patogaus „Mockup“ įrankio, galite naudotis sąsajos sąsajos kūrimo etapu ir pagreitinti visą procesą.

Nėra „UI Mockup“ įrankių trūkumo; tačiau, su tiek daug pasirinkimų, iš kurių galite rinktis, jis gali būti painus, dėl kurio pirmiausia turėtumėte pradėti naudotis.

Nesvarbu, ar esate profesionalus, norėdamas pridėti daugiau elektros įrankių savo dabartiniam arsenalui, ar pradedantiesiems, kurie pirmą kartą bando rengti „Mockup“, šis vadovas padės jums susipažinti su kai kuriais geriausiais įrankiais sukurti UI modelius 2019 m.

Kokios yra geriausios priemonės UI modelių kūrimui?

1

MockFlow

• Kaina - Laisvas ribotas / 19 LTL mėnesinis planas - $ 14 vienam vartotojui per mėnesį planas

„MockFlow“ yra aukščiausios kokybės debesų sistema, siūlanti „Wireframe“, „Prototyping“ ir UI „Mockup“ įrankius asmenims ir organizacijoms. Jis yra tiek nemokamų, tiek priemokų planų ir gali būti naudojamas ir jūsų kompiuteryje.

Kainos suskirstytos į metinius ir mėnesinius planus. Palyginti su metiniais planais, mėnesiniai planai yra ne tik brangūs, bet ir praleidžia kai kurias funkcijas. Dėl metinių planų jūs ne tik gausite sąžiningą nuolaidą, bet ir gausite 3 mėnesių nemokamą paslaugą, prieigą neprisijungus prie interneto ir galios.

Jei norite naudoti įrankį, turite užsiregistruoti nemokamai. Nemokamos sąskaitos leidžia jums sukurti vieną projektą kiekvienoje programoje, du recenzentus kiekvienam projektui, ribotą programų pasirinkimą ir paramą. Tačiau laisva sąskaita suteikia sąžiningą idėją apie „MockFlow“ naudojimą.

„MockFlow“ siūlo neprisijungus prieigą „Windows“ ir „Mac OS“ kompiuteriuose. „MockFlow“ plėtiniai leidžia naudoti šį įrankį naudodami programas, pvz., „Microsoft Office“, „Google Chrome“, „Google“ dokumentus, „Slack“, „JIRA“ ir kt.

„MockFlow“ turi šešias pagrindines funkcijas: „WireFrame“ ir „UI Mockups“, „Sitemap“, „StyleGuide“, „DesignCollab“, „Annotate Pro“ ir „Pro Pro“. Norėdami sukurti UI, „Mockups“ naudokite pirmąją „WireFrame“ parinktį iš prietaisų skydelio ir spustelėkite + piktogramą.

Pradėkite pasirinkti platformą, kurią norite sukurti kaip „iOS“ įrenginius, išmaniuosius laikrodžius, svetainę, „Microsoft“ programas ir kt.

Redagavimo prietaisų skydelis taip pat padalintas į 6 skirtukus. Skirtuke Element galite nuvilkti iš anksto suprojektuotus objektus, tokius kaip Mobilusis rėmelis, piktogramos, fono paveikslėliai, meniu skirtukai, kasos parinktys ir dar daugiau, arba galite tiesiog pradėti nuo tuščio puslapio, jei norite.

Objektai yra dar labiau pritaikomi naudojant paprastą dukart spustelėkite. Jūs galite grupuoti kelis elementus, kad būtų lengviau judėti ir keisti UI.

Kiti redaktoriaus skirtukai yra Puslapiai, jei norite sukurti kelis puslapius toms pačioms programoms, skirtuką „Vaizdai“, „Flow“ skirtuką, kad pridėtumėte ir patikrintumėte projektų būklę, „Store“ ir „Power-UP“ skirtuką, kad pridėtumėte daugiau programų ir šablonų.

„MockFlow“ yra puiki daugiafunkcinė priemonė, skirta kurti UI maketus ir dar daugiau. Tačiau priemokos planai reiškia, kad rimtiems naudotojams, kurie gali pasinaudoti bent puse pasiūlos požymio.

Pabandykite MockFlow

• Taip pat skaitykite: 10 geriausių nemokamų 3D dizaino programų pradedantiesiems ir pažangiems vartotojams

2

Balsamiq

• Kaina - Nemokamas 30 dienų bandymas / internetinė versija prasideda nuo $ 9 per mėnesį / Neprisijungus versija prasideda nuo $ 89 nuolatinės licencijos

„Balsamiq“ yra modernus debesų pagrindu sukurtas sprendimas, skirtas UI dizaineriams ir kūrėjams, siūlantiems greitą, lengvai pasiekiamą, bendradarbiaujantį wireframing. Jei pageidaujate neprisijungęs sprendimas, „Balsamiq“ taip pat jį apėmė.

„Balsamiq“ siūlo dvi įrankio versijas: internetinę ir neprisijungusią darbalaukio programą „Mac“ ir „Windows“ kompiuteriams. Neprisijungus versija - tai vienkartinis pirkimas, kuris vienam vartotojui kainuoja 89 JAV dolerius. Internetinė versija prasideda nuo 9 JAV dolerių per mėnesį vienam vartotojui, kuriame yra vietos dviem projektams.

Laimei, galite nemokamai užsiregistruoti ir naudotis interneto programa 30 dienų nemokamai su neribotais laidais ir neribotais vartotojais.

Prisijungimas prie nemokamos bandomosios paskyros yra paprastas, tačiau reikalaujama, kad vartotojai patvirtintų el. Paštą. Atlikę, pradėkite kurti savo erdvę ir suteikite jam vardą. Tada tęskite kurti savo pirmąjį projektą.

Projekto redaktorius turi labai paprastą ir patogią sąsają. Visos savybės yra gerai išdėstytos įrankių juostoje. Puslapiai arba „Wireframes“ rodomi kairėje pusėje, o jūs galite pridėti kelis puslapius spustelėję + piktogramą viršuje.

Galite pradėti nukreipdami šabloną į redaktorių arba pradėdami nuo nulio naudodami pagrindinius redagavimo įrankius. Jei norite ieškoti daugiau bibliotekos šablonų ir piktogramų, naudokite parinktį Daugiau valdiklių. „Balsamiq“ bibliotekoje nuo darbalaukio programų ir diagramų iki aparatūros ir išdėstymo UI yra viskas, ko jums reikia, kad sukurtumėte „Mockup“ ir „Wireframes“ lengvai.

Norėdami pakeisti objekto ypatybes, pasirinkite objektą ir dešinėje pusėje bus rodomos taikomosios parinktys.

Kūrėjai gali pakviesti klientus pateikti pristatymą, siųsdami nuorodą el. Paštu. Taip pat galite įtraukti savo komandos narius į projektą ir priskirti kiekvienam komandos nariui vaidmenį.

Be to, „Balsamiq“ taip pat siūlo integraciją su verslo programomis, tokiomis kaip „Google Drive“, „Confluence“ ir „Jira“. Svetainėje esantys naudotojo sąsajos projektavimo ištekliai yra naudingi tiek patyrusiems, tiek naujokams.

„Balsamiq“ yra puiki priemonė ir su neprisijungusiais ir internetiniais programinės įrangos paketais, be abejo, yra vienas geriausių verslo. Sujunkite nemokamą 30 dienų nemokamą bandomąją versiją ir gausite pakankamai laiko įrankiui įvertinti prieš pirkdami.

Pabandykite Balsamiq

• Taip pat perskaitykite: 8 apsvaiginimo programinę įrangą, skirtą kurti bukletus ir valdyti rinkodaros žaidimą

3

„MockPlus“

• Kaina - nemokama bandomoji / $ 59 per metus Individuali licencija / 199 $ nuolatinė licencija / Komandos planas prasideda nuo 299 JAV dolerių per metus

MockPlus yra geras pasirinkimas tiems, kurie ieško lanksčios priemonės kiekvienam ekrano dydžiui ir platformai sukurti maketus ir prototipus. Tai yra neprisijungusi programa ir yra prieinama „Windows“, „Mac“, „Android“ ir „iOS“ įrenginiams.

„MockPlus“ naudoja keletas pirmaujančių pavadinimų technologijų pramonėje, įskaitant „Microsoft“ ir „IBM“. Prieš bandant įsigyti įrankį, galite išbandyti 7 dienas nemokamą bandomąją versiją.

„MockPlus“ vartotojo sąsaja yra gerai išdėstyta ir atrodo moderni. Jis siūlo gerą erdvės kiekį ir netvarko darbo vietos nereikalingais įrankiais. Jis taip pat turi daugiakalbę parinktį naudoti programinę įrangą keliuose languose, kad būtų užtikrintas geresnis našumas.

Jūs galite lengvai sukurti interaktyvius prototipus tiesiog perkeliant iš anksto suprojektuotus komponentus į redaktorių. Bibliotekoje yra daugiau kaip 3000 piktogramų ir beveik 200 iš anksto suprojektuotų komponentų, kad pradėtumėte visas palaikomas vilkimo ir nuleidimo funkcijas.

Prototipus galima išbandyti iš karto, naudojant „app“ sukurtą QR kodą. Be to, projektai gali būti skelbiami žiniatinklyje, kad gautų klientų ir komandos narių komentarus, dalindamiesi žiniatinklio nuoroda į prototipą.

„MockPlus“ pasižymi tuo, ką daro, o šios prototipų kūrimo programos savybės ir funkcijos yra ideali priemonė UI ir UX dizaineriams, nepriklausomai nuo jų kompetencijos.

Parsisiųsti MockPlus

• Taip pat perskaitykite: 9 funkcijų turinčią programinę įrangą, skirtą sukurti interaktyvius laiko grafikus kompiuteryje

4

Moqups

• Kaina - Nemokamas bandymas / Pradedama nuo 19 USD per mėnesį - Asmeninis planas

„Moqups“ yra žiniatinklio programa, sukurta debesyje, kuri leidžia sukurti wireframes, maketus, diagramas ir prototipus ir bendradarbiauti realiu laiku su kitais komandos nariais.

Tai aukščiausios kokybės įrankis su asmeninėmis ir komandos sąskaitomis. Nemokamas bandymas reikalauja registruoti paskyrą ir siūlo 5 MB talpos saugyklą su vienu projektu, kuriame yra ne daugiau kaip 300 objektų.

Vartotojo sąsaja yra panaši į „MockFlow“, bet įrankiai ir išdėstymas yra skirtingi. Sukūrę naują projektą, galite vilkti ir nuleisti elementus iš trafareto skirtuko.

Į projektą galite įtraukti daugiau puslapių, tinkinti kontūras, kurti šablonus, įkelti ir pridėti vaizdus, ​​naršyti iš didžiosios piktogramų bibliotekos ir pridėti komentarus projektui.

Objektai gali būti redaguojami, kad būtų galima keisti dydį, pasukti, suderinti ir stilių. Grupavimo funkcija leidžia lengvai suskirstyti kelis objektus, kad būtų lengviau judėti.

Kai „Mockup“ yra parengtas, galite eksportuoti į „Google“ diską, „Dropbox“ arba kompiuterio vietinį diską PNG, PDF arba HTML formatu.

„Moqups“ yra lengva naudoti įrankį, skirtą keisti vaizdus ir sukurti diagramas bei maketus. Prisiregistruokite prie nemokamos paskyros ir pasinaudokite įrankiu, kad pamatytumėte, ar tai atitinka jūsų reikalavimą.

Pabandykite Moqups

Išvada

Nesvarbu, ar esate profesionalus vartotojo sąsajos dizaineris, ar tik pradedantysis, žinodami, kokie įrankiai naudoti UI „Mockups“ sukūrimui yra svarbūs. Jei ieškote tik „wireframing“ įrankio, tuomet rekomenduotume išbandyti „Wireframes.cc“.

Tai internetinė programa su minimalistiniu dizainu ir keletu funkcijų, leidžiančių sukurti paprastas ir veiksmingas „wireframes“ programoms ar svetainėms. Galų gale ne visada geriau.

Tačiau UX / UI dizaineriui, ieškančiam daug funkcijų turinčių „Mockup“ įrankių, reikia išbandyti visus pirmiau nurodytus įrankius. Visi šie įrankiai siūlo nemokamą bandomąją ar pagrindinę nemokamą paskyrą be jokių apribojimų, kad galėtumėte pradėti.

Prieš priimdami sprendimą dėl to, kuris tikrina daugelį langelių, esančių sąraše, galite praleisti laiką su kiekvienu iš šių įrankių.

Žinant, kad nė vienas įrankis niekada negalės patenkinti visų poreikių, mes stengėmės įtraukti geriausias priemones, skirtas kurti UI maketus, kurie atitiktų daugumą dizainerių poreikių.

Leiskite mums žinoti savo mėgstamą maketą ir „wireframing“ programinę įrangą arba, jei manote, kad šiame sąraše toliau pateiktose pastabose pašalinome vertingą alternatyvą.