5 lieliski rīki, lai izveidotu UI maketus vietnēm un lietotnēm

Vai vēlaties izveidot mobilo lietotni, darbvirsmas programmatūru vai vienkārši mēģināt veidot tīmekļa vietni, izveidojot UI maketus, jūs varat iegūt pirmos savu nākotnes projektu vizuālos attēlus un labāk iepazīstināt klienta dizaina ideju.

UI Mockups izveide atšķiras no Wireframing. Wireframing ir kā sava mājas vai inženierprojekta projekta izstrāde, savukārt Mockup izveide nāk klajā ar mājas faktisko radošo dizainu (gala izskatu) klientiem.

Piekļuve ērtajam maketa rīkam palīdz jums UI projektēšanas fāzē un arī paātrināt visu procesu.

Nav UI maketēšanas rīku trūkuma; tomēr ar tik daudzām iespējām, no kurām izvēlēties, tā var sajaukt, kas ir vispirms jāizmanto.

Neatkarīgi no tā, vai jūs esat profesionāls, kurš vēlas, lai viņa pašreizējam arsenālam pievienotu vairāk elektroinstrumentu, vai iesācējs, kas pirmo reizi mēģina uzmeklēt Mockup, šajā rokasgrāmatā tiks iepazīstināti ar dažiem labākajiem instrumentiem, lai 2019. gadā izveidotu UI maketus.

Kādi ir labākie līdzekļi, lai izveidotu UI maketus?

1

MockFlow

• Cena - bezmaksas ierobežots / 19 $ ikmēneša plāns - $ 14 par katru lietotāju gadā

MockFlow ir augstākās klases mākoņa risinājums, kas piedāvā Wireframe, Prototyping un UI Mockup rīkus indivīdiem un organizācijai. Tas ir pieejams gan bezmaksas, gan piemaksu plānos, un to var izmantot arī jūsu datorā.

Cenu noteikšana ir sadalīta starp gada un mēneša plāniem. Salīdzinot ar ikgadējiem plāniem, ikmēneša plāni ir ne tikai dārgi, bet arī dažām funkcijām. Ikgadējos plānos jūs ne tikai saņemat taisnīgu atlaidi, bet arī saņemsiet 3 mēnešu bezmaksas pakalpojumu, bezsaistes piekļuvi un jauda.

Lai izmantotu rīku, jums ir jāreģistrējas ar bezmaksas kontu. Bezmaksas konti ļauj jums izveidot vienu projektu katrā lietotnē, divus recenzentus vienam projektam, ierobežotu lietotņu izvēli un atbalstu. Tomēr bezmaksas konts sniedz taisnīgu priekšstatu par MockFlow lietojamību.

MockFlow piedāvā bezsaistes piekļuvi Windows un Mac OS datoriem. MockFlow paplašinājumi ļauj jums izmantot šo rīku ar tādām lietotnēm kā Microsoft Office, Google Chrome, Google dokumenti, Slack, JIRA un citi.

MockFlow ir sešas pamatfunkcijas, proti, WireFrame un UI Mockups, vietnes karte, StyleGuide, DesignCollab, Annotate Pro un Website Pro. Lai izveidotu UI, Mockups izmantojiet pirmo WireFrame opciju no paneļa un noklikšķiniet uz ikonas + .

Sāciet ar platformas izvēli, kuru vēlaties izveidot, piemēram, iOS ierīcēm, viedajiem pulksteņiem, tīmekļa vietnei, Microsoft lietotnēm utt.

Rediģēšanas panelis ir sadalīts arī starp 6 cilnēm. Cilnē Element jūs varat vilkt un nomest iepriekš izstrādātus objektus, piemēram, mobilo rāmi, ikonas, fona attēlus, izvēlnes cilnes, izrakstīšanās iespējas un vairāk, vai arī varat vienkārši sākt no tukšas lapas, ja vēlaties.

Objekti tālāk ir pielāgojami ar vienkāršu dubultklikšķi. Jūs varat apvienot vairākus elementus, lai atvieglotu UI kustību un mērogošanu.

Citas redaktora cilnes ir lapas, lai izveidotu vairākas lapas vienai un tai pašai lietotnei, cilne Attēli, cilne Plūsma, lai pievienotu un pārbaudītu projektu statusu, veikalu un barošanas pogas cilni, lai pievienotu citas lietotnes un veidnes.

MockFlow ir lielisks daudzfunkcionāls rīks, lai izveidotu UI maketus un daudz ko citu. Tomēr prēmiju plāni nozīmē, ka nopietniem lietotājiem ir iespēja izmantot vismaz pusi no piedāvātajām iespējām.

Izmēģiniet MockFlow

• Lasiet arī: 10 labākās bezmaksas 3D dizaina programmatūras iesācējiem un pieredzējušiem lietotājiem

2

Balsamiq

• Cena - bezmaksas 30 dienu izmēģinājums / Online versija sākas 9 ASV dolāros mēnesī / Bezsaistes versija sākas ar 89 ASV dolāru pastāvīgo licenci

Balsamiq ir mūsdienīgs mākoņdatošanas risinājums UI dizaineriem un izstrādātājiem, kas piedāvā ātru, pieejamu un kopīgu wireframing. Ja vēlaties izmantot bezsaistes risinājumu, Balsamiq to arī aptvēra.

Balsamiq piedāvā divas rīka versijas, tiešsaistes un bezsaistes darbvirsmas lietotnes Mac un Windows datoriem. Bezsaistes versija ir vienreizējs pirkums, kas maksā $ 89 vienam lietotājam. Tiešsaistes versija sākas 9 ASV dolāriem mēnesī vienam lietotājam ar vietu diviem projektiem.

Par laimi, jūs varat bez maksas pierakstīties un lietot tīmekļa lietotni bez maksas ar neierobežotiem vadiem un neierobežotiem lietotājiem.

Reģistrēšanās bezmaksas izmēģinājuma kontam ir vienkārša, bet pieprasa, lai lietotāji apstiprinātu e-pastu. Kad tas izdarīts, sāciet veidot savu vietu un piešķiriet tai nosaukumu. Tad turpiniet veidot savu pirmo projektu.

Projekta redaktoram ir ļoti vienkāršs un lietotājam draudzīgs interfeiss. Visas īpašības ir labi izplatītas rīkjoslā. Lapas vai Wireframes tiek parādītas kreisajā pusē, un jūs varat pievienot vairākas lapas, noklikšķinot uz ikonas + .

Jūs varat sākt, velkot un nometot veidni redaktoram vai sākot no nulles, izmantojot pamata rediģēšanas rīkus. Izmantojiet opciju More Controls, lai meklētu vairāk veidņu un ikonu no bibliotēkas. No darbvirsmas lietojumprogrammām un diagrammām uz aparatūras un izkārtojuma UI, Balsamiq bibliotēkā ir viss nepieciešamais, lai viegli izveidotu Mockup un Wireframes.

Lai mainītu objektu rekvizītus, atlasiet objektu un labās puses rūtī tiks parādītas atbilstošās opcijas.

Izstrādātāji var uzaicināt klientus prezentēt, nosūtot saiti ar e-pasta starpniecību. Jūs varat arī pievienot komandas dalībniekus projektam un piešķirt katram komandas loceklim lomu.

Turklāt Balsamiq piedāvā arī integrāciju ar biznesa lietotnēm, piemēram, Google Drive, Confluence un Jira. Mājas lapas UI dizaina resursi ir noderīgi gan pieredzējušiem, gan jauniem lietotājiem.

Balsamiq ir lielisks instruments, un bezsaistes un tiešsaistes programmatūras komplektā tas neapšaubāmi ir viens no labākajiem biznesā. Apvienojiet to ar bezmaksas 30 dienu bezmaksas izmēģinājumu, un jums ir pietiekami daudz laika, lai novērtētu rīku pirms pirkuma veikšanas.

Izmēģiniet Balsamiq

• Lasiet arī: 8 apdullināšanas programmatūru, lai izveidotu bukletus un pārvaldītu mārketinga spēli

3

MockPlus

• Cena - bezmaksas izmēģinājums / $ 59 gadā Individuālā licence / 199 $ nepārtraukta licence / Komandas plāns sākas 299 ASV dolāriem gadā

Tiem, kas meklē elastīgu rīku, lai izveidotu maketus un prototipus katram ekrāna izmēram un platformai, MockPlus ir laba izvēle. Tā ir bezsaistes lietojumprogramma, un tā ir pieejama Windows, Mac, Android un iOS ierīcēm.

MockPlus izmanto daži no vadošajiem nosaukumiem tehnoloģiju nozarē, tostarp Microsoft un IBM. Pirms pirkuma veikšanas rīks var izmēģināt 7 dienu bezmaksas izmēģinājumu.

MockPlus lietotāja interfeiss ir labi izstrādāts un izskatās moderns. Tas piedāvā labu daudzumu vietas un neuzkrāj darbavietu ar nevajadzīgiem rīkiem. Tā piedāvā arī vairāku logu iespēju, lai izmantotu programmatūru vairākos logos, lai uzlabotu produktivitāti.

Jūs varat viegli izveidot interaktīvus prototipus, vienkārši velkot un nometot iepriekš izstrādātus komponentus redaktoram. Bibliotēka ir aprīkota ar vairāk nekā 3000 ikonām un gandrīz 200 iepriekš izstrādātiem komponentiem, lai sāktu visas atbalstošās vilkšanas un nomešanas funkcijas.

Prototipus var pārbaudīt uzreiz, izmantojot lietotnes izveidoto QR kodu. Turklāt projektus var publicēt tīmeklī, lai saņemtu komentārus no klientiem un komandas locekļiem, dalot tīmekļa saiti uz prototipu.

MockPlus izceļas ar to, ko tā dara, un šīs prototipēšanas programmatūras funkcijas un funkcijas padara to par ideālu rīku UI un UX dizaineriem neatkarīgi no viņu pieredzes.

Lejupielādēt MockPlus

• Lasiet arī: 9 iezīme bagāta programmatūra, lai izveidotu interaktīvus grafikus datorā

4

Moqups

• Cena - bezmaksas izmēģinājums / Sākas ar $ 19 mēnesī - personīgais plāns

Moqups ir tīmekļa lietojumprogramma, kas balstīta uz mākoņiem, kas ļauj jums izveidot wireframes, maketus, diagrammas un prototipus un sadarboties reālā laikā ar citiem komandas locekļiem.

Tas ir augstākās kvalitātes līdzeklis ar personīgiem un komandas kontiem. Bezmaksas izmēģinājumam ir nepieciešams reģistrēt kontu un piedāvā 5 MB uzglabāšanas vietu ar vienu projektu, kas nepārsniedz 300 objektus.

Lietotāja saskarne ir līdzīga MockFlow, bet instrumenti un izkārtojums ir atšķirīgi. Pēc jauna projekta izveides varat vilkt un nomest elementus cilnē Trafarets.

Projektam var pievienot vairākas lapas, pielāgot kontūras, veidot veidnes, augšupielādēt un pievienot attēlus, pārlūkot plašu ikonu bibliotēku un pievienot komentārus projektam.

Objektus var rediģēt, lai mainītu izmērus, pagrieztu, izlīdzinātu un stilu. Grupēšanas funkcija ļauj viegli apvienot vairākus objektus, lai atvieglotu kustību.

Kad Mockup ir gatavs, varat eksportēt uz Google disku, Dropbox vai datora lokālo disku PNG, PDF vai HTML formātā.

Moqups ir viegli lietojams rīks, lai izveidotu diagrammas un izveidotu diagrammas un maketus. Reģistrējieties bezmaksas kontam un izmantojiet rīku, lai spinētu, vai tas ir kaut kas, kas atbilst jūsu prasībām.

Izmēģiniet Moqups

Secinājums

Neatkarīgi no tā, vai esat profesionāls lietotāja interfeisa dizainers vai tikai iesācējs, ir svarīgi zināt, kādi rīki jāizmanto, lai izveidotu UI Mockups. Ja jūs meklējat tikai wireframing rīku, tad es ieteiktu jums izmēģināt Wireframes.cc.

Tā ir tīmekļa lietojumprogramma ar minimālisma dizainu un nedaudzām funkcijām, lai radītu vienkāršas un efektīvas wireframes lietotnēm vai tīmekļa vietnēm. Galu galā vēl ne vienmēr ir labāk.

Tomēr UX / UI dizainerim, kas meklē funkcijas, kas satur bagātīgus Mockup rīkus, vajadzētu izmēģināt visus iepriekš ieteiktos rīkus. Visi šie rīki piedāvā bezmaksas izmēģinājumu vai bezmaksas bezmaksas kontu bez jebkādiem ierobežojumiem, lai sāktu darbu.

Jūs varat pavadīt kādu laiku ar katru no šiem rīkiem, pirms nolemjat to, kas pārbauda visvairāk kastes jūsu obligātajā sarakstā.

Zinot, ka neviens rīks nekad nevarēs apmierināt ikviena vajadzību, mēs centāmies iekļaut labākos rīkus, lai izveidotu UI maketus, kas var apmierināt lielāko daļu dizaineru vajadzību.

Ļaujiet mums uzzināt savu iecienītāko maketēšanas un drukāšanas sistēmas programmatūru vai arī, ja uzskatāt, ka šajā sarakstā komentāros ir izslēgta cienīga alternatīva.