Die 10 besten kostenlosen Tools für App-Designer

Ob Sie Ihre App für entwerfen iOS , Android Auf beiden oder einer anderen Plattform gibt es im Web eine Menge großartiger Ressourcen. Hier habe ich 10 brillante Tools zusammengestellt, mit denen Sie schneller vom Konzept zur fertigen App gelangen können - alles kostenlos. Oh, und wenn Sie App-Design lernen oder Ihre Fähigkeiten verbessern möchten, lesen Sie auch diese Sammlung von Tutorials auf So erstellen Sie eine App .

01. Wunder (iOS, Android)

Die Marvel-App verwandelt einfache Skizzen auf Papier in interaktive, tippbare Prototypen, mit denen Sie Ihre App-Ideen vorführen und mit anderen teilen können.



  • Es ist mit .psd-Dateien kompatibel, sodass Sie Ihre Designs vor dem Hochladen nicht konvertieren müssen. Marvel verkürzt die Testzeit für Änderungen erheblich, insbesondere da sie im Hintergrund aktualisiert werden.
  • Mit dem Webbrowser testen Sie Ihren Prototyp, indem Sie das Gerät so simulieren, dass Sie es in seiner natürlichen Umgebung sehen.
  • Dieses Prototyping-Tool enthält benutzerdefinierte Animationen und das Überblenden zwischen Bildschirmen, um ein möglichst realistisches Prototyping-Erlebnis zu erzielen

02. Einladung (iOS, Android)

Invision ist ein weiteres kostenloses Web- und Mobile-Prototyping-Tool, das sowohl für die iOS- als auch für die Android-Plattform verfügbar ist. Dieses Prototyping-Tool verfügt über ein vollständiges Kommentarsystem sowie Benachrichtigungen und Statusaktualisierungen, sodass alle Mitglieder eines Teams sehen können, wo sich das Projekt befindet, ohne danach fragen zu müssen.

  • Invasion arbeitet auch in Echtzeit mit Menschen zusammen, sodass Sie sich alle online treffen und gemeinsam an dem Projekt arbeiten können, wenn ein Problem auftritt.
  • Es enthält vollständige Designtools für die Zusammenarbeit in Echtzeit, sodass es wirklich ein ideales Echtzeiterlebnis ist.
  • Und vielleicht die beste Funktion ist die Versionskontrolle, wenn Sie versehentlich eine Änderung vornehmen, die Sie nicht haben sollten, oder wenn Sie ein altes Designkonzept zurückbringen möchten.

03. iOS-Skizzenpapier

Für diejenigen, die gerne auf Bleistift und Papier entwerfen, bevor sie in Photoshop oder ein Prototyping-Tool einsteigen, macht es dieses kostenlose Punktraster-Skizzenpapier einfach, iOS-Designs auf Papier zu bringen. Es ist druckbereit, wenn Sie es herunterladen.

Es enthält Gitterlinien für alle Standardelemente der Benutzeroberfläche sowie Messmarkierungen für jedes Gerät. Es ist als iPad Air und iPhone 5S erhältlich.

wie man wie die Meister malt

04. Android-Skizzenpapier

Wir vergessen nicht die Android-Designer. Hier ist ein Skizzenpapier für Android-Designs wie die obige Option für die Android-Designer im Publikum.

Es gibt acht Telefone pro Bildschirm, und im Gegensatz zum iOS-Skizzenpapier handelt es sich hierbei nicht um ein Punktraster, sondern um überhaupt keine Linien. Da es eine gute Anzahl von Telefonen pro Bildschirm gibt, können Sie den Workflow auf diesem Skizzenpapier schnell organisieren, bevor Sie eine intensivere Workflow-Organisation durchführen.

05. PopApp (iOS, Android)

Wenn Ihnen Marvelapp gefallen hat, Sie aber einen funktionierenden Prototyp auf Ihrem Android-Gerät möchten, sind Sie bei PopApp genau richtig.

PopApp ist einzigartig, da es mit Fotos Ihrer handgezeichneten App-Skizzen beginnt und diese auf Ihrem Gerät miteinander verknüpft. Sie sind nicht darauf beschränkt, was die App visuell erstellen kann, aber Ihr gezeichneter Prototyp funktioniert dann auf jedem Gerät.

06. Lobenswerte Apps (iOS)

Wenn Sie sich inspirieren lassen möchten, besuchen Sie einfach Laudable Apps. Sie zeigen die besten verfügbaren iOS 7-Designs und flachen Designbeispiele, sodass Sie in Ihrer nächsten App fantastische Designmuster verwenden können.

Diese Website ist nicht im Artikelformat, was bedeutet, dass sie in erster Linie die Schönheit des Modells zeigt, anstatt es mit viel Text und anderen Elementen zu überfrachten.

07. Mobile Awesomeness (iOS, Android)

Ähnlich wie zuvor ist dies eine Website zur Inspiration, mit der Ausnahme, dass diese Website Design-Inspiration aus einer Vielzahl von Quellen enthält, einschließlich Mobile und Web.

Mobile Awesomeness verfügt über ein Bewertungssystem für alle auf ihrer Website veröffentlichten Designs. Sehen Sie sich an, wie sie Designs bewerten. Sie können dasselbe Bewertungssystem auf Ihre eigenen Designs anwenden, um zu sehen, wie Sie sich messen.

08. Android-Muster (Android)

Diese Website kategorisiert Tonnen von Android-Designmustern. Wenn Sie nach etwas Neuem und Besonderem suchen oder einfach nach etwas anderem, das Sie verwenden möchten, können Sie sich die Designmusterbibliothek ansehen.

Sie organisieren ihre Designmuster nach dem App-Typ, für den sie bestimmt sind, z. B. 'Umgang mit Daten', 'Personalisierung' und 'Soziales'. Sie können sogar mit der Eingabeaufforderung 'Wie kann ich ...' nach Mustern suchen.

09. Tuts + (iOS, Android)

Tuts + ist eine riesige Bibliothek von Tutorials von CSS bis Crocheting. Zum Glück gibt es auch einen ganzen Bereich, der sich dem mobilen Design widmet. Besuchen Sie uns dort, um riesige Tutorials zum visuellen Design zu erhalten.

Tuts + Tutorials sind lang und umfassend, sodass Sie durch jeden Knopfdruck geführt werden, den Sie möglicherweise benötigen, um etwas zu erledigen. Darüber hinaus verfügt tuts + über eine enorme Bibliothek an E-Books und anderen Ressourcen. Wenn Sie also weitere Informationen zu einem Thema wünschen, wissen Sie, wo Sie suchen müssen.

10. Adobe Kuler (iOS, Android)

welche Samsung Tabletten haben s Stift

Sie können sich nicht für ein Farbschema entscheiden? Verwenden Sie Adobe Kuler (als App für jedes Gerät sowie im Browser verfügbar), um ein Foto von etwas mit einem von Ihnen gewünschten Farbschema aufzunehmen und die besten Komplementärfarben aus dem Foto auszuwählen.

Alternativ können Sie eine vorgefertigte Farbpalette aus der Bibliothek der beliebten Farben auswählen, um sofort ein gewinnbringendes Farbschema zu erhalten. Kein Problem mehr, den richtigen Farbton zu finden oder ein ganzes Design zusammenzustellen, nur damit der Kunde sagt, dass es nicht richtig aussieht.

Wörter: Megan Holstein

@ Megan Holstein ist ein Unternehmer, App-Typ und der Autor des kommenden Idee zur App .