Information Design - Project 1

15/1/19 -  18/2/19 (Week 4 to Week 6)

Jasmine Teoh Lee Suan (0331993)

Information Design

Project 1 - Instructable Infographics: Cooking Recipe

---

Instructions:

Module Information Booklet:


Assignment Briefs:

---

Project 1A: Cooking Recipe Poster (Week 4-5)

For project 1, we had to create an instructable infographics poster and video.We were instructed to choose a cooking recipe that wasn't too easy or too hard, something that contained different steps of preparing the food so that we could showcase our skills.

As Chinese New Year was nearing, I decided to make a Yee Sang Infographics poster and video. I got the recipe from: https://www.plated.asia/recipes/yee-sang/ and started planning out the assets that I had to draw and the layout of the poster. As we had just learned about isometric design in infographics, we were encouraged to use that in our poster designs as well.

Figure 1.1 Sketch of Poster Layout and List of Ingredients

Figure 1.2 Breakdown of Steps and Ingredients involved in each step

Figure 1.3 Screenshot of making assets and designing poster with references on Illustrator

Figure 1.4 Screenshot of Yeesang infographic poster and assets on Illustrator

Figure 1.5 Screenshot of Yeesang infographic poster, assets, moodboard and references on Illustrator

For the poster design, I referred to a lot of other recipe posters and learned from those designs, incorporating the elements that I felt would fit my poster's design well. I also made a moodboard and colour palette to decide on the overall mood of my poster. I had to create the assets as well, and therefore used reference as I drew each asset out with my pen tool and shape tool.

Figure 1.6 Infographics References

Figure 1.7 Moodboard and Colour Palette

Figure 1.8 Drawing References

Figure 1.9 Yee Sang Assets

Final recipe poster:

Figure 1.10 Yee Sang Recipe Poster

PDF of Yee Sang Recipe Poster, Assets and References:

---

Project 1B: Cooking Recipe Video (Week 5-6)

After creating the poster, we focused on making the recipe video. As I made the assets on a separate artboard from the poster itself, it was easy for me to export the assets so that I could use it in my video. I learned how to use the export asset window in Illustrator and learned that the PNG 8 setting gave you transparent backgrounds. Thanks to Illustrator's functions, my workload was minimized a lot. 

Figure 2.1 Exporting Assets from the Poster on Illustrator

Figure 2.2 Sketching the storyboard for the video

I tried to sketch the storyboard for the video but it was basically whatever the instructions said, so I just used the instructions as the guideline for my video and animated it to look interesting and more captivating towards the audience.

While making the video, I learned how to colour code my layers into groups on after effects so that I could select them easily and not get messed up or confused with the layers. This helped me save a lot of time finding layers to edit.

Figure 2.3 Screenshot of Layers of Yee Sang Recipe Video on After Effects

Figure 2.4 Screenshot of Layers of Yee Sang Recipe Video on After Effects

Final recipe video uploaded on YouTube: