Advanced Interactive - Final Compilation & Reflection

24/09/2024 - 27/12/2024 (Week 1 - Week 13) 

Aisya Diva Anwagodsa (0365505)

Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media

Final Compilation & Reflection - Thematic Website

Instruction


Blog Links
Submission

1. Exercises

Fig. 1.1 Shape Tween
(Week 2)
Fig. 1.2 Exercises Drawing Ball & Boat
(Week 2)

Fig. 1.3 Car Path
(Week 3)
Fig. 1.4 Walking Stickman
(Week 3)



Fig. 1.5 Spider
(Week 4)


Fig. 1.6 Morphing
(Week 5)


Week 6





2. Task 1 - Thematic Website Proposal

Fig. 1.7 Proposal
(28/10/24)

3. Task 2 - Thematic Interactive Website Planning & Proposal

Fig. 1.8 Website Planning Presentation
(17/11/24)

Design by Aisya Anwagodsa
Fig. 1.9 Flowchart
(17/11/24)


Fig. 1.10 Presentation
(17/11/24)

Fig. 1.11 Prototype
(17/11/24)

4. Final Project


Fig. 1.12 Recording of the whole website
(28/12/24)

Reflection

Experience:
The whole learning process gives much insight regarding how to make a website, especially when using Adobe Animate as the main software to create the website alone.  I was not expecting this software to look similar to video editing software and the workflow itself was pretty much the same.  The software itself was a little bit tricky and it made me a little bit nervous whenever I had to continue doing my website with it.  Sometimes I found errors and it took me a while to figure out the solution.  But gratefully it taught me and helped me to understand the software better than the first time I used the website.

Observation:
Learning advanced interactive is very useful, because not only learned how to make a website I also learned how to design, make workflow, and plan my website.  It widens my perspective toward UI/UX as well, making a website is not about how to make look appealing but how to maintain the look and the function of the the website itself.

Findings: 
I find that this module was a little bit tough for me, I had to familiarize myself with the software and keep up with another module as well.  However, I feel grateful to get this module in this semester, it helped me to gain knowledge and skills.

Comments

Post a Comment

Popular posts from this blog

Advanced Typography - Task 1: Typographic System - Type & Play

Image
22/4/2024 - 6/5/2024 (Week 1 - Week 3)   Aisya Diva Anwagodsa (0365505) Advance Typography / Bachelor of Design (Hons) in Creative Media Task 1/Exercises: Typographic Systems & Type & Play JUMPLINK Lectures Instruction Typographic System Design & Process Final Outcome Finding Type Process Final Outcome Feedback Reflection Further Reading LECTURES Week 1 TYPOGRAPHIC SYSTEM: There are eight major variations of typographic system: Axial Radial Dilatational Random Grid Modular Transitional Bilateral Typographical organization is complex because the elements are dependent on communication in order to function, these are the criteria for it: hierarchy, order of reading, legibility, and contrast.  The Axial System:   All elements organized to the left or right of the single axis. Radial System: All elements are extended from a point of focus. Dilatational: All elements expand from a central point in a circular fashion. Random System: Elements appear to have no speci...
Read more

Interactive Design - Exercises

Image
24/4/2024 - 1/5/2024 (Week 1 - Week 2)   Aisya Diva Anwagodsa (0365505) Interactive Design / Bachelor of Design (Hons) in Creative Media Task 1/Exercises JUMPLINK Lectures Instruction Exercise 1 Website 1 Website 2 Exercise 2 Process Final Outcome Exercise 3 Reflection Quick Links LECTURES Week 1 Usability: Design Products for User Satisfaction Usability refers to the effectiveness, efficiency, and how successfully a particular user can utilize a product or design in a certain situation.  Design usability depends on how well its features accommodate users' needs and context. Five Principles of Usability: Consistency: Ensuring that the website looks coherent and works harmoniously across all its different elements, such as headers, footers, sidebars, and navigation bars.  An example of consistency in a web design can be seen on these websites (Apple, Sime Darby, 153joombas) Simplicity: It is used to minimize the number of steps involved in a process and helping the users t...
Read more

Advanced Typography - Task 2: Key Artwork & Collateral

Image
15 /5/2024 - 29/5/2024 (Week 4 - Week 6)   Aisya Diva Anwagodsa (0365505) Advance Typography/Bachelor of Design (Hons) in Creative Media Task 2/Key Artwork & Collateral JUMPLINK Lectures Instruction Task 2A Process & Ideation Final Result Task 2B Process Final Result Feedback Reflection Further Reading LECTURES Week 6 - Perception & Organization In typography perception is: visual navigation and interpretation of the reader via contrast, form organization of the content (content: Textual, visual, graphical, and color).   Contrast:  In typography, contrast is needed to separating different types of information.  There are several methods to create contrast in typography, the example of contrast by Rudi Ruegg can be seen in picture below. Fig. 1.1 Contrast by Rudi Ruegg (20/6/24) Contrast based on Dair's perception: Fig. 1. 2 Contrasts by Carl Dair (20/6/24) Size: Provides a point to which the reader's attention is drawn.   The example is when we...
Read more