Advance Interactive Design | Project 1
26/08/2020-16/09/2020 (Week 1 - Week 4)
Yeo Ava (0340222)
Advance Interactive Design
Project 1
Lecture Notes
Briefing
26.08.2020 | Week 1
Mr Lun briefed us on the module and what to expect from this module. HE also showed some of the senior's work.
Tutorial on Adobe Animate
02.09.2020 | Week 2
Mr Lun gave us a tutorial on how to use Adobe Animate and the basics of the software.
He taught us how to create pages, buttons, animate shapes and key in scripts for different functions.Instructions
Project 1 : Interactive Applications
26.08.2020 - 02.09.2020 | Week 1 - Week 2
For this project we were asked to use Adobe Animate to create a prototype UI animation for a service application. For my service app, I've decided to recreate Ikea's App & the interface.
Basic requirement :
- 5 screens / pages
- interface transitions / animations
- working button scripting
I began my execution by designing the wireframe on Adobe Illustrator.
![]() |
| Fig 1.1 Fidelity wireframe on Adobe Illustrator |
![]() |
| Fig 1.2 Fidelity wireframe on Adobe Illustrator |
![]() |
| Fig 1.3 Fidelity wireframe on Adobe Illustrator |
09.09.2020 - 16.09.2020 | Week 3 - Week 4
After finalising the design, I moved on my execution to Adobe Animate.
![]() |
| Fig 2.1 Process on Adobe Animate |
![]() |
| Fig 2.2 Process on Adobe Animate |
![]() |
| Fig 2.3 Process on Adobe Animate |
Submission







Comments
Post a Comment