5 gode verktøy for å lage UI-modeller for nettsteder og apper

Tidsbesparende programvare- og maskinvarekompetanse som hjelper 200 millioner brukere årlig. Guider deg med råd, nyheter og tips for å oppgradere ditt tekniske liv.

Fra trådrammer og UI-modeller til interaktive prototyper, det er ingenting du ikke kan designe med Adobe XD.

Det beste er at det er helt gratis og passer for både profesjonelle og nybegynnere: du kan lage interaktive prototyper uten å skrive en eneste kodelinje.

Dette prototypeverktøyet lar deg strømlinjeforme designprosessen ved å validere brukervennlighet, simulere brukerstrømmer og raskt få tilbakemelding.

XD tar hensyn til brukerne dine, og lar deg angi utløsere for hver interaksjon, for eksempel trykk, dra, talekommandoer, hurtigtaster eller til og med innebygde strømmer og lasteskjermer.

XD går utover overganger og overlegg slik at du kan lage glatte menyer med veksle-, navigasjons-, bla- og skyveinteraksjoner.

Denne appen gir sterke prototypeverktøy og funksjoner for UI-design og interaktive prototyper. Den tilbyr også full støtte for Mac og Windows.

Samarbeids- og delingsfunksjoner (bredt utvalg av utløsere for å simulere brukerflyt og enkelt publisere prototypene dine på nettet)

Du vil definitivt nyte Auto-Animate-funksjonen som hjelper deg med å skape komplekse animasjoner med overgangseffekter og mer.

Med denne appen har du forhåndsvisning på skrivebordet, iOS og Android, og du kan også spille inn MP4-filer for å dele dem.

Du har muligheten til å eksportere til After Effects for å avgrense animasjonene dine ytterligere.

Dette verktøyet er optimalisert for rask tilbakemelding, det kan generere delbare lenker og få tilbakemelding fra korrekturlesere i sanntid gjennom kommentarer som kommer direkte på prototypene dine.

Adobe XD

Adobe XD

Lag den mest fristende profesjonelle grafikken med denne allsidige programvaren av høy kvalitet!

Sjekk prisBesøk nettsiden
mockplus-klassisk

For de som leter etter et fleksibelt verktøy for å lage modeller og prototyper for alle skjermstørrelser og plattformer, er MockPlus et godt valg.

Det er et offline program og er tilgjengelig for Windows, Mac, Android og iOS-enheter.

MockPlus er kjent for å bli brukt av giganten Microsoft som et mockup-verktøy, men også av andre navn i bransjen som IBM. Det er en 15-dagers gratis prøveperiode for å prøve verktøyet før du kjøper.

Brukergrensesnittet til MockPlus er godt lagt ut og ser moderne ut. Det gir god plass og rommer ikke arbeidsområdet med unødvendige verktøy.

Det har også et alternativ med flere vinduer for å bruke programvaren i flere vinduer for bedre produktivitet.

Du kan enkelt bygge interaktive prototyper ved å bare dra og slippe forhåndsdesignede komponenter til redaktøren.

Biblioteket er utstyrt med over 3000 ikoner og nesten 200 forhåndsdesignede komponenter for å komme i gang med alt som støtter dra-og-slipp-funksjonalitet.

Prototypene kan testes umiddelbart ved hjelp av QR kode generert av appen. I tillegg kan prosjektene publiseres på nettet for å få kommentarer fra klienter og teammedlemmer ved å dele en weblenke til prototypen.

MockPlus utmerker seg med det den gjør, og funksjonene og funksjonene til denne prototyping-programvaren gjør det til et ideelt verktøy for UI- og UX-designere uavhengig av deres ekspertise.

Mockplus Classic

Mockplus Classic

Hvis du foretrekker et raskt trådrammeverktøy og leter etter et billig, kan du prøve Mockplus.

Sjekk prisBesøk nettsiden

MockFlow er en førsteklasses mockup-programvare for windows som tilbyr Wireframe, Prototyping og UI Mockup-verktøy for enkeltpersoner og organisasjoner.

Den kommer i både gratis- og premiumplaner og kan også brukes på din PC.

Prisen er delt mellom årlige og månedlige planer. Sammenlignet med årlige planer, er de månedlige planene ikke bare dyre, men de går også glipp av noen funksjoner.

På årlige planer får du ikke bare en rimelig rabatt, men får også en 3-måneders gratis tjeneste, offline tilgang og oppstart.

For å bruke verktøyet, må du registrere deg med en gratis konto. Med gratiskontoer kan du lage ett prosjekt i hver app, to anmeldere per prosjekt, et begrenset utvalg av apper og ingen støtte.

Imidlertid gir den gratis kontoen en god ide om brukervennligheten til MockFlow.

MockFlow tilbyr frakoblet tilgang på Windows- og Mac OS-maskiner. MockFlow-utvidelsene lar deg bruke verktøyet med apper som Microsoft Office, Google Chrome, google Dokumenter, Slack, JIRA og mer.

MockFlow har seks grunnleggende funksjoner, nemlig WireFrame og UI Mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro og Website Pro. For å lage UI Mockups bruker du det første WireFrame-alternativet fra dashbordet og klikker på + ikon.

Begynn med å velge plattformen du vil lage mockup for som iOS-enheter, smarte klokker, nettsteder, Microsoft-apper, etc.

Redigeringspanelet er også delt mellom 6 faner.

Fra Element-fanen kan du dra og slippe forhåndsdesignede objekter som mobilramme, ikoner, bakgrunn bilder, menyfaner, utsjekkingsalternativer og mer, eller du kan bare starte fra en tom side hvis du vil til.

Objektene kan tilpasses videre med et enkelt dobbeltklikk. Du kan gruppere flere elementer for enklere bevegelse og skalering av brukergrensesnittet.

Andre faner i redigeringsprogrammet er Sider, for å opprette flere sider for samme app, Bilder-fanen, Flow-fanen for å legge til og sjekke statusen til prosjektene, Lagre og OPP-fanen for å legge til flere apper og maler.

MockFlow er et utmerket flerbruksverktøy for å lage UI Mockups og mer. Premiumplanene betyr imidlertid at det er for seriøse brukere som kan benytte seg av minst halvparten av funksjonen den har å tilby.

Last ned MockFlow 

Balsamiq er en moderne skybasert løsning for UI-designere og -utviklere som tilbyr en rask, imøtekommende, samarbeidende wireframing. Hvis du foretrekker en frakoblet løsning, fikk Balsamiq det også dekket.

Balsamiq tilbyr to versjoner av verktøyet, online og offline desktop app for Mac og Windows-datamaskiner.

Frakoblet versjon er et engangskjøp som koster $ 89 for en enkelt bruker. Den elektroniske versjonen starter på $ 9 per måned per bruker med plass til to prosjekter.

Heldigvis kan du registrere deg gratis og bruke webappen i 30 dager gratis med ubegrensede trådrammer og ubegrensede brukere som tilbys.

Det er enkelt å registrere seg for en gratis prøvekonto, men krever at brukerne bekrefter e-postmeldingen. Når du er ferdig, begynn med å lage din plass og gi den et navn. Fortsett deretter med å lage ditt første prosjekt.

Prosjektredaktøren har et veldig enkelt og brukervennlig grensesnitt. Alle egenskapene er pent spredt på verktøylinjen.

Sidene eller Wireframes vises på venstre side, og du kan legge til flere sider ved å klikke på + ikonet på toppen.

Du kan begynne med å dra og slippe en mal til redaktøren eller starte fra bunnen av ved hjelp av grunnleggende redigeringsverktøy. Bruk alternativet Flere kontroller for å søke etter flere maler og ikoner fra biblioteket.

Balsamiq-biblioteket har alt du trenger for å lage en Mockup og Wireframes, fra stasjonære applikasjoner og diagrammer til maskinvare og layout-brukergrensesnitt.

For å endre objektegenskapene, velg objektet, og de aktuelle alternativene vises i høyre rute.

Utviklerne kan invitere kunder til å lage en presentasjon ved å sende en lenke via e-post. Du kan også legge til teammedlemmene dine i prosjektet og tildele en rolle til hvert teammedlem.

I tillegg tilbyr Balsamiq også integrasjon med forretningsapper som Google Drive, Confluence og Jira. UI-designressursene på nettstedet er nyttige for både erfarne og nybegynnere.

Balsamiq er et utmerket verktøy, og med frakoblet og online programvarepakke er det utvilsomt en av de beste i bransjen.

Kombiner det med en gratis prøveperiode på 30 dager, og du får nok tid til å vurdere verktøyet før du kjøper.

Last ned Balsamiq

Moqups er en skybasert webapp som lar deg lage trådrammer, mockups, diagrammer og prototyper og samarbeide i sanntid med andre teammedlemmer.

Det er en førsteklasses Windows-applikasjon med personlige kontoer og teamkontoer. Den gratis prøveperioden krever at du registrerer en konto og tilbyr 5 MB lagringsplass med ett prosjekt begrenset til 300 objekter.

Brukergrensesnittet ligner på MockFlow, men verktøyene og utformingen er forskjellige. Etter å ha opprettet et nytt prosjekt kan du dra og slippe elementer fra Stencil-fanen.

Du kan legge til flere sider i prosjektet, tilpasse disposisjoner, opprette maler, laste opp og legge til bilder, bla gjennom det store ikonet og legge til kommentarer til prosjektet.

Objektene kan redigeres for å endre størrelse, rotere, justere og style. Grupperingsfunksjonen gjør det enkelt å gruppere flere objekter for lettere bevegelse.

Når Mockup er klar, kan du eksportere til Google Drive, Dropbox eller datamaskinens lokale innkjørings-PNG, PDF eller HTML-format.

Moqups er et brukervennlig verktøy for wireframing og å lage diagrammer og mockups på kort tid. Registrer deg for den gratis kontoen og ta verktøyet for en spinn for å se om det er noe som oppfyller dine krav.

Last ned Moqups 


Enten du er en profesjonell UI-designer eller bare en nybegynner, er det viktig å vite hvilke verktøy du skal bruke til å lage UI Mockups.

UX / UI-designer som leter etter funksjonsrike Mockup-verktøy, bør prøve alle de ovennevnte anbefalte verktøyene, siden de alle tilbyr en gratis prøveversjon eller en grunnleggende gratis konto uten begrensninger for å komme i gang.

Du kan bruke litt tid på hvert av disse verktøyene før du bestemmer deg for den som merker av for boksene i listen du må ha.

Gi oss beskjed om din favoritt mockup-programvare for Windows, eller hvis du tror vi har utelukket et verdig alternativ i denne listen.

Vi vil gjerne høre fra deg, så del gjerne tankene dine med oss ​​i kommentarfeltet nedenfor.


© Copyright Windows Report 2021. Ikke tilknyttet Microsoft

Adobe XD-appen er nå tilgjengelig for brukere av Windows 10

Adobe XD-appen er nå tilgjengelig for brukere av Windows 10Adobe Xd

Det ser ut til at Adobe nå prøver å bringe andre verktøy til Windows 10, for ifølge rapporter vil Flash Player snart dø og erstattes av HTML5.Adobe Experience Design (også kjent som Adobe XD) er nå...

Les mer
5 gode verktøy for å lage UI-modeller for nettsteder og apper

5 gode verktøy for å lage UI-modeller for nettsteder og apperAdobe XdDesign Programvare

Tidsbesparende programvare- og maskinvarekompetanse som hjelper 200 millioner brukere årlig. Guider deg med råd, nyheter og tips for å oppgradere ditt tekniske liv.Fra trådrammer og UI-modeller til...

Les mer