Keynote-prototype

Een eenvoudige app ontwerpen

Keynote-prototype

Maak in Keynote een prototype van je app.

Geschatte tijd voor het afronden van deze tutorial:

40 min.

Je Keynote-prototype maken.

Gebruik de lege dia in het gedeelte ‘Keynote-prototype’ van de Keynote-projectpresentatie om je prototype te ontwerpen. Als het nodig is, kun je de dia dupliceren.

Keynote-tools verkennen.

Lees meer over de volgende features van Keynote die in je app van pas kunnen komen. In elk gedeelte wordt de Affirmaties-app als voorbeeld gebruikt.

Elementen toevoegen.

Voeg tekst, lijnen en vormen toe.

Stap 1

Om tekst, lijnen of vormen toe te voegen, tik je op ‘Vormen’ en kies je een element.

Stap 2

Tik op ‘Media’ om afbeeldingen, audio, tekeningen of video toe te voegen.

Stap 3

Om de grootte van een vorm of afbeelding te wijzigen, sleep je de blauwe hoeken naar de gewenste plek.

Stap 4

Tik dubbel op een vorm om er tekst aan toe te voegen.

Stap 5

Voeg alle elementen voor je app toe en geef ze de juiste grootte.

Denk ook aan titels, afbeeldingen en knoppen.

Kleur toevoegen.

Bewerk de kleur en transparantie van de elementen in je prototype.

Stap 1

Maak het dianavigatiepaneel zichtbaar.

Stap 2

Wijzig de achtergrond door de dia te selecteren en op ‘Opmaak’ te tikken.

Stap 3

Tik op ‘Achtergrond’ en kies een kleur, verlooptint of afbeelding.

Stap 4

Tik op ‘Dynamisch’ om een bewegende achtergrond toe te voegen.

Stap 5

Wijzig de kleur van een vorm.

Tik op een of meerdere vormen, tik op ‘Opmaak’ en tik op ‘Vulling’.

Stap 6

Pas de transparantie van een element aan met de schuifknop voor ondoorzichtigheid.

Selecteer het element, tik op ‘Opmaak’ en versleep de schuifknop voor ondoorzichtigheid tot de gewenste transparantie is bereikt.

Stap 7

Gebruik de beschikbare regelaars om de tekststijl te bewerken.

Tik om de tekst te selecteren, tik op ‘Opmaak’ en tik op ‘Tekst’.

Stap 8

Ga door met het bewerken van het ontwerp van je prototype tot je er helemaal tevreden over bent.

Elementen interactief maken.

Maak het prototype van je app interactief door links tussen dia’s toe te voegen.

Stap 1

Bedenk of je app overgangen nodig heeft of interactief moet zijn.

Tip

Om je prototype interactief te maken, gebruik je meerdere dia’s om elementen toe te voegen of te wijzigen.

Stap 2

Om een dia toe te voegen, tik je op een dia en tik je op ‘Dupliceer’.

Stap 3

Om een link aan te maken, selecteer je het element en kies je ‘Link’.

Stap 4

Bepaal waar de link naartoe moet gaan. Een link kan naar een dia, een webpagina, een e‑mail of een telefoonnummer gaan.

Tip

Als je wilt dat je prototype zich als een app gedraagt, moet je alleen navigatie via links toestaan.

Stap 5

Om een presentatietype te selecteren, tik je op de naam van de presentatie, tik je op ‘Presentatie-opties’ en tik je op ‘Type presentatie’.

Stap 6

Tik op ‘Alleen links’.

Stap 7

Ga door met het maken van dia’s en links totdat je app voltooid is. Tik bij elke link die je toevoegt op ‘Speel af’ en test de link.

Stap 8

Tik op ‘Speel af’ en doorloop alle mogelijke routes door je app. Zijn er doodlopende routes? Als dat zo is, voeg je een link toe om ervoor te zorgen dat je gebruiker nooit vastloopt.