Labels

Information Design / Project 1 & Project 2

25.1.2022 - 18.2.2022(Week 4 - Week 7)

Chang Jia Yee / 0350402 / Bachelor of Design in Creative Media
Information Design 
Project 1 / Porject 2 ： Instructable Infographic Poster / Animated Infogeaphic

INSTRUCTION


<iframe src="https://drive.google.com/file/d/1J7I_iqSVwYvkD3wHslHd24dimpGinSTL/preview" width="640" height="480" allow="autoplay"></iframe>


Project 1 : Instructable Infographic Poster

We need to choose one of the designated Youtube channel Pasta Grannies, a channel where grandparents cook their speciality dishes. We have to make an instructable poster according to the recipes and steps in the film.

Requirements 

Poster size: 1240 × 1750 pixels or 2048 × 2048 pixels

After watching almost a dozen films, I would like to choose Grandma Isabella who lives in the beautiful village of Moena. In this video, she is going to make cheesy bread dumplings called canerdeli!


 Video 1. Pasta Grannies / Isabella

I finally chose this one because I am a cheese lover, and this grandmother makes me feel very kind. Her living environment and home design make me feel very comfortable.

Fig 1. Screengrab of the cheesy bread dumplings

Fig 2. Moodboard & references

Sketching...

Fig 3. Sketches

For the sketch part, I drafted four different layouts and styles. The main purpose of my design when sketching these is to have the unity of the whole poster and show the coherence of the whole production process. Besides, I also try to make some innovations on the basis of the above mentioned, so as to enrich the poster I designed.

Sketch 1

Fig 4. Sketch 1

The first sketch mainly presents dynamic and display the process above and show the final product below with dynamic and movement. This main attempt is to make lifeless food vividly displayed. It's like one of the scenes of a falling dumpling being photographed.


Sketch 2
Fig 5. Sketch 2

In second sketch, I take Isabella's dog OTA in the film as the protagonist (the image of the chef), and then a group of small chefs are cooking delicious dumpling. The main idea is to break through the conventional recipe information poster and make it more lovely and interesting. This idea mainly originated from a small film on the Internet.

Fig 6. Screengrab of the dog Ota(Sketch 2)

Video 2. Inspiration take from xiaohongshu(Sketch 2)


Sketch 3

Fig 7. Sketch 3

The third draft is an extension of the first sketch, and it also hopes to bring more dynamic and vitality. The connection of each step of this sketch and the presentation of the finished product have a stronger sense of coherence and picture for me. This typesetting is more neat and simplified. Compared with the first draft, I think this one can convey the information to the audience more clearly and directly, and this one will also lead the line of sight to see from top to bottom with the poster design.


Sketch 4

Fig 8. Sketch 4

Fig 9. Inspired Polly Pocket(Sketch 4)

The fourth idea is inspired Polly Pocket. The Polly Pocket toys were plastic cases that opened to form a dollhouse or other playset with Polly Pocket figurines less than an inch tall. My idea is using cheesy bread dumpling as the outer shell of the house, and then opening it inside is the manufacturing process.


Finally, I choose the third sketch to continue with my project. For me, its typesetting is more pleasing to the eye and has better visual guidance for the audience.


Drawing...

Initially，I draw the poster in Pinterest and after that brought to Photoshop as well as make some position adjustment and adding simple icons and descriptions. 

Fig 10. Drawing in Procreate 

This is the first edition drawn on procreate on the left, and the improved edition on the right.





Final Outcome

Fig 11. Infographic Poster Final Outcome

Application of design
Iconic : Using symbols makes it easy for the audience to distinguish each step. Using icons is easier to convey certain information than using words, and it also makes the poster more concise. 

Movement ：The coherent display between each step shows the movement of the whole poster. Some steps to the left and right also allow people to move the line of sign left and right while reading this poster.

Emphasis : The steps align in the middle show the key points of the whole poster. The light green part of the background frames the foreground and distinguishes the background from the foreground, thus better highlighting the steps.

Dynamic ：The finished dumpling fell on the plate, adding dynamic and rhythm to the whole poster. Adding some white lines beside the picture also makes the whole poster dynamic.





Project 2 : Animated Infographic

Requirements

Use the assets from Project 1 Instructable Infographic poster into a 60 secs motion graphic.

Max 60 secs infographic video 720p: 1280x720 pixels /1920x1080 pixels (H26/mp4) published on YouTube (set to Unlisted)

Reference

Video 3. Reference


Video 4. First attempt outcome

This is the first version I tried, and I used one of the scenes to make it. But I think this faster rhythm is a little contrary to my painting style. Then I tried another style, slow and gentle animation.

Final Outcome

Youtube link : https://youtu.be/rFv5gbyjIkE

Feedback

Week 5 : Good job on the design, try to think about the execution of animation for project 2.

Reflection

To tell the truth, it took about four days to design this poster, which was a bit anxious and took the longest time in the sketch stage. At first, I found various kinds of information and other people's works on the Internet, and all kinds of ways and ideas made me wonder how to do it. In the initial sketch stage, it is also difficult to find a perfect balance between reference works and own style. I feel that there are many styles that can be tried and combined, but some combinations are not as good as I thought after sketching out. Instead, too many elements feel chaotic and disorderly. I think this is also one of the difficulties in design.








Labels:

Comments

Post a Comment

Popular Posts