Android-Mockup-Vorlagen für App-Prototypen

Veröffentlicht: 2016-08-18

Ein Mockup ist eine statische Visualisierung eines Endprodukts, sei es eine Website oder eine mobile Anwendung. Es zeigt die Informationsstruktur, das Farbschema, die Typografie und andere designbezogene Elemente des Produkts, auf deren Grundlage der Prototyp erstellt wird. Wenn Sie im Begriff sind, eine App für Android-Benutzer auf den Markt zu bringen, helfen Ihnen die folgenden Android-Mockup-Vorlagen auf jeden Fall, sofort mit dem Prototypen loszulegen. Sie können unser Android-Mockup-Tool verwenden, um schnell atemberaubende Android-App-Designs zu erstellen.

Diese Android-Mockup-Beispiele stellen unterschiedliche Benutzeroberflächen für verschiedene Apps dar, die auf dem Android-Betriebssystem ausgeführt werden. Die unten aufgeführten Android-Mockup-Vorlagen wurden fachmännisch mit Creately entworfen. Sie können die Vorlage einfach anklicken, um sie im Editor zu öffnen, um Änderungen nach Ihren Anforderungen vorzunehmen oder sie als Vorlage zu exportieren.

  • Android Mockup-Vorlage von Google Nexus App Drawer
  • Android Mockup-Vorlage eines Sperrbildschirms
  • Android-Mockup-Vorlage von Google Maps
  • Android-Mockup-Vorlage des Google Play Store
  • Mockup-Vorlage für den Android-Benachrichtigungsmanager
  • Android-Mockup-Vorlage für Kontakt-Apps
  • Android-Mockup-Vorlage einer Notizblock-App
  • Android-Mockup-Vorlage für Photo Store-Apps
  • Neue Android-Anwendung mit Social Signup
  • Android-Mockup-Vorlage für Kalender-Apps
  • Android-Mockup-Vorlage für Messaging-Apps

Android Mockup-Vorlage von Google Nexus App Drawer

Die folgende Android-Mockup-Vorlage wurde für Google Nexus entwickelt. Es zeigt das Layout von Apps in einer App-Schublade, die auch als App-Tray bezeichnet wird. Während Layoutobjekte und UI-Steuerelemente direkt in der App verfügbar sind, können Sie die App-Logos aus der Google-Suche oder dem in die Suchleiste integrierten IconFinder importieren. Klicken Sie auf die Vorlage, um sie nach Belieben zu bearbeiten.

Android Mockup-Vorlage von Google Nexus App Drawer

Klicken Sie auf das Bild, um es online zu ändern

Android Mockup-Vorlage eines Sperrbildschirms

Hier ist ein Android-Mockup-Beispiel eines Sperrbildschirms in einem Samsung-Telefon. Alle UI-Steuerelemente für Samsung-Geräte (ab KitKat) sind in der App verfügbar, und das Sperrbildschirm-Hintergrundbild können Sie einfach von Google importieren. Ein Bildschirm zeigt den Sperrbildschirm mit Benachrichtigungen und der andere zeigt eine Bildschirmsperre mit Muster. Klicken Sie auf das Bild, um die Vorlage online zu ändern.

Android Mockup-Vorlage eines Sperrbildschirms

Klicken Sie auf das Bild, um es online zu bearbeiten

Android-Mockup-Vorlage von Google Maps

Die folgende Android-Mockup-Vorlage zeigt die Benutzeroberfläche der Google Maps-App. In Creately finden Sie UI-Steuerelemente, von Karten bis hin zu erforderlichen Symbolen, um Navigations-Apps wie Google Maps zu entwerfen. Klicken Sie auf das Bild, um Änderungen vorzunehmen oder es als Vorlage zu exportieren.

Android-Mockup-Vorlage von Google Maps

Klicken Sie auf das Bild, um es online zu ändern

Android-Mockup-Vorlage des Google Play Store

Dieses Android-Template zeigt die Benutzeroberfläche des Google Play Store. Das Entwerfen einer benutzerorientierten Benutzeroberfläche wie der von Google Play Store ist mit Creately einfacher, da Symbole und Steuerelemente verfügbar sind und sich je nach Kontext automatisch konfigurieren können. Klicken Sie auf das Bild, um mit der Bearbeitung zu beginnen.

Android-Mockup-Vorlage des Google Play Store

Klicken Sie auf das Bild, um es online zu ändern

Mockup-Vorlage für den Android-Benachrichtigungsmanager

Die folgende Android-Mockup-Vorlage ist der Notification Manager; Es zeigt Statusleistenbenachrichtigungen in einem Google Nexus 6. Klicken Sie auf die Vorlage, um sie im Editor zu öffnen, damit Sie die erforderlichen Änderungen vornehmen können (App-Symbole ändern oder hinzufügen, Hintergrundbild ändern usw.).

Mockup-Vorlage für den Android-Benachrichtigungsmanager

Klicken Sie auf das Bild, um es online zu ändern

Android-Mockup-Vorlagen für Kontakt-Apps

Diese Android-Modellvorlage zeigt die Benutzeroberfläche der Kontakt-App in Android Lollipop 5.1.1. UI-Steuerelemente für Lollipop 5.0 sowie Marshmallow 6.0 sind in der App verfügbar. Egal, ob Sie eine App für Android Lollipop oder die neueste Version erstellen, mit Creately können Sie dies ganz einfach tun.

Android-Mockup-Vorlagen für Kontakt-Apps

Klicken Sie auf das Bild, um es online zu ändern

Android-Mockup-Vorlage einer Notizblock-App

Die folgende Android-Mockup-Vorlage zeigt die Benutzeroberfläche einer Notiz-App/Notizblock-App. Es wurden verschiedene Symbole verwendet, um 3 Arten von Noten anzuzeigen, und jede Note wurde zur Hervorhebung und Attraktivität farbcodiert. Der Bildschirm auf der linken Seite zeigt die Benutzeroberfläche der Startseite und der Bildschirm auf der rechten Seite zeigt die Benutzeroberfläche der Seite „Persönliche Notizen“.

Sie können ganz einfach Bildschirmübergänge zwischen mehreren UI-Bildschirmen erstellen, wie unten gezeigt. Klicken Sie auf das Bild, um die Vorlage online zu bearbeiten.

Android-Mockup-Vorlage einer Notizblock-App

Klicken Sie auf das Bild, um es online zu ändern

Android-Mockup-Vorlagen für Photo Store-Apps

Die 3 Modelle unten zeigen die Benutzeroberflächen einer Fotoshop-App; die App-Ladeseite, die Anmeldeseite und die Fotokaufseite. Wenn Sie ein anderes Farbthema bevorzugen, können Sie eines aus den voreingestellten Farbpaletten in der App auswählen oder manuell auswählen. Klicken Sie auf das Bild, um mit der Bearbeitung zu beginnen.

Android Mockup-Vorlage einer Photo Store App

Klicken Sie auf das Bild, um es online zu ändern

Android-Mockup-Vorlagen für Anwendungen mit sozialer Anmeldung

Hier ist die Benutzeroberfläche einer Android-App, mit der sich Benutzer mit ihren Social-Media-Konten (Twitter, Facebook und LinkedIn) anmelden können. Die Schaltflächen und Symbole für soziale Medien zum Erstellen einer ähnlichen Benutzeroberfläche sind in der App verfügbar. Klicken Sie auf das Bild, um es als Vorlage zu exportieren oder online zu bearbeiten.

Neue Android-Anwendung mit Social Signup

Klicken Sie auf das Bild, um es online zu ändern

Android-Mockup-Vorlagen für Kalender-Apps

Dies ist ein Android-Kalendermodell. Der Kalender einschließlich der relevanten Steuerelemente ist in der App leicht verfügbar, und Sie können ihn mithilfe einer bevorzugten Farbpalette anpassen, die der Kalender-App entspricht, die Sie entwerfen. Klicken Sie auf das Bild, um es im Editor zu öffnen und die erforderlichen Änderungen vorzunehmen.

Android-Mockup-Vorlagen für Kalender-Apps

Klicken Sie auf das Bild, um es online zu ändern

Android-Mockup-Vorlagen für Messaging-Apps

Dies hier ist eine Android-Mockup-Vorlage einer Kontaktschnittstelle für eine Messaging-App. Die UI-Steuerelemente, wie z. B. Kontaktsymbole, zum Entwerfen einer Messaging-App sind in der App verfügbar. Klicken Sie auf das Bild, um es als Vorlage zu exportieren.

Android-Mockup-Vorlagen für Messaging-Apps

Klicken Sie auf das Bild, um es online zu ändern

Oben aufgeführt sind nur einige Android-Mockup-Vorlagen, die in Creately verfügbar sind. Weitere Android-Mockup- Beispiele finden Sie auf der Seite mit Android-Mockup-Beispielen. Denken Sie daran, gelegentlich vorbeizuschauen, da wir häufig neue Beispiele hinzufügen.

Weitere Diagrammvorlagen

  • Anwendungsfalldiagramm-Vorlagen
  • Vorlagen für Fishbone-Diagramme
  • Mindmap-Vorlagen
  • Vorlagen für Geschäftsprozessmodelle
  • Storyboard-Vorlagen
  • Vorlagen für Netzwerkdiagramme
  • Vorlagen für Venn-Diagramme
  • KWL-Diagrammvorlagen
  • Vorlagen für Projektstrukturpläne
  • SWOT-Analysevorlagen
  • Klassendiagrammvorlagen
  • ER-Diagrammvorlagen
  • Vorlagen für Sequenzdiagramme
  • Organigramm-Vorlagen
  • Vorlagen für Gantt-Diagramme
  • Vorlagen für Aktivitätsdiagramme
  • Vorlagen für Bereitstellungsdiagramme
  • AWS-Architekturdiagrammvorlagen
  • UI-Modellvorlagen
  • Cisco-Vorlagen
  • Sitemap-Vorlagen
  • Vorlagen für Datenflussdiagramme