10 Programme für die Erstellung von Website- und App-Prototypen

Heute ist Freitag – Zeit für einige nützliche Tools. Dieses Mal geht es um das Prototyping von Apps und Websites. Einige der unten vorgestellten Werkzeuge lassen sich über den Browser aufrufen, andere müssen auf dem Rechner installiert werden, einige sind kostenlos, andere recht teuer in der Anschaffung. Viel Spaß!

1. Proto.io

Proto.io verfügt über eine einfache Benutzeroberfläche. Mit dem Tool kann man auch gemeinsam an Prototypen arbeiten und Bereiche bzw. Elemente korrigieren. Auch das Testen des Entwurf ist jederzeit möglich, sowohl auf dem Rechner als auch auf einem Mobiltelefon.

Link zum Tool

2. Axure

Axure gehört zu den mächtigsten Prototyping-Tools. Damit kann man sehr hochwertige Entwürfe von Webseiten und Apps erstellen. Zahlreiche Werkzeuge und Funktionen lassen keine Wünsche offen. Allerdings muss die Software auf einem Rechner installiert werden (Windows oder macOS), da es keine Online-Version gibt.

Link zum Tool

3. Vectr

Vectr kann man sowohl kostenlos online als auch lokal auf dem eigenen Rechner installieren. Beide Versionen können synchronisiert werden, was sehr praktisch sein kann (wenn mal kein WLAN in der Nähe ist). Jedes Projekt knüpft an eine URL an, das heißt man kann seinen App-Prototypen sehr einfach seinen Kollegen zum Beispiel per E-Mail schicken und Korrekturen vornehmen.

Link zum Tool

4. Sketch

Sketch ist ausschließlich für Mac-User konzipiert worden. Nichtsdestotrotz ist die Software sehr funktional und eignet sich sowohl für Webdesigner als auch für App-Entwickler. Ein schneller Einstig in die Bedienung ist dank zahlreicher YouTube Videos garantiert. Hier ein Beispiel:

Link zum Programm

5. Atomic

Atomic ist ein sehr spannendes Tools, sowohl aus der Sich der Funktionen als auch aus der Sicht der Geschwindigkeit. Eine weitere Besonderheit ist die Möglichkeit der Synchronisierung mit Sketch.

  Social Media Crossposting für dein Startup mit Buffer - Review


Link zum Tool

6. Principle

Wer in erster Linie animierte App- oder Website-Prototypen erstellen möchte, sollte auf die Software Principle zurückgreifen. Leider gibt es das Tool nur für Mac-Nutzer.

Link zum Tool

7. Moqups

Auch mit dem Service Moqups lassen sich professionelle Layouts generieren. Wer hier etwas Geld in die Hand nimmt, kann mit einer Vielzahl an Team-Mitgliedern an Mockups und Prototypen arbeiten.

Link zum Service

8. Marvel

Die Software Marvel eignet sich nicht nur für das Prototyping von Apps und Websites. Auch Mockups für Smartwatches kann man damit anlegen. Außerdem findest du auf der Website des Herstelelrs zahlreiche Prototypen in Aktion.
Hier ein schönes Tutorial dazu:

Link zum Programm

9. Mockplus

Mockplus ist sehr gut für die Erstellung von App-Mockups geeignet. Die Premium-Version der Software enthält außerdem 3000 Icons für mehr Flexibilität beim Designen.

Link zum Tool

10. Flinto

Wer mit schönen, vorgefertigten Schablonen starten möchte, soltle sich das Tool Flinto genauer anschauen. Hiermit lassen sich auch Animationen innerhalb der Apps anlegen (Android oder iOS).

Link zum Service

Verpasse keine neuen Artikel und trage dich in unseren kostenlosen Newsletter ein:

Kommentare

Dein Kommentar

Want to join the discussion?
Feel free to contribute!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.