Design en enkel app
Lag en prototype i Keynote
Lag en prototype av appen din i Keynote.
Estimert tid det tar å fullføre denne økten:
40 min
Lag en prototype av appen din i Keynote.
Estimert tid det tar å fullføre denne økten:
40 min
Bruk det tomme lysbildet i delen Prototype i Keynote-presentasjonen av prosjektet til å lage prototypen din. Dupliser lysbildet hvis du trenger flere.
Lær mer om Keynote-funksjoner som du kanskje kan få bruk for i appen din. Hver del bruker appen med positive bekreftelser som eksempel.
Legg til tekst, linjer og figurer.
Trinn 1
For å legge til tekst, linjer eller figurer må du trykke på Figurer og velge et element.
Trinn 2
Trykk på Medier for å legge til bilder, lydfiler, tegninger eller videoer.
Trinn 3
Hvis du vil endre størrelsen på en figur eller et bilde, drar du bare i de blå håndtakene i hjørnene til du får ønsket størrelse.
Trinn 4
Dobbelttrykk på en figur for å legge til tekst.
Trinn 5
Legg til alle elementene i appen din og juster dem til riktig størrelse.
Velg titler, bilder og knapper med omhu.
Rediger fargen og gjennomsiktighetsgraden til elementene i prototypen din.
Trinn 1
Vis lysbildenavigeringen.
Trinn 2
Endre bakgrunnen ved å markere lysbildet og trykke på Format .
Trinn 3
Trykk på Bakgrunn og velg en farge, en fargeforløpning eller et bilde.
Trinn 4
Trykk på Dynamisk for å legge til en bakgrunn med bevegelse.
Trinn 5
Endre fargen i en figur.
Trykk på én eller flere figurer, trykk på Format, og trykk deretter på Fyll.
Trinn 6
Bruk Opasitet-skyveknappen til å justere hvor gjennomsiktig et element skal være.
Marker elementet, trykk på Format, og bruk deretter Opasitet-skyveknappen til å velge ønsket gjennomsiktighet.
Trinn 7
Bruk kontrollene til å redigere tekststilen.
Trykk for å markere teksten, trykk på Format, og trykk deretter på Tekst.
Trinn 8
Fortsett å redigere designen av prototypen din til du er fornøyd med den.
Gjør app-prototypen interaktiv ved å legge til lenker mellom lysbildene.
Trinn 1
Avgjør om appen din trenger noen overganger eller interaktive funksjoner.
Tips
Hvis du vil gjøre prototypen din interaktiv, kan du bruke flere lysbilder til å legge til eller endre elementer.
Trinn 2
Hvis du vil legge til et lysbilde, trykker du på lysbildet, og deretter trykker du på Dupliser.
Trinn 3
Hvis du vil lage en lenke, markerer du elementet, og deretter velger du Lenke.
Trinn 4
Bestem deg for hvor lenken skal gå. Du kan lenke til et lysbilde, et nettsted, en e-postadresse eller et telefonnummer.
Tips
Hvis du vil at prototypen skal oppføre seg som en app, må du bare tillate navigasjon via lenker.
Trinn 5
Hvis du vil velge en presentasjonstype, trykker du på navnet på presentasjonen, trykker på Presentasjonsvalg, og deretter trykker du på Type presentasjon.
Trinn 6
Trykk på Kun lenker.
Trinn 7
Fortsett å lage lysbilder og lenker til appen er ferdig. Trykk på Spill av og test lenkene etter hvert som du legger dem til.
Trinn 8
Trykk på Spill av og test alle de mulige rutene gjennom appen din. Støter du på noen blindveier? I så fall bør du legge til en lenke for å forsikre deg om at brukeren aldri blir stående fast.
Bruk animasjoner for å legge til, forbedre eller fjerne elementer.
Trinn 1
For å legge til en animasjon må du først trykke på elementet du vil animere, og deretter velge Animer.
Trinn 2
Prøv deg frem med de ulike animasjonsalternativene.
Legg til Bygg inn legger til elementet på skjermen.
Legg til handling utfører en handling.
Legg til Bygg ut fjerner elementet fra skjermen.
Trinn 3
Prøv deg frem med de forskjellige animasjonene i menyen for å se hva som passer.
Trykk på Tilbake når du er ferdig.
Trinn 4
Trykk på animasjonen og juster innstillingene slik du vil ha dem. Trykk deretter på Ferdig.
Tips
Hvis du bruker presentasjonstypen Kun lenker, spilles animasjoner av automatisk rett etter en overgang.
Trinn 5
Trykk på Byggrekkefølge for å redigere bygginnstillingene.
Trinn 6
Trykk på Etter overgang på den første animasjonen.
Trinn 7
Trykk på Etter bygg på alle andre animasjoner.
Trinn 8
Trykk på Forhåndsvis for å teste animasjonene dine. Fortsett å redigere til appen både ser ut og fungerer slik du vil.
Neste trinn: