5 fremragende værktøjer til at oprette UI-mockups til websteder og apps

Tidsbesparende software- og hardwareekspertise, der hjælper 200 millioner brugere årligt. Vejleder dig med vejledning, nyheder og tip til at opgradere dit tekniske liv.

Fra trådrammer og UI-mockups til interaktive prototyper er der intet, du ikke kan designe med Adobe XD.

Det bedste ved det er, at det er helt gratis og velegnet til både professionelle såvel som nybegyndere: du kan lave interaktive prototyper uden at skrive en eneste kodelinje.

Dette prototypeværktøj giver dig mulighed for at strømline din designproces ved at validere brugervenlighed, simulere brugerstrømme og hurtigt få feedback.

Under hensyntagen til input fra dine brugere giver XD dig mulighed for at indstille udløsere for hver interaktion såsom tryk, træk, stemmekommandoer, tastaturgenveje eller endda indbyggede strømme og indlæsningsskærme.

XD går ud over overgange og overlays, så du kan oprette smarte menuer med skifte, navigation, rulning og glidende interaktioner.

Denne app giver stærke prototypeværktøjer og funktioner til UI-design og interaktive prototyper. Det tilbyder også fuld support til Mac og Windows.

Samarbejds- og delingsfunktioner (bred vifte af udløsere til at simulere brugerflow og nemt udgive dine prototyper til internettet)

Du vil helt sikkert nyde Auto-Animate-funktionen, der hjælper dig med at skabe kompleks animationer med overgangseffekter og mere.

Med denne app har du forhåndsvisning på desktop, iOS og Android, og du kan også optage MP4-filer for at dele dem.

Du har mulighed for at eksportere til After Effects for yderligere at forfine dine animationer.

Dette værktøj er optimeret til hurtig feedback, det kan generere delbare links og få feedback fra korrekturlæsere i realtid gennem kommentarer, der er lavet direkte på dine prototyper.

Adobe XD

Adobe XD

Opret de mest lokkende professionelle billeder med denne højkvalitets og alsidige software!

Tjek prisBesøg webstedet
mockplus-klassiker

For dem, der leder efter et fleksibelt værktøj til at oprette mockups og prototyper til enhver skærmstørrelse og platform, er MockPlus et godt valg.

Det er en offline applikation og er tilgængelig til Windows, Mac, Android og iOS-enheder.

MockPlus er kendt for at blive brugt af den gigantiske Microsoft som et mockup-værktøj, men også af andre navne i branchen som IBM. Der er en 15-dages gratis prøveperiode for at prøve værktøjet, før du foretager et køb.

Brugergrænsefladen til MockPlus er godt indrettet og ser moderne ud. Det giver en god mængde plads og rodet ikke arbejdsområdet med unødvendige værktøjer.

Det har også en mulighed for flere vinduer til at bruge softwaren i flere vinduer for bedre produktivitet.

Du kan nemt oprette interaktive prototyper ved blot at trække og slippe foruddefinerede komponenter til editoren.

Biblioteket er udstyret med over 3000 ikoner og næsten 200 forud designede komponenter, så du kan komme i gang, alt sammen med træk-og-slip-funktionalitet.

Prototyperne kan testes med det samme ved hjælp af QR kode genereret af appen. Derudover kan projekterne offentliggøres på internettet for at få kommentarer fra klienter og teammedlemmer ved at dele et weblink til prototypen.

MockPlus udmærker sig ved, hvad den gør, og funktionerne og funktionerne i denne prototypesoftware gør det til et ideelt værktøj for UI- og UX-designere uanset deres ekspertise.

Mockplus Classic

Mockplus Classic

Hvis du foretrækker et hurtigt wireframe-værktøj, og du leder efter et billigt, så prøv Mockplus.

Tjek prisBesøg webstedet

MockFlow er en førsteklasses mockup-software til windows, der tilbyder Wireframe, Prototyping og UI Mockup-værktøjer til enkeltpersoner og organisationer.

Det kommer i både gratis og premium planer og kan også bruges på din pc.

Prissætningen er delt mellem årlige og månedlige planer. Sammenlignet med årlige planer er de månedlige planer ikke kun dyre, men går også glip af nogle funktioner.

På årsplaner får du ikke kun en rimelig rabat, men får også en 3-måneders gratis service, offline adgang og power-ups.

For at bruge værktøjet skal du tilmelde dig med en gratis konto. De gratis konti giver dig mulighed for at oprette et projekt i hver app, to korrekturlæsere pr. Projekt, et begrænset udvalg af apps og ingen support.

Den gratis konto giver dog en god idé om anvendeligheden af ​​MockFlow.

MockFlow tilbyder offlineadgang på Windows- og Mac OS-kørende computere. MockFlow-udvidelserne giver dig mulighed for at bruge værktøjet med apps som Microsoft Office, Google Chrome, Google Dokumenter, Slack, JIRA og meget mere.

MockFlow har seks grundlæggende funktioner, nemlig WireFrame og UI Mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro og Website Pro. For at oprette UI Mockups skal du bruge den første WireFrame-mulighed fra instrumentbrættet og klikke på + ikon.

Begynd med at vælge den platform, du vil oprette mockup til som iOS-enheder, smarte ure, websteder, Microsoft-apps, etc.

Redigeringsdashboardet er også opdelt mellem 6 faner.

Fra fanen Element kan du trække og slippe foruddesignede objekter som mobilramme, ikoner, baggrund billeder, menufaner, checkoutmuligheder og mere, eller du kan bare starte fra en tom side, hvis du vil til.

Objekterne kan yderligere tilpasses med et enkelt dobbeltklik. Du kan gruppere flere elementer sammen for lettere bevægelse og skalering af brugergrænsefladen.

Andre faner i editoren er Sider, for at oprette flere sider til den samme app, fanen Billeder, fanen Flow for at tilføje og kontrollere status for projekterne, fanen Gem og Power-UP for at tilføje flere apps og skabeloner.

MockFlow er et fremragende multifunktionsværktøj til at oprette UI Mockups og mere. Præmieplanerne betyder dog, at det er for seriøse brugere, der kan bruge mindst halvdelen af ​​den funktion, den har.

Download MockFlow 

Balsamiq er en moderne skybaseret løsning til UI-designere og -udviklere, der tilbyder en hurtig, tilgængelig, samarbejde wireframing. Hvis du foretrækker en offline løsning, fik Balsamiq det også dækket.

Balsamiq tilbyder to versioner af værktøjet, online og offline desktop app til Mac og Windows-computere.

Offlineversionen er et engangskøb, der koster $ 89 for en enkelt bruger. Onlineversionen starter ved $ 9 pr. Måned pr. Bruger med plads til to projekter.

Heldigvis kan du tilmelde dig gratis og bruge webappen i 30 dage gratis med ubegrænsede trådrammer og ubegrænsede brugere, der tilbydes.

Tilmelding til den gratis prøvekonto er let, men kræver, at brugerne validerer e-mailen. Når du er færdig, skal du begynde med at oprette dit rum og give det et navn. Fortsæt derefter med at oprette dit første projekt.

Projekteditoren har en meget enkel og brugervenlig grænseflade. Alle egenskaber er pænt spredt på værktøjslinjen.

Siderne eller Wireframes vises i venstre side, og du kan tilføje flere sider ved at klikke på + ikonet øverst.

Du kan begynde med at trække og slippe en skabelon til editoren eller starte fra bunden ved hjælp af grundlæggende redigeringsværktøjer. Brug indstillingen Flere kontroller til at søge efter flere skabeloner og ikoner fra biblioteket.

Fra desktop applikationer og diagrammer til hardware og layout UI'er har Balsamiq-biblioteket alt hvad du behøver for at oprette en Mockup og Wireframes med lethed.

For at ændre objektegenskaberne skal du vælge objektet, og de relevante indstillinger vises i højre rude.

Udviklerne kan invitere kunder til at lave en præsentation ved at sende et link via e-mail. Du kan også tilføje dine teammedlemmer til projektet og tildele en rolle til hvert teammedlem.

Derudover tilbyder Balsamiq også integration med forretningsapps som Google Drive, Confluence og Jira. UI-designressourcerne på hjemmesiden er nyttige for både erfarne og nybegyndere.

Balsamiq er et fremragende værktøj, og med offline og online softwarepakke er det utvivlsomt en af ​​de bedste i branchen.

Kombiner det med gratis 30 dages gratis prøveperiode, og du får nok tid til at vurdere værktøjet, før du foretager et køb.

Download Balsamiq

Moqups er en skybaseret webapp, der giver dig mulighed for at oprette wireframes, mockups, diagrammer og prototyper og samarbejde i realtid med andre teammedlemmer.

Det er en premium mockup Windows-applikation med personlige konti og teamkonti. Den gratis prøveperiode kræver, at du registrerer en konto og tilbyder 5 MB lagerplads med et projekt begrænset til 300 objekter.

Brugergrænsefladen ligner MockFlow, men værktøjerne og layoutet er forskellige. Når du har oprettet et nyt projekt, kan du trække og slippe elementer fra fanen Stencil.

Du kan tilføje flere sider til projektet, tilpasse konturer, oprette skabeloner, uploade og tilføje billeder, gennemse fra det store bibliotek med ikoner og tilføje kommentarer til projektet.

Objekterne kan redigeres for at ændre størrelse, rotere, justere og style. Grupperingsfunktionen gør det let at gruppere flere objekter for lettere bevægelse.

Når Mockup er klar, kan du eksportere til Google Drive, Dropbox eller din computers lokale drive-in PNG, PDF eller HTML-format.

Moqups er et brugervenligt værktøj til wireframing og til at oprette diagrammer og mockups på ingen tid. Tilmeld dig den gratis konto, og tag værktøjet til et spin for at se, om det er noget, der opfylder dine krav.

Download Moqups 


Uanset om du er en professionel UI-designer eller bare en nybegynder, er det vigtigt at vide, hvilke værktøjer der skal bruges til at oprette UI Mockups.

UX / UI-designer, der leder efter funktionsrige Mockup-værktøjer, bør prøve alle de ovennævnte anbefalede værktøjer, da de alle tilbyder en gratis prøveversion eller en grundlæggende gratis konto uden nogen begrænsninger for at komme i gang.

Du kan bruge lidt tid på hvert af disse værktøjer, før du beslutter dig for den, der markerer de fleste felter på din must-have-liste.

Fortæl os din yndlingsmockup-software til Windows, eller hvis du mener, at vi har udelukket et værdig alternativ på denne liste.

Vi vil gerne høre fra dig, så er du velkommen til at dele din tanke med os i kommentarfeltet nedenfor.


© Copyright Windows Rapport 2021. Ikke tilknyttet Microsoft

Sådan repareres Adobe-fejl 16 på Windows 10

Sådan repareres Adobe-fejl 16 på Windows 10Adobe Acrobat LæserAdobe EftervirkningerAdobe Kreativ SkyAdobe Xd

Denne artikel vil fokusere på, hvordan du løser Adobe-fejl 16 på Windows 10, der kan forhindre dig i at bruge dine Adobe-produkter.Denne fejl kan forekomme på ethvert Adobe-produkt. For eksempel ka...

Læs mere
5 fremragende værktøjer til at oprette UI-mockups til websteder og apps

5 fremragende værktøjer til at oprette UI-mockups til websteder og appsAdobe XdDesign Software

Tidsbesparende software- og hardwareekspertise, der hjælper 200 millioner brugere årligt. Vejleder dig med vejledning, nyheder og tip til at opgradere dit tekniske liv.Fra trådrammer og UI-mockups ...

Læs mere
Adobe XD understøtter nu gæstekommentarer og SVG-import, tilføjer UI-sæt

Adobe XD understøtter nu gæstekommentarer og SVG-import, tilføjer UI-sætAdobeAdobe Xd

Få den rigtige software til at støtte dine ideer!Creative Cloud er alt hvad du behøver for at give din fantasi liv. Brug alle Adobe-apps og kombiner dem for at få fantastiske resultater. Ved hjælp ...

Læs mere