Formge en enkel app
Keynote-prototyp
Skapa en prototyp av din app i Keynote.
Beräknad tidsåtgång för den här handledningen:
40 min
Skapa en prototyp i Keynote.
Skapa din prototyp i den tomma presentationsbilden i avsnittet Keynote-prototyp i projektpresentationen i Keynote. Duplicera bilden om det behövs.
Utforska Keynote-verktyg.
Lär dig om funktioner i Keynote som du kanske vill använda i din app. I varje avsnitt används appen Affirmations som exempel.
Lägg till element.
Lägg till text, linjer och former.
Steg 1
Lägg till text, linjer och former genom att trycka på Former och välja ett element.
Steg 2
Tryck på Medier för att lägga till bilder, ljud, teckningar eller video.
Steg 3
Ändra storlek på en form eller bild genom att dra i de blå hörnen till önskad plats.
Steg 4
Tryck två gånger på en form för att lägga till text.
Steg 5
Lägg till alla element för din app och ändra till rätt storlek.
Det kan till exempel vara titlar, bilder och knappar.
Lägg till färger.
Ändra färg och transparens för element i din prototyp.
Steg 1
Visa bildnavigatorn.
Steg 2
Ändra bakgrunden genom att välja presentationsbild och trycka på Format .
Steg 3
Tryck på Bakgrund och välj en färg, övertoning eller bild.
Steg 4
Tryck på Dynamiska för att lägga till en rörlig bakgrund.
Steg 5
Gör så här för att ändra färg på en form.
Tryck på en eller flera former, tryck på Format och tryck sedan på Fyll.
Steg 6
Använd opacitetsreglaget för att justera transparensen för ett element.
Markera elementet, tryck på Format och dra opacitetsreglaget till önskad transparens.
Steg 7
Använd reglagen för att redigera textstil.
Tryck för att markera texten, tryck på Format och tryck sedan på Text.
Steg 8
Fortsätt ändra designen av din prototyp tills du känner dig nöjd.
Gör elementen interaktiva.
Gör prototypen till din app interaktiv genom att lägga till länkar mellan sidorna.
Steg 1
Bestäm om din app behöver några övergångar eller interaktiva element.
Tips
Gör din prototyp interaktiv genom att använda flera presentationsbilder för att lägga till eller ändra element.
Steg 2
Lägg till en presentationsbild genom att trycka på bilden. Tryck sedan på Duplicera.
Steg 3
Skapa en länk genom att markera elementet och sedan markera Länk.
Steg 4
Bestäm vart länken ska leda. Du kan länka till en presentationsbild, en webbsida, ett mejl eller ett telefonnummer.
Tips
Tillåt endast navigering genom länkar för att få din prototyp att fungera som en app.
Steg 5
Gör så här för att välja presentationstyp: tryck på namnet på din presentation, tryck på Presentationsalternativ och tryck sedan på Presentationstyp.
Steg 6
Tryck på Endast länkar.
Steg 7
Fortsätt att skapa presentationsbilder och länkar tills din app är klar. Tryck på uppspelningsknappen och testa länkarna när du lägger till dem.
Steg 8
Tryck på uppspelningsknappen och följ alla möjliga vägar genom appen. Fastnar man någonstans? Lägg i så fall till en länk så att användaren kan gå vidare.
Lägg till animationer.
Använd animationer för att lägga till, förstärka eller ta bort element.
Steg 1
Lägg till en animation genom att trycka på elementet som du vill animera och välja Animera.
Steg 2
Utforska de olika animationsalternativen.
Lägg till Bygg in lägger till elementet på skärmen.
Lägg till animering lägger till en animering.
Lägg till Bygg ut tar bort element från skärmen.
Steg 3
Prova olika animationer i menyn för att se vad som passar.
Tryck på Tillbaka när du är klar.
Steg 4
Tryck på animationen och justera inställningarna som du vill ha dem. Tryck sedan på Klar.
Tips
Om du använder presentationstypen Endast länkar spelas animationerna bara upp efter varandra efter en övergång.
Steg 5
Tryck på Byggordning för att ändra bygginställningarna.
Steg 6
Tryck på Efter övergång på den första animationen.
Steg 7
Tryck på Efter bygge på alla andra animationer.
Steg 8
Tryck på Förhandsvisa för att testa animationerna. Fortsätt att redigera tills din app ser ut och fungerar som den ska.
1 av 0 Nästa :