Information Design / Project 1&2

Information Design / Bachelor of Design (Honours) in Creative Media

Myra Elida Binti Abd Azis / 0358516

Animated Infographic Poster
INSTRUCTIONS




Project 1: Animated Infographic Poster

DESCRIPTION: 
After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text.

REQUIREMENT:
Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics.
Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic:

PART 1: Infographic poster (20%)           
INSTRUCTION:
1. Choose 1 infographic poster reference from Internet (Please consult before proceed)
2. Redesign the poster into A4 size. Sketch the idea and process
3. Redesign and simplify the poster based on visual hierarchy & typography
4. Simplify the poster's design based on color, shape & pattern
5. Attach your final poster on E-Portfolio with explanation and reflective writing

PART 2: Minimal animated infographic (20%)
INSTRUCTION:
1. Animate your infographic poster into one static loop animation page
2. Loop duration in between 15-30 second
3. Size: 1080 x 1920 px (Vertical Video) upload to your own Youtube channel

Process :

Fig 1.1 Original Poster


Fig 1.2 Sketch 1


Fig 1.3 Sketch 2


Fig 1.4 Sketch 3

After some consideration, I decided to go with sketch 1 in Fig 1.2.

Final Poster :


Fig 1.3 Reworked Poster

Animating :


Fig 1.4 Animating Process

Final Animation :

YouTube Link



Comments

Post a Comment

Popular posts from this blog

Advanced Typography (Task 1)

Image
22/04/2024 - 13/05/2024 (Week 1 - Week 4) Myra Elida Binti Abd Azis / 0358516 GCD61004 / Advanced Typography / Bachelor of Design (Hons) in Creative Media Task 1 Instruction Lectures 1. Typographic Systems (Week 1) There are eight major variations : Axial Radial Dilatational Random Grid Modular Transitional Bilateral Typographic systems are akin to what architects term shape grammars . The system has a set of rules that apply in a step-by-step way to generate a set, or language, of designs. While some feel these impositions take intuition away from a teaching point of view, they provide a solid framework that allows learners to be guided in their exploration while intuition develops. Axial - text is on the left or right of the axis, the axis can be a straight line or bent line Radial - text is extended from a point or multiple points of focus Dilatational - text extended from a center point in a circular form Random - text has no specific pattern or relationship Grid - a system o...
Read more

Packaging and Merchandising Design / Task 1 (Case Study & Box Making)

MYRA ELIDA BINTI ABD AZIS 0358516 PACKAGING AND MERCHANDISING DESIGN / MER60104 TASK 1 /  CASE STUDY & BOX MAKING Module Information Booklet Progress Case Study We had to choose one existing packaging design and study on the entire design, practicality, ergonomics, target audience and how the packaging carries the brand image. Then, write a short report based on our observation and research. Draft : Fig 1.1 Final : Fig 1.2 Box Making We had to choose 2 loose items and design a box for each item. Final : Fig 2.1 Fig 2.2 Reflection Designing packaging taught me the power of intentional visuals and how each design choice impacts brand identity and customer perception. Through this process, I learned to prioritize both creativity and functionality, ensuring symbols like a sun for UV protection or a raindrop for hydration not only conveyed product benefits but also engaged the senses. Incorporating natural elements, like apple and matcha, reinforced the product's essence, while bala...
Read more

Video and Sound Production / Exercises

Image
23/04/2024 - 11/05/2024 (Week 1 - Week 8) Myra Elida Binti Abd Azis / 0358516 VSP60104 / Interactive Design / Bachelor of Design (Hons) in Creative Media Exercises Exercise 1 Fig 1.1 Exercise 2 Framing : Close-Up Fig 1.2 Frontal MCU Fig 1.3 Frontal MS Fig 1.4 Extreme Close Up Fig 1.5 Side Angle MS Fig 1.6 3/4 Angling MCU Shot Fig 1.7 Low Angle Wide Shot Fig 1.8 Eye-Level Medium Wide Shot Fig 1.9 Exercise 3 Lalin 1. Which part is Act 1, Act 2, and Act 3 respectively? Describe each act with ONE paragraph only.  Act 1 - Lalin who is the main character, struggles to show her face due to the cyberbullying she faced in school. She then  moves to a new town in Japan called Sapporo. Act 2 - S he would face adjusting to the new environment and feeling out of place. Other than that, she started to develop feelings for one of the characters, Nut, whom she made online. Act 3 - Nut surprised Lalin by coming to Japan to meet her. Lalin confronts the main challenges or conflicts head-on lead...
Read more