Information Design - Exercises

-

4/1/22-/1/22 (Week1-Week)
Information Design / Exercise1 & Exercise2


Loh Shu Huan / 0349621
Bachelor of Design in Creative Media


LECTURES

Week 1 - 4/1/22
During our first class, we were briefed about the module according to the Module Information Booklet and assignment that will be taking places for this module. 

Week 1 - 6/1/22
During this class, we learned about Motion Graphics, which means Graphics in Movement.
- Motion Graphics = Composition + Animation
- Composition = Graphics + Typography
- Animation = Movement + Rhythm

To create a Motion Graphics, we need to follow the steps below:
Step 1: Write a script that tells a story.
Step 2: Storyboard while you brainstorm the visual treatment.
Step 3: Take your storyboards into design.
Step 4: Animate the final designs.

Fig 2.1 Example of Storyboard of Motion Graphics (Lecture Slide)

Sequence of sketches provide visual references for key scenes.
Pre-visualisation: Breakdown the visual script to scenes + running times
Create moodpboard to organise inspiration and references.

INSTRUCTIONS


EXERCISES

Exercise 1: Quantify & Visualise Data 
Week 1 - 4/1/22
After the briefing, we were told to do our first exercise which is quantifying and visualisation. 
We were given TWO options to complete the exercise.
1. Jar of stuffs (Fig 1.1)
2. Emergency bug out bag (Fig 1.2)

Fig 1.1 Lecture Slide

Fig 1.2 Lecture Slide

For those who are in the physical class need to choose between a set of lego bricks and buttons to collect data and create an infographic poster. For those who are attend online class, like me, were told to look around our houses to search for a jar of stuffs (example: buttons, coins, candies and etc).

Fig 1.3 Selected Item: Hamster's Cookies, 4 Jan.22

I looked around my house and I saw this box of cookies with different shapes and colours, so I decided to use it for the exercise.

Fig 1.4 The Sorting, 4 Jan.22

Fig 1.5 The Sorting, 4 Jan.22

After group them into the sorted colours, I started counting the cookies.

Fig 1.6 The Arrangement, 4 Jan.22

Fig 1.7 First Attempt, 4 Jan.22

Fig 1.8 Second Attempt, 6 Jan.22

After receiving feedback from Ms.Anis, I added the illustration of my hamster digitally due to the limited time.

Fig 1.9 Third Attempt, 11 Jan.22

FINAL SUBMISSION - Exercise 1

Fig 1.10 Final Outcome, 11 Jan.22

Exercise 2: L.A.T.C.H 
 Week 2 - 11/1/22
Location, Alphabet, Time, Category, Hierarchy
For this exercise, we were required to organise a group of information into a visual poster that combined and utilises the LATCH principles (min.4)

I have chose the Pokedex as my topic and the references of information from here.

Fig 2.1 References, 13 Jan.22

After doing some visual research, I have picked 5 different types of Pokémon for my Pokedex. Which is Flying, Grass, Water, Ground and Fire. I came up with two sketches.

Fig 2.2 Sketches #1, 13 Jan.22

Fig 2.3 Sketches #2, 13 Jan.22

I picked the sketches #1 for my final design because I think that it is more iconic and recognisable.

Fig 2.4 First Attempt, 14 Jan.22

After receiving feedback from Ms Anis, I tried to portrait the texture of magma/lava.

Fig 2.5 Reference of Magma, 14 Jan.22

Fig 2.6 Design #1, 14 Jan.22

Fig 2.7 Design #2, 14 Jan.22

Fig 2.8 Design #3, 14 Jan.22

Fig 2.9 Design #4, 14 Jan.22

I've chose Design#4 (Fig 2.9) as my final. It is because the magma of Design#1 and Design#2 are too prominent and the overall effect looks different from the rest. The texture of Design#4 is more plain and soft, just like the other parts, and show a better visual harmony.

FINAL SUBMISSION - Exercise 2

Fig 2.10 Final Outcome, 15 Jan.22
FEEDBACKS
Week 2 - 11/1/22
Exercise 1: The data are presented clearly. But there is an empty space at the right-hand side. Ms.Anis suggest me to draw a cartoon style of my hamster or even put she there and take a picture.

Week 2 - 16/1/22
Exercise 2: Ms Anis said that is an interesting take on Pokémon ball. She suggested me to add some fire with orange to the fire part on the ball. And also to indicate the evolution of time, I can increase the size of each evolution, so there is a definite visual hierarchy.


Comments

Post a Comment

Popular posts from this blog

Major Project

-
Image
22/04/2023 - 09/08/2023 | Week 01-16 Major Project  Loh Shu Huan / 0349621 Bachelor of Design in Creative Media INSTRUCTION PROGRESSIONS Week 01 On the first day of the semester, we were briefed about our Major Project. There some pathways that we can work on - our dissertation topic, client, any topic or group project (studio based).  For our final year project, we were advised to not to make it an assignment but a industry-standard project. Mr.Asrizal advised us to finalise our proposal by week 3 and we will be assigned to a supervisor based on our selected topic. We were required to start brainstorming for our project ideas and co...
Read more

Professional Development Week

-
10/06/2023 - 14/06/2023 | Week 08 Professional Development Week Loh Shu Huan / 0349621 Bachelor of Design in Creative Media   In order to familiarize recent graduates with the careers and fields of work before graduation, the Taylor’s held the Professional Development Week for us to learn from professionals in different fields and to answer questions about their fields through a question-and-answer session. I attended six workshops, which were: “Financial Literacy for Fresh Graduate” by MAYBANK  Keynote: “Aspire to Inspire” by POS MALAYSIA "The Art of Storytelling" by KAKISENI "Maximize Your LinkedIn Presence" by BDO. "A.I. in Digital Media" by MALAYSIAN ADVERTISERS ASSOCIATION. "Digital Transformation and Solutions: The Importance of Making It Easy" by APLIKASI. REFLECTION Each workshop provided unique insights that have contributed to my personal and professional growth. This career development week emphasized the importance of financial planni...
Read more

Advanced Interactive Design - Final Project

-
Image
28/06/2023 - 18/07/2023 | Week 13 - Week 16 Advanced Interactive Design  / Final Project Loh Shu Huan / 0349621 Bachelor of Design in Creative Media PROGRESSIONS For this task, we were required to create a website that promote a certain thing, such as a new launch product, a song, an app, or an album. We need to create 5 pages by using Adobe Animate. It need to include some micro animation as well. For this project, I decided to do an extension website for one of my project in other module, as it is also a promotional campaign. Week 13 - 16 1. Promotional Website Layout Design This website is actually to promote one of the series of perfume from Zara, called Chapter 6. This chapter has four different fragrances in total. Fig 1.0 Zara Chapter6 Promotional Website Design 2. Progression in Adobe Animate Once I exported all of my assets, I started to import them in AN and create the micro animation for the website. I decided to finish all the design and animation for every pages f...
Read more