5 uitstekende hulpmiddelen om UI-mockups voor websites en apps te maken

Wij adviseren: Het programma voor het corrigeren van fouten, optimaliseren en versnellen Windows.

Of je nu een mobiele app wilt ontwerpen, desktopsoftware of gewoon een website wilt ontwerpen, door UI Mockups te maken, kun je de eerste beelden van je toekomstige projecten krijgen en het ontwerpidee op een betere manier aan de klant presenteren.

Het maken van UI-mockups is anders dan Wireframing. Wireframing is als het maken van een blauwdruk voor uw huis of technisch project, terwijl het maken van een Mockup met het feitelijk creatieve ontwerp (uiteindelijke looks) van het huis voor de klanten komt.

Toegang hebben tot een handige Mockup-tool helpt je in de ontwerpfase van de gebruikersinterface en versnelt ook het hele proces.

Er is geen tekort aan UI Mockup-tools; Met zoveel opties om uit te kiezen, kan het echter verwarrend zijn welke u eerst moet gaan gebruiken.

Of je nu een professional bent die meer power tools wil toevoegen aan zijn huidige arsenaal of een beginner die zijn handen uithaalt bij het voor de eerste keer ontwerpen van Mockup, deze gids zal je laten kennismaken met enkele van de beste tools om UI Mockups te maken in 2019.

Wat zijn de beste hulpmiddelen om UI-mockups te maken?

1

MockFlow

  • Prijs - Gratis beperkt / Premium $ 19 maandelijks abonnement - $ 14 per gebruiker per jaar jaarplan

MockFlow is een premium cloud-gebaseerde oplossing die Wireframe, Prototyping en UI Mockup-tools biedt voor individuen en organisaties. Het wordt geleverd in zowel gratis als premium-abonnementen en kan ook op uw pc worden gebruikt.

De prijzen zijn verdeeld over jaarlijkse en maandelijkse abonnementen. In vergelijking met jaarplannen zijn de maandelijkse abonnementen niet alleen duur, maar missen ze ook enkele functies. Op jaarplannen krijgt u niet alleen een eerlijke korting, maar krijgt u ook 3 maanden gratis service, offline toegang en power-ups.

Om de tool te gebruiken, moet u zich aanmelden met een gratis account. Met de gratis accounts kunt u één project maken in elke app, twee reviewers per project, een beperkte selectie van apps en geen ondersteuning. Het gratis account geeft echter een goed beeld van de bruikbaarheid van MockFlow.

MockFlow biedt offline toegang op Windows en Mac OS met computers. Met de MockFlow-uitbreidingen kunt u de tool gebruiken met apps zoals Microsoft Office, Google Chrome, Google Docs, Slack, JIRA en meer.

MockFlow heeft zes basisfuncties, namelijk WireFrame en UI-mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro en Website Pro. Om UI-mockups te maken, gebruikt u de eerste WireFrame-optie van het dashboard en klikt u op het + -pictogram.

Begin met het selecteren van het platform waarop je de mockup wilt maken, zoals iOS-apparaten, slimme horloges, website, Microsoft-apps, enz.

Het bewerkingsdashboard is ook verdeeld over zes tabbladen. Op het tabblad Element kunt u vooraf ontworpen objecten zoals Mobile frame, pictogrammen, achtergrondafbeeldingen, menutabs, betalingsopties en meer slepen en neerzetten, of u kunt eenvoudig vanuit een lege pagina beginnen als u dat wilt.

De objecten kunnen verder worden aangepast met een eenvoudige dubbelklik. Je kunt meerdere elementen samenvoegen om de gebruikersinterface eenvoudiger te verplaatsen en in te schalen.

Andere tabbladen in de editor zijn Pagina's, om meerdere pagina's voor dezelfde app te maken, tabblad Afbeeldingen, tabblad Flow om toe te voegen en de status van de projecten te controleren, Store en Power-UP tabblad om meer apps en sjablonen toe te voegen.

MockFlow is een uitstekende multifunctionele tool om UI-mockups en meer te maken. De premium-plannen betekenen echter dat het voor serieuze gebruikers is die minstens de helft van de geboden functionaliteit kunnen gebruiken.

Probeer MockFlow

  • Lees ook: 10 beste gratis 3D-ontwerpsoftware voor beginners en gevorderde gebruikers
2

Balsamiq

  • Prijs - Gratis 30 dagen proefversie / Online-versie begint bij $ 9 per maand / Offline-versie begint bij een licentie van $ 89 per eeuw

Balsamiq is een moderne cloudgebaseerde oplossing voor UI-ontwerpers en -ontwikkelaars die een snelle, toegankelijke, collaboratieve wireframing bieden. Als je de voorkeur geeft aan een offline oplossing, heeft Balsamiq dit ook gedekt.

Balsamiq biedt twee versies van de tool, online en offline desktop-app voor Mac- en Windows-computers. De offline-versie is een eenmalige aankoop en kost $ 89 voor een enkele gebruiker. De online versie begint bij $ 9 per maand per gebruiker met ruimte voor twee projecten.

Gelukkig kun je je gratis aanmelden en de web-app 30 dagen gratis gebruiken met onbeperkte wireframes en onbeperkte gebruikers.

Aanmelden voor het gratis proefaccount is eenvoudig, maar vereist dat gebruikers de e-mail valideren. Als je klaar bent, begin je met het maken van je ruimte en geef je deze een naam. Ga vervolgens verder met het maken van je eerste project.

De projecteditor heeft een zeer eenvoudige en gebruikersvriendelijke interface. Alle eigenschappen zijn mooi verspreid over de werkbalk. De pagina's of Wireframes worden aan de linkerkant weergegeven en u kunt meerdere pagina's toevoegen door op het + pictogram bovenaan te klikken.

U kunt beginnen met het slepen en neerzetten van een sjabloon naar de editor of van de grond af beginnen met behulp van eenvoudige bewerkingshulpmiddelen. Gebruik de optie Meer besturingselementen om naar meer sjablonen en pictogrammen in de bibliotheek te zoeken. Van desktoptoepassingen en diagrammen tot hardware en lay-out UI's, de Balsamiq-bibliotheek heeft alles wat je nodig hebt om eenvoudig een Mockup en WireFrames te maken.

Als u de objecteigenschappen wilt wijzigen, selecteert u het object en worden de toepasselijke opties weergegeven in het rechterdeelvenster.

De ontwikkelaars kunnen klanten uitnodigen om een ​​presentatie te maken door een link via e-mail te verzenden. U kunt uw teamleden ook aan het project toevoegen en een rol toewijzen aan elk teamlid.

Daarnaast biedt Balsamiq ook integratie met zakelijke apps zoals Google Drive, Confluence en Jira. De UI-ontwerpresources op de website zijn nuttig voor zowel ervaren als nieuwe gebruikers.

Balsamiq is een uitstekende tool en met offline en online softwaresuite is het ongetwijfeld een van de beste in de branche. Combineer dat met een gratis proefperiode van 30 dagen en u krijgt voldoende tijd om de tool te beoordelen voordat u een aankoop doet.

Probeer Balsamiq

  • Lees ook: 8 verbluffende software om boekjes te maken en het marketingspel te regelen
3

MockPlus

  • Prijs - Gratis proef / $ 59 per jaar Individuele licentie / $ 199 eeuwigdurende licentie / Teamplan begint bij $ 299 per jaar

Voor diegenen die op zoek zijn naar een flexibel hulpmiddel om mockups en prototyping te maken voor elke schermgrootte en platform, is MockPlus een goede keuze. Het is een offline applicatie en is beschikbaar voor Windows-, Mac-, Android- en iOS-apparaten.

MockPlus wordt gebruikt door enkele van de toonaangevende namen in de technische industrie, waaronder Microsoft en IBM. Er is een gratis proefperiode van 7 dagen om de tool uit te proberen voordat u een aankoop doet.

De gebruikersinterface van MockPlus is goed ingedeeld en ziet er modern uit. Het biedt veel ruimte en maakt de werkruimte niet overbodig met onnodige hulpmiddelen. Het heeft ook een optie voor meerdere vensters om de software in meerdere vensters te gebruiken voor een betere productiviteit.

U kunt eenvoudig interactieve prototypen bouwen door eenvoudig vooraf ontworpen componenten naar de editor te slepen en neer te zetten. De bibliotheek is uitgerust met meer dan 3000 pictogrammen en bijna 200 vooraf ontworpen componenten om u op weg te helpen met het ondersteunen van slepen-en-neerzetten.

De prototypen kunnen onmiddellijk worden getest met behulp van de QR-code die door de app wordt gegenereerd. Bovendien kunnen de projecten op internet worden gepubliceerd om opmerkingen van klanten en teamleden te ontvangen door een weblink naar het prototype te delen.

MockPlus blinkt uit in wat het doet en de kenmerken en functies van deze prototypesoftware maken het een ideale tool voor gebruikers van UI en UX, ongeacht hun expertise.

MockPlus downloaden

  • Lees ook: 9 functie-rijke software om interactieve tijdlijnen op pc te creëren
4

Moqups

  • Prijs - Gratis proef / Begint bij $ 19 per maand - Persoonlijk plan

Moqups is een cloud-gebaseerde webapp waarmee je wireframes, mockups, diagrammen en prototypen kunt maken en in realtime kunt samenwerken met andere teamleden.

Het is een premium tool met persoonlijke en teamaccounts. De gratis proef vereist dat u een account registreert en 5 MB opslagruimte biedt met één project beperkt tot 300 objecten.

De gebruikersinterface is vergelijkbaar met MockFlow, maar de tools en lay-out zijn anders. Nadat u een nieuw project hebt gemaakt, kunt u elementen slepen en neerzetten op het tabblad Stencil.

U kunt meer pagina's aan het project toevoegen, contouren aanpassen, sjablonen maken, afbeeldingen uploaden en toevoegen, bladeren door de enorme bibliotheek met pictogrammen en opmerkingen toevoegen aan het project.

De objecten kunnen worden bewerkt om het formaat, de rotatie, de uitlijning en de stijl aan te passen. Met de groepeerfunctie kunt u eenvoudig meerdere objecten groeperen voor eenvoudiger beweging.

Zodra de Mockup klaar is, kunt u exporteren naar Google Drive, Dropbox of de lokale drive-in PNG, PDF of HTML-indeling van uw computer.

Moqups is een eenvoudig te gebruiken tool voor wireframing en om snel diagrammen en mockups te maken. Meld u aan voor de gratis account en neem de tool mee om te kijken of het iets is dat aan uw vereisten voldoet.

Probeer Moqups

Conclusie

Of u nu een professionele UI-ontwerper bent of slechts een beginner, wetende welke hulpmiddelen u moet gebruiken om UI-mockups te maken, is belangrijk. Als u alleen op zoek bent naar een wireframing-tool, raad ik u aan om Wireframes.cc te proberen.

Het is een webgebaseerde app met een minimalistisch ontwerp en een handvol functies om eenvoudige en effectieve wireframes voor apps of websites te maken. Tenslotte is meer niet altijd beter.

Voor UX / UI-ontwerpers die op zoek zijn naar Mockup-tools die rijk zijn aan functionaliteit, moet u echter alle hierboven aanbevolen tools proberen. Al deze tools bieden een gratis proef of basis gratis account zonder enige beperking om u op weg te helpen.

Je kunt wat tijd besteden aan elk van deze hulpmiddelen voordat je beslist wie de meeste vakken uit je lijst met verplichte noteringen aankruist.

Omdat we wisten dat niet één tool ooit in staat zal zijn om in ieders behoefte te voorzien, hebben we geprobeerd de beste tools te gebruiken om UI Mockups te maken die aan de meeste behoeften van de ontwerpers kunnen voldoen.

Laat ons uw favoriete mockup- en wireframing-software kennen of denk dat we een waardig alternatief in deze lijst hebben uitgesloten in de onderstaande opmerkingen.

Aanbevolen

Wat zijn de beste IPTV-software voor Windows 10? [Verse lijst]
2019
Oplossing: Xbox One-fout "Netwerkinstellingen blokkeren partij-chat"
2019
Windows 10-fout distributedCom 10016: Hoe los ik dit op?
2019