ADVANCED INTERACTIVE DESIGN // FINAL TASK

31/08/23-08/12/23(Week 1 - Week 14 )

Chai HongHong/0354211/Bachelor of Design (Honours) in Creative Media

Advanced Interactive Design // Final Task / Thematic Interactive Website




Final Task

Process

In the Index page, create a tween animation for layer 3, add a motion track, and when exporting the file, loop the timeline to make the animation loop.

Fig.1.1

Fig.1.2

In the Display page, convert the product into a component and create a tween animation. The starting position is outside the stage, and the middle frame and ending key frame are animated.

Fig.1.3

In Product, create tweens for the three products in the upper left corner in order. After layer 2 ends, layer 3 begins. After layer 3 ends, layer 4 begins. Export the file to cycle the timeline.

Fig.1.4


This is a very challenging task, we need to create animated web pages in animate CC, which I find difficult. However, by learning this task I gained basic skills in using animation tools and learned how to export and deploy these animations. This is a practical skill that allows my creativity to be realized in real projects. In the process of completing the task, I constantly tried different animation effects, componentization practices and timing control. This constant practice and experimentation is an integral part of the learning process. Throughout the process, by reflecting on my work, I found some room for improvement, which helped to continually improve my skills and approach. Overall, this task helped me gain some useful experience in animation design, componentization, timing control and tool use. Continuing to stay curious and keep trying new technologies and methods will help me grow in the field of front-end development and design.
















Comments

Post a Comment

Popular posts from this blog

Games Development

Image
23.04.2025 - 27.07.2025 (Week1-Week15) ZengYu/035538​​​​8 Chai HongHong/0354211 Bachelor of Design (Hons) in Creative Media Game Development INSTRUCTIONS Our Google Drive Submission Link： https://drive.google.com/drive/folders/1J4MP9nAnGTgJlgFNlyGJDq4o1plwtkaO?usp=drive_link Task 1 -  Game Design Document   In this task, we are required to design a 2D side-scrolling/platformer game and create a Game Design Document (GDD). The GDD should outline: Game concept and mechanics Character design and abilities Level and world design Art style and visuals Weekly Progress Final Proposal Submission Task 1 Feedback We named the game "Run, Eggsy!", which shaped the core concept and gameplay framework of the game eggman's adventure. Our goal is to create a humorous, trap-filled platformer inspired by games like Level Devil, with a unique twist on the typical puzzle adventure formula. While the project is still in progress, here are some key observations and conclusions so far: Clear ch...
Read more

Advanced Typography / Final Compilation & Reflection

Image
30.08.2023-29.11.2023（Week1-Week14） Chai HongHong/0354211/Creative Media Design. Advanced Typography /  Final Compilation & Reflection                                 INSTRUCTION Task 1:  Typographic Systems & Type & Play Task 2:  Key Artwork and Collateral Task 3:   Type Exploration and Application SUBMISSIONS Task 1 Exercise 1/Typographic Systems Fig.1.1. Axial Final attempt. Fig.1.2. Radial final attempt Fig.1.3. Modular final attempt Fig.1.4. Random final attempt Fig.1.5. Dilatational attempt Fig.1.6. Transitional final attempt Fig.1.7. Grid final attempt Fig.1.8. Bilateral final attempt PDF.1.1. Task 1/Exercise 1/Typographic Systems PDF.1.2. Task 1/Exercise 1/Typographic Systems/Grid Exercise 2/ Type & Play Fig.1.8. Final A Fig.1.9. Final L Fig.1.10. Final M Fig.1.11. Final U PDF.1.3. Task 1/Exercise 2 Fig.1.12. Final Poster  PD...
Read more

Application Design I / Final Task

Image
16.06.2023 - 24.07.2023 / Week 12 - Week 16 Chai HongHong / 0354211 Application Design I / Bachelor of Design (Hons) in Creative Media Final Task /  High-Fidelity Prototype INSTRUCTION  Final Task:  High-Fidelity Prototype Original Design In this task, a high-fidelity prototype is to be created for the mobile application. This prototype showcases the final visual design, interactions, and functionality of your application. In this interface, touch the option box will turn green. Fig.1.1. If you log in with a Google account, you can directly enter the main page, and the main page will pop up your personal information. The user profile picture and user nickname will be the same as the default Google account information. Fig.1.2 The search history and recommended music types will be displayed on the Search interface. Search for songs in the record, and it will be played directly after clicking. Recommended music genres are updated and changed frequently. The circle will boun...
Read more