Opdrachtomschrijving - Onderdeel #3
Omschrijving
Voor het nieuwe streaming platform Rhythm zet je de gemaakte interface om in een interactief prototype met behulp van Principle. Het prototype laten de werking en de flow van de interface zien. Je prototype geven verschillende transities weer tussen schermen en componenten hebben duidelijke states naar aanleiding van user interaction. Het interactive interface bevat basic motion design principles en het eindresultaat is te zien door middel van een mock up op het uiteindelijk device.
Leerdoelen
Subleerdoel: De Interface onder de knie krijgen en alle panels kunnen benoemen.
Subleerdoel: Document setup en preferences instellen.
Subleerdoel: Shortcuts kennen voor de meest gebruikte acties.
Subleerdoel: Het sketch design laden in Principle en binnen principle een werkbestand weten op te zetten.
Subleerdoel: Binnen Principle kunnen werken met artboards, drivers & animation.
Subleerdoel: Basis Motion design principes kunnen benoemen.
Subleerdoel: Binnen Principle kunnen werken met easing en animation.
Subleerdoel: Transitions vloeiend laten verlopen.
Beoordeling
Onderdeel 3.1 - Animation
Aan voorwaarden voldaan:
- Smooth transition tussen verschillende states (geen harde transitions)
- Gebruik gemaakt van verschillende events
- Micro interacties in components
- Drivers om met objecten te interacteren
- Gebruik gemaakt van easing
- Basis motion design principes gebruikt (acceleration)
- Creation van objecten vanuit logische positions
Ophoging ten behoeve van creativiteit:
- Interessante transitions tussen states
Onderdeel 3.2 - Mockup
Aan voorwaarden voldaan:
- Correcte device
- Touch cursor is zichtbaar
- Heeft een duidelijke flow met een zichtbaar begin en eind
Ophoging ten behoeve van creativiteit:
- Toevoegingen aan mockup (presentatie, ornamenten perspective)
- Eventuele motion spec (duration, easing graphs)
Inleveren
Je levert je eindresultaat en de tussenopdrachten in op de volgende manier:
- Naam van het bestand: Voornaam_Achternaam_Studentnummer_OnderdeelX_Prototype
- Bestandsformaat: Je levert je .prd file in en een .mp4 van je animatie. Je kan deze het beste zippen.
- De tussenopdrachten verwerk je in je uiteindelijke prototype en hoef je dus niet op aparte pages / bestanden te laten zien. Wel ga ik hier tijdens de les natuurlijk naar vragen en wil ik deze terug zien in je eindresultaat.