Startseite

Keynote Prototyp

Eine einfache App entwerfen

Keynote Prototyp

Erstellen Sie in Keynote einen Prototyp Ihrer App.

Geschätzte Bearbeitungszeit für diese angeleitete Übung:

40 Min.

Ihren Keynote Prototyp erstellen.

Verwenden Sie die leere Folie im Abschnitt Keynote Prototyp in der Projektpräsentation Keynote, um Ihren Prototyp zu erstellen. Duplizieren Sie die Folie bei Bedarf.

Keynote Tools entdecken.

Erfahren Sie mehr über die folgenden Features von Keynote, die Sie in Ihrer App verwenden können. In jedem Abschnitt wird die App „Affirmationen“ als Beispiel verwendet.

Elemente hinzufügen.

Fügen Sie Text, Linien und Formen hinzu.

Schritt 1

Um Text, Linien oder Formen hinzuzufügen, tippen Sie auf „Formen“ und wählen Sie ein Element.

Schritt 2

Tippen Sie auf „Medien“ , um Bilder, Audio, Zeichnungen oder Videos hinzuzufügen.

Schritt 3

Um die Größe einer Form oder eines Bilds zu ändern, ziehen Sie die blauen Ecken an die gewünschte Position.

Schritt 4

Doppeltippen Sie auf eine Form, um Text hinzuzufügen.

Schritt 5

Fügen Sie alle Elemente für Ihre App hinzu und passe Sie ihre Größe an.

Denken Sie dabei an Titel, Bilder und Tasten.

Farbe hinzufügen.

Bearbeiten Sie die Farbe und Deckkraft der Elemente in Ihrem Prototyp.

Schritt 1

Blenden Sie den Foliennavigator ein.

Schritt 2

Ändern Sie den Hintergrund, indem Sie die Folie auswählen und auf „Format“ tippen.

Schritt 3

Tippen Sie auf „Hintergrund“ und wählen Sie eine Farbe, einen Verlauf oder ein Bild aus.

Schritt 4

Tippen Sie auf „Dynamisch“, um einen bewegten Hintergrund hinzuzufügen.

Schritt 5

Ändern Sie die Farbe einer Form.

Tippen Sie auf die Form oder auf mehrere Formen, tippen Sie auf „Format“ und dann auf „Füllung“.

Schritt 6

Passen Sie mit dem Schieberegler „Deckkraft“ die Deckkraft eines Elements an.

Wählen Sie das Element aus, tippen Sie auf „Format“ und bewegen Sie den Schieberegler, bis die gewünschte Deckkraft erreicht ist.

Schritt 7

Bearbeiten Sie den Textstil mit den verfügbaren Steuerelementen.

Tippen Sie, um Text auszuwählen. Tippen Sie auf „Format“ und dann auf „Text“.

Schritt 8

Bearbeiten Sie den Entwurf Ihres Prototyps, bis Sie zufrieden sind.

Elemente interaktiv machen.

Machen Sie Ihren App-Prototyp interaktiv, indem Sie Links zwischen den Folien hinzufügen.

Schritt 1

Überlegen Sie, ob es in Ihrer App Übergänge oder Interaktivität geben soll.

Tipp

Um Ihren Prototyp interaktiv zu machen, können Sie mehrere Folien verwenden, um Elemente hinzuzufügen oder zu ändern.

Schritt 2

Um eine Folie hinzuzufügen, tippen Sie auf die Folie und dann auf „Duplizieren“.

Schritt 3

Um eine Link zu erstellen, wählen Sie das Element aus und wählen dann „Link“.

Schritt 4

Entscheiden Sie, womit das Element verlinkt werden soll. Sie können eine Folie, eine Webseite, eine E-Mail oder eine Telefonnummer verlinken.

Tipp

Damit sich Ihr Prototyp wie eine App verhält, erlauben Sie nur die Navigation über Links.

Schritt 5

Tippen Sie zur Auswahl eines Präsentationstyps auf den Namen Ihrer Präsentation, auf „Präsentationsoptionen“ und dann auf „Präsentationstyp“.

Schritt 6

Tippen Sie auf „Nur Links“.

Schritt 7

Erstellen Sie weitere Folien und Links, bis Ihre App fertig ist. Teste Sie die Links nach dem Hinzufügen, indem Sie auf „Vorführen“ tippen.

Schritt 8

Tippen Sie auf „Vorführen“ und navigieren Sie über alle möglichen Pfade durch Ihre App. Gibt es Sackgassen? Wenn ja, fügen Sie einen Link hinzu, um sicherzustellen, dass Benutzer:innen beim Navigieren nicht stecken bleiben.

Animationen hinzufügen.

Verwenden Sie Animationen, um Elemente hinzuzufügen, zu verstärken oder zu entfernen.

Schritt 1

Um eine Animation hinzuzufügen, tippen Sie auf das Element, das Sie animieren wollen, und wählen Sie „Animieren“.

Schritt 2

Probieren Sie die verschiedenen Animationsoptionen aus.

„Aufbau hinzufügen“ fügt das Element zum Bildschirm hinzu.

„Aktion hinzufügen“ führt eine Aktion aus.

„Abbau hinzufügen“ entfernt das Element vom Bildschirm.

Schritt 3

Probieren Sie die verschiedenen Animationen aus dem Menü aus, um zu sehen, was gut passt.

Tippen Sie auf „Zurück“ , wenn Sie fertig sind.

Schritt 4

Tippen Sie auf Ihre Animation und passen Sie die Einstellungen nach Ihrem Belieben an. Tippen Sie dann auf „Fertig“.

Tipp

Wenn Sie den Präsentationstyp „Nur Links“ verwenden, werden die Animationen nur nach einem Übergang nacheinander abgespielt.

Schritt 5

Tippen Sie auf „Abfolge“ , um die Einstellungen für die Abfolge zu bearbeiten.

Schritt 6

Tippen Sie bei der ersten Animation auf „Nach Übergang“.

Schritt 7

Bei allen anderen Animationen tippen Sie auf „Nach Animation“.

Schritt 8

Tippen Sie auf „Vorführen“ , um Ihre Animationen zu testen. Bearbeiten Sie Ihre App weiter, bis sie so aussieht und funktioniert, wie Sie es sich vorstellen.

Als Nächstes: