iPhone-Mockup-Vorlagen zum Entwerfen von iPhone-Anwendungen

Veröffentlicht: 2015-10-16

Haben Sie schon unsere neuen iPhone-Mockup-Vorlagen ausprobiert? Werfen Sie einen Blick auf unser neues iPhone-Mockup-Tool, um professionell aussehende Prototypen zu erstellen.

Creately hat einige einzigartige und produktive Funktionen, mit denen Sie iPhone-Modelle erstaunlich schnell erstellen können. Egal, ob Sie für eine alte iOS-Version oder die neueste Version entwerfen, Sie können das Erscheinungsbild mit ein paar einfachen Klicks ändern. Jetzt können alle Benutzer, unabhängig von ihrem Abonnementplan, professionelle iPhone-Modelle für iOS 8 erstellen. Nicht zu vergessen, einige dieser Modelle funktionieren auch für iOS 9. Beginnen wir mit den Vorlagen

  • Persönliches Portfolio-App-Mockup
  • Neues Kontaktfenster-Mockup hinzufügen
  • Reiseführer-App-Mockup
  • iPhone-Einstellungsbildschirm-Mockup
  • iPhone-Sperrbildschirm-Mockup
  • iPhone Multipicker-Mockup
  • Facebook-App für iPhone Mockup
  • iPhone-Eingabehilfen-Einstellungen Bildschirmmodell
  • iPhone App Store-Mockup
  • iPad – E-Mail-Konto-Mockup hinzufügen
  • iPhone Batterieprozentsatz Mockup
  • iPhone Location Map Mockup
  • iPhone Mailserver-Mockup
  • iPhone-Kontaktliste
  • iPhone-Videoplayer-Mockup

Personal Portfolio App Mockup zur Erstellung eines professionellen Prototyps

Das folgende Beispiel wurde in der Creately-App erstellt und der gesamte Vorgang dauerte weniger als 15 Minuten

Personal Portfolio App Mockup (Click on the image to modify online)

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

Neues Kontaktfenster-Mockup für iOS 8 und iOS 9 hinzufügen

Eine der coolsten Funktionen, die Sie finden können, ist, dass unsere Objekte so gestaltet sind, dass sie am Gerät einrasten, sobald Sie es darüber ziehen. Sie müssen nichts bewegen und manuell ausrichten, alles wird automatisch für Sie erledigt.

Add New Contact Window Mockup (Click on the image to modify online)

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

Bewegen Sie das Keypad-Objekt über den Geräterahmen und es passt sich automatisch dem Gerät an. Sie können den Schriftstil des Tastenfelds auch im Eigenschaftenbereich auswählen.

Reiseführer-App-Mockup für Produkt-Startups

Sie können unsere iPhone-Modelle verwenden, um eine Demo Ihrer App mit mehreren Bildschirmen zu präsentieren. Das folgende Beispiel zeigt einen Prototyp einer Reiseführer-App. Dieses Beispiel wurde ausschließlich mit unseren iOS-Steuerelementen und -Objekten erstellt.

Traveling Guide App Mockup (Click on the image to use online)

Klicken Sie auf das Bild, um es online zu verwenden

iPhone-Einstellungsbildschirm-Mockup für iOS 8 bis iOS 9

Das folgende Beispiel zeigt das Einstellungsfenster von iOS 8. Sie können diese Vorlage auch verwenden, um sie gemäß den Einstellungen von iOS 9 zu ändern. Klicken Sie auf das Bild, um es jetzt zu verwenden.

iPhone Setting Screen Mockup (Click on the image to use online)

Klicken Sie auf das Bild, um es online zu verwenden

iPhone-Sperrbildschirmmodell zur Verwendung für iOS 8 und iOS 9

Sie können benutzerdefinierte Bilder importieren, um dem iPhone-Sperrbildschirm ein Hintergrundbild hinzuzufügen. Das standardmäßig unterstützte Betriebssystem ist iOS 8 und Sie können es auch für den Sperrbildschirm von iOS 9 anpassen. Sie können die Anzahl der Passcodes auf 6 erhöhen, da sie in iOS 9 aktualisiert werden. Klicken Sie auf das Bild, um es jetzt als Vorlage zu verwenden.

iPhone Lock Screen Mockup (Click on the image to use online)

Klicken Sie auf das Bild, um es online zu verwenden

iPhone Multipicker Mockup zur Unterstützung mehrerer Funktionen

iPhone Multipicker Mockup kann für Adressbuch, Hinzufügen neuer Kontakte, Kalender usw. verwendet werden. Dies unterstützt iOS 8 und für iPhone 6 und iPhone 6 Plus. Klicken Sie auf das Bild, wenn Sie es als Vorlage verwenden möchten.

iPhone Multipicker Mockup (Click on the image to use online)

Klicken Sie auf das Bild, um es online zu verwenden

Facebook-App-Mockup für iPhone

Die folgende Vorlage zeigt die Benutzeroberfläche der Facebook-App auf einem iPhone. iOS-Steuerelemente und -Objekte zum Entwerfen von iOS-UI-Mockups für Social-Media-Apps wie Facebook sind in der App verfügbar. Klicken Sie auf das Bild, um mit der Bearbeitung der Vorlage nach Ihren Bedürfnissen zu beginnen.

Facebook-App-Mockup für iPhone

Klicken Sie auf das Bild, um es online zu verwenden

iPhone-Eingabehilfen-Einstellungen Bildschirmmodell

Dies ist eine iPhone-Mockup-Vorlage des Einstellungsbildschirms für Eingabehilfen des iPhones. Es wurde unter Verwendung der nativen iOS-App-Steuerelemente von Creately entwickelt, mit denen ähnliche native App-Bildschirmmodelle erstellt werden können. Klicken Sie auf das Bild, um mit der Bearbeitung der Vorlage zu beginnen.

IPhone Accessibility Settings Screen Mockup

Klicken Sie auf das Bild, um es online zu verwenden

iPhone App Store-Mockup

Unten sehen Sie ein iOS-UI-Mockup des iPhone App Store. Die App-Logos können direkt in der App einfach importiert oder über Google durchsucht werden. Klicken Sie auf das Bild, um es online zu bearbeiten.

iPhone App Store-Mockup

Klicken Sie auf das Bild, um es online zu verwenden

iPad – E-Mail-Konto hinzufügen

Die folgende UI-Mockup-Vorlage zeigt die Benutzeroberfläche zum Einrichten eines E-Mail-Kontos in der nativen E-Mail-App des iPad. Das Erstellen eines UI-Modells für eine iPad- oder iPhone-App, die so fortschrittlich ist wie die native iOS-Mail-App, ist mit Creately ein Kinderspiel. Klicken Sie auf das Bild, um es zu bearbeiten oder als Vorlage zu verwenden.

iPad - E-Mail-Konto hinzufügen

Klicken Sie auf das Bild, um es online zu verwenden

Prozentsatz der iPhone-Batterie

Diese iPhone-Mockup-Vorlage zeigt die Einstellungen für die iPhone-Akkunutzung. Mit den in der App verfügbaren iOS-Icons und Controls lässt sich eine ähnliche Benutzeroberfläche einfach und schnell erstellen. Klicken Sie einfach auf das Bild, um es als Vorlage zu verwenden.

Prozentsatz der iPhone-Batterie

Klicken Sie auf das Bild, um es online zu verwenden

iPhone-Standortkarte

Mit der iPhone Maps-App können Sie Wegbeschreibungen zu Ihrem Ziel erhalten, zusammen mit Details, z. B. welche Orte in der Nähe sind, wie Sie Verkehr vermeiden können usw. Unten sehen Sie ein iPhone-Standortkartenmodell. Vom Telefonbildschirm bis hin zu Schaltflächen und Symbolen, die zum Erstellen eines Navigations-App-UI-Modells benötigt werden, ist direkt in der App verfügbar. Klicken Sie einfach auf das Bild, um loszulegen.

Vorlage für eine iPhone-Standortkarte

Klicken Sie auf das Bild, um es online zu verwenden

iPhone Mailserver-Mockup

Die UI-Mockup-Vorlage unten zeigt den Bildschirm „Neues Konto“ der nativen iOS-Mail-App hinzufügen. Klicken Sie auf das Bild, um es mit den gewünschten Informationen zu bearbeiten.  

iPhone Mailserver-Mockup

Klicken Sie auf das Bild, um es online zu verwenden

iPhone-Kontaktlistenmodell

Die folgende iPhone-Mockup-Vorlage ist die Benutzeroberfläche der Kontaktliste des iPhones. Klicken Sie auf das Bild, um es zu bearbeiten oder als Vorlage zu exportieren.

iPhone-Kontaktliste

Klicken Sie auf das Bild, um es online zu verwenden

iPhone-Videoplayer-Mockup

Dies ist ein UI-Mockup-Beispiel des neuesten iPhone-Videoplayers in iOS 8 und 9. Creately bietet Steuerelemente und Symbole für iOS 8 und 9, die beim Erstellen von iPhone-UI-Mockups für ähnliche Videoplayer-Apps nützlich sind. Klicken Sie auf das Bild, um es online zu ändern.

iPhone-Videoplayer-Mockup

Klicken Sie auf das Bild, um es online zu verwenden

Es ist nicht immer einfach, bei Null anzufangen. Aus diesem Grund haben wir einige fertige Vorlagen, mit denen Sie schnell loslegen können. Unsere Diagramm-Community bietet professionell gestaltete Vorlagen, damit Sie sofort loslegen können. Außerdem werden unserer Diagramming-Community jeden Tag viele hinzugefügt. Wenn Ihnen also jemals die Ideen für iPhone-Modelle ausgehen, können Sie in unserer Community nach Inspiration suchen.

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
  • Vorlagen für Cisco-Netzwerkdiagramme