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

Popular posts from this blog

Advanced Typography | Exercises

Design Exploration | Projects

Advanced Typography | Final Project