Information Design - Project 1

-

14.01.19 - 02.02.19 (Week 2 - Week 4)
Tamara Audrey Saputra (0335846)
Information Design
Project 1 - Instructable Infographic

Instruction


Project 1 - Instructable Infographic

Poster Recipe
14.01.19 (Week 2)


Our first project requires us to visually communicate a step-by-step guide/recipe of our preferred dish.

After browsing through several dishes, I landed my decision on a go-to breakfast meal: Avocado Toast. Realizing that the basic steps might be too simple, I referred to several other recipes that suggest tips and variations.

Sources:
https://cookieandkate.com/2018/avocado-toast-recipe/
https://www.foodnetwork.com/recipes/food-network-kitchen/avocado-toasts-3364588
https://www.cookinglight.com/recipes/avocado-toast-recipe

From there, I continue to find references for my layout design that has a clear and simple design.

fig 1.1: Reference

fig 1.2: Reference

The followings above are the references that I felt affected my outcome the most. I was intrigued by how the steps are placed in the center as the main visual, allowing the eyes to naturally follow the flow downwards.

Here are my attempts for the composition plan:

fig 1.3: Composition Plan

I then proceed to execute the idea in Illustrator.

fig 1.4: Process in Illustrator

fig 1.5: 3rd attempt

I asked for feedbacks from Mr. Kannan and he suggested to increase the text size by 1-2pt and darken it a bit to make it more readable.

1.6: Final Result

Animated Recipe
02.02.19 (Week 4)


After we finish our poster, we proceed to create an animated version of the recipe using After Effects. To generate the idea, I first create the storyboard sketches to have a rough visualization of the video outcome. 



Using the assets that have already been made in Illustrator, I imported them to After Effects. The followings are the processes done.




I also decided to add several sound effects and background music, all sourced from a royalty-free library such as Bensound and Youtube audio library.

Source links:


Comments

Post a Comment

Popular posts from this blog

Advance Typography - Final Compilation & Reflection

-
Image
Tamara Audrey Saputra (0335846) Advanced Typography Final Compilation & Reflection Instruction Exercises Project 1 - Troublemakers Manifesto Colloquium Project 2 - Troublemakers Manifesto Colloquium (Collateral) Final Project - Design Exploration Submissions Typographic System fig 1.1: Axial #1 fig 1.2: Axial #2 fig 1.3: Modular #1 fig 1.4: Modular #2 fig 1.5: Grid #1 fig 1.6: Grid #2 fig 1.7: Bilateral #1 fig 1.8: Bilateral #2 fig 1.9: Random #1 fig 1.10: Random #2 fig 1.11: Radial #1 fig 1.12: Radial #2 fig 1.13: Dilatational #1 fig 1.14: Dilatational #2 fig 1.15: Transitional #1 fig 1.16: Transitional #2 Type & Play (Part 1) fig 2.1: "L" - Final fig 2.2: "Y" - Final fig 2.3: "E" - Final fig 2.4: "C" - Final fig 2.5: "F" - Final Type & Play (Part 2) fi...
Read more

Advanced Typography - Exercises

-
Image
02.04.19 - 02.07.19 (Week 1 - Week 14) Tamara Audrey Saputra (0335846) Advanced Typography Exercises Lectures Lecture 1: Introduction to Advanced Typography 02.04.19 (Week 1) The class started with a brief introduction to the module outline and what to expect in the coming 13 weeks. We're then assigned into groups to do a short presentation regarding our given topic - Axial. Moreover, we were also shown several good examples of our seniors' projects to give us a rough idea of what's good and bad. Lecture 2: Typographic System 09.04.19 (Week 2) This week, we were introduced to the 7 Typographic System. Our group presented the Axial System. The following is the compilation of the whole class presentation. Lecture 3: - 09.04.19 (Week 3) No lecture is held this week. We focused on refining our work and were briefed about the next exercise. Lecture 4: Compressed History of Roman Alphabet 23.04.19 (Week 4) In today's class, some of our c...
Read more

Advance Typography - Project 1

-
Image
14.05.19 - 21.05.19 (Week 7 - Week 8) Tamara Audrey Saputra (0335846) Advanced Typography Project 1 - The Troublemakers Manifesto (Key Artwork) Lectures Lecture 7: Designing Type 14.05.19 (Week 7) In today's class, several of our classmates presented a presentation regarding Designing Type. We then continued with our first project, Troublemakers Manifesto key artwork. Lecture 8: - 21.05.19 (Week 8) No lecture today. We continued with our key artwork and started developing our collateral. Instruction Project 1 - The Troublemakers Manifesto (Key Artwork) In this project, we were expected to create a key artwork of an upcoming conference called The Troublemakers Manifesto: A Design Colloquium . The key artwork will later be used across the collaterals. The collaterals range from: Poster (Statistic and Animated) Invite (Interactive) T-shirt, Sticker, Pin Badge, etc We were also provided the meaning behind  The Troublemakers Manifesto...
Read more