Information Design - Project 1
11/1/2023 - 19/1/2023 (Week 3 - Week 5)
Anna Chin Siaw Fong / 0354370
Information Design / Bachelor of
Design (Honours) in Creative Media / Taylor's University
Project 1
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/1Y6LBnG_1z-sOJocK6E_gqy22biHlVH16/preview"
width="640" height="480" allow="autoplay"></iframe>
Project 1
Instructable Poster
For this project, we were to create an infographic poster for one recipe
selected from
Pasta Grannies. We were to study one video, breakdown and chunk the preparation and cooking
process into an instructable poster. Therefore, for this task, I chose to make
an instructable poster of Rosa's Chestnut Cake.
Fig 1.0 Rosa's Chestnut Cake from Pasta Grannies
Fig 1.1 Ingredients and steps
Fig 1.2 Inspiration 1
Fig 1.3 Inspiration 2
After doing visual research and have a sense of what art style I would like to
go for, I started sketching my instructable poster.
Fig 1.4 Sketch
After sketching, I started by created the assets for my poster using Adobe
Illustrator.
Fig 1.5 Assets
I started designing the layout of my poster after finishing my assets. I
added texture to my assets to create a more hand drawn effect to it.
Fig 1.6 Designing progress
Fig 1.7 First draft
I got feedback from Mr. Hafiz and made some changed to my poster to make
it better. I also realize that the instructions were a little hard to
read. Therefore, I changed the font to a more readable font.
Fig 1.8 Improved instructable poster
Final Instructable Poster Submission
Fig 1.9 Final instructable poster
Minimal animated infographic
I began working on my animated infographic after finishing my instructable
poster. Firstly, I created the scenes using Adobe Illustrator. I also
separated the layers so that I could animate them when I import my Illustrator
files to Adobe After Effects.
Fig 2.0 Designing scenes
Fig 2.1 Scenes
Fig 2.2 Separating layers
After creating all my scenes and separating the layers, I imported all my
files to Adobe After Effects and began animating. I animated the assets by
using bounce effect, motion blur and others.
Fig 2.3 Imported files
Fig 2.4 Animating assets
After I am done animating, I added sound effects and background music.
Fig 2.5 Adding sound effects
Fig 2.6 First draft
After receiving feedback, I made improvements to my animated infographic. I also changed the fonts for the ingredients to a more readable font.
Fig 2.7 Improved animated infographic
Final Animated Infographic Submission
Fig 2.8 Final Animated Infograhpic
Youtube Link: https://youtu.be/giXADoxVz9o
FEEDBACK
Instructable Poster
- Layout is functional
- Art style suits the kind of infographic
- Pictures work well
- Instructions could be bigger
- Top right part does not work as it takes a lot of space
- Use a different font for the body text
Animated Infographic
- Use the same assets for different scenes, do not have to fade out
- Font selection for Scene 2 should not be those display fonts
- Can use the body text font use for the rest of the animation
REFLECTION
I enjoyed doing this project as I got to explore and try a different art style. This art style was completely new to me and I had to learn how to do it. The art style may look simple but its kind of hard to pull off as I never tried the art style before. Personally, I do not think I did not do a very good job in recreating the art style that I want. However, I am glad that I got to learn about the art style that I wanted to go for. I hope that in the future I can do better in creating designs of this art style.
Comments
Post a Comment