Information Design Project 1 & 2

-

Week 1 - Week 7
Qaezie Ayeman Ramlan (0332981)
Information Design -
Project 1 & 2

Instructions

Lecture Notes

Lecture 4_ Different Types of Infographics and Tools

Week 4

We are tasked with Flip 4 and 5 to find the right style of infograph for different information.

 Flip 4 & 5.


Project 1


 Project 1_ Infographic Poster

For our project one we were to pick a recipe wed like to create. I chose to Nutella crepe, which i thought was a great choice. Easy to make and not too much ingredients.

So to start out, I searched on Pinterest for some references and re illustrate it my style.

Fig 1.0 Early stage of illustrating
I decided to go for an organic, paper cutout and colourful style of illustration. I wanted it to be naive and still stylish at the same time. After illustrating all the ingredients next step was to figure the best flow of layout. As for the layout, I imagined this poster to be apart of a magazine of some sort. 

Fig 1.1 Early stage of illustrating 
along the way i also thought adding the halftone effect would be nice. But unfortunately its impossible to retain the effect in after effects and just decide to opt it out. 

Fig 1.2 Early stage of illustrating
Fig 1.3 layout options
Feedback:

HAHAHAHAHAH, so in other words Ms.Anis prefers the one on the left based on fig 1.3 as its better for readability. She commented on the spacing between each item and suggested having them closer, she also commented  my choice of typeface and asked me to change it. 

Fig 1.4 Screenshot of chat with Ms.Anis

Fig 1.5 Screenshot of chat with Ms.Anis
after getting the feedback i thought id just give it a good change since were at it. I decided to change the colour, made the elements closer together and change the font to a sans serif font instead. 

Fig 1.6 Final Outcome.

Final Poster Design for Project 1. (submission 24/02)

Project 2

Infographic animation. So for project 2 we are to animate the poster we did for project 1. We have to options, which is to either create a tutorial video or do a loop/gif out of your poster. Using the dimension 1080 x 1920.

Since my look is naive and minimal, i thought id like try and figure out how to make it more paper cut out like. As i said before, i had a hard time trying to figure out on how to transfer the files into After Effects while retaining the halftone effect. but unfortunately it just wasn't possible here was my first attempt.

fig 2.0 Screenshot of progress (1st attempt)

this was a screnshot of the first attempt but i was satisfied with the effect that i just copy pasted properties, when i re-did it.


fig2.1 Screenshot of progress (2nd attempt)

Final GIF



Comments

Post a Comment

Popular posts from this blog

Advance Typography - Final Compilation & Reflection

-
Image
Week 35 - Week 48 Qaezie Ayeman Ramlan (0332981) Advance Typography - Final Compilation & Reflection Instructions Compilation Links Exercises Project 1 - Troublemakers Manifesto Colloquium Project 2 - Troublemakers Manifesto Colloquium Event Collateral Final Project - Design Exploration Typographic System Fig 1.1 Axial Fig 1.2 Radial Fig 1.3 Dialatational Fig 1.4 Random Fig 1.5  Grid Fig 1.6 Modular Fig 1.7 Tarnsitional Fig 1.8 Bilateral Final PDF Compilation: Type & Play (Part 1) Fig 2.1 Letter "F" Fig 2.2 Letter "V" Fig 2.3 Letter "Y" Fig 2.4 Letter "I" Fig 2.5 Final letter 'V' Fig 2.6 Final letter 'F' Fig 2.7 Final letter 'Y' Fig 2.8 Final letter 'I' Fig 2.9 Final letter 'L' Final PDF Compilation : ...
Read more

Digital & Social Media Comms

-
Image
  25/08/20 - 2/12/20 (WEEK 1 - WEEK 15 ) Qaezie Ramlan (0332981) Digital & Social Media Comms Lecture Notes Week 1 This week Mr Asrizal briefed us on what to expect for this module. He also did a lecture on what is analytics. Week 2  Data collection Week 3 Today we're lectured on  Web Analytics 101 and also briefed for our project. We are meant to dissect the current Taylors University wireframes and analyse social media platforms to figure the best method to drive people to Taylors Uni Youtube Channel. How to promote, grow engagement and hype for Taylors. Week 4  Empathy Mapping. We had a lecture on how we can go about filling in the empathy mapping chart. We were introduced on the first of the 4 len's which is: Consumer. In which lies the persona who interacts and participates with the brand. They are our core consumers, people who we are trying to relate to. Persona's are fictional characters, however, their characteristics and details are not and are not...
Read more

Creative Brand Strategy - Final Project (Project 3)

-
Image
  12/10/20 - 04/12/20 (WEEK 8 - WEEK 15) Qaezie Ramlan (0332981) Creative Brand Strategy Project 3 - Final Project Instruction Project 3 Based on Project 1 and 2, students are required to create an e-brand book for the chosen campaign / event branding. Additionally, students are to apply the proposed branding strategy to at least three (3) applications (creativity and relevancy is crucial) as well as produce at least three (3) impression artworks of how the brand strategy will be applied(think customer journey and engagement). Last but not least, you are to create a brand promotional video that is 30 seconds but no longer than one (1) Minute. Week 8 - 12  I started the project with the creation of Adobe Illustrator's main art visuals for the case. I moved on to designing the poster for the event after finalising the main artwork. It took me a while to design and assemble the poster. I have made sure that for the poster, the call to action is clear. Fig 1.1 First Attempt at Key...
Read more