Information Design - Final Project



6/1/20 - 24/1/20 (Week 1 - Week 7)
Ahmed Yaman Ibrahim (0341119)
Information Design
Final Project

LECTURE NOTES

Final Project: Animated Infographic
Week 1 - Week 7

Our final assignment is a group project that we were to work on for the duration of the semester. We were shown a list of topics and based on the topic that was given to us, we were to make an animated infographic for it, complete with sound and voiceover. My group consisted of Kyra (leader), me, Mia, Jing Wen and Farissa, and the topic given to us was "Water."

INSTRUCTIONS

Final Project

We spent the first two classes brainstorming and narrowing down the topic to something we can work with. We decided to go with "water pollution" as the general topic of the infographic and began researching. We also figured out our group roles:

Kyra - Storyboard and animation
Me - Designing assets and animatics
Mia - Designing assets
Farissa - Research and animation
Jing Wen - Sound and voiceover

Although we each had our defined roles, we contributed to everything else in some way as well. By week 2 we'd done the majority of our research, and we began writing the narration for the video. This took some time as we had to figure out how to fit it into the 3-minute timeframe. A copy of our research can be found here:


Fig. 1.1: Final Project (Research)


We then came up with a moodboard for the animation:


Fig. 1.2: Final Project (Moodboard)
*The body text typeface was later changed to Product Sans as we felt it better fit the rest of the elements.

By week 3, Kyra had finished the storyboard, and based on that, I designed the animatics on Illustrator, which Jing Wen animated and added the voiceover to.


Fig. 1.3: Final Project (Storyboard)

Fig. 1.4: Final Project (Designing animatics)


Fig. 1.5: Final Project (Animatics)

By week 5, Mia and I began working on the assets for the final animation. I drew the first half of assets while Mia drew the second. We also maintained a Google Drive folder of all our work for the project.

Fig 1.6: Final Project (Designing assets)

We then handed over the work to Kyra and Farissa to finish animating. Once that was done, Jing Wen added the sound and voiceover.


Fig. 1.7: Final Project (FINAL)


FEEDBACK & REFLECTIONS

Week 1

Mr Shamsul helped us figure out which direction we should go with our project and with helping us decide on a target audience for it. We did a lot of research on the topic this week and learned quite a bit.

Week 2

Mr Shamsul was really happy with our moodboard and allowed us to move forward without making too many adjustments. Figuring out the art style for our animation was a fun experience, as we had to find a way to keep it consistent without being too complicated to animate.

Week 6

We didn't get much feedback beyond that. We struggled with time in the last few weeks as most of the class had only just come back from the Japan trip, but we managed to get it done on time. Overall, this was a good experience and I think our team did quite well.


Popular posts from this blog

Major Project

Image
Ahmed Yaman Ibrahim (0341119) Major Project *Professional Development Week reflection is in the Week 8 section of this post. Week 1 Ideas 1. Gamification platform for schools Based on dissertation topic - An app that gamifies the school experience for students - providing features such as leaderboards, rewards for turning in work on time and for making extra effort, as well as setting sequential objectives and class-wide goals for schoolwork and homework. Teachers would be allowed to reward students based on their performance with badges and other benefits. It would be built as a web app so it can be used with any operating system and can be simultaneously accessed from a mobile phone and a desktop. Sample layout for homepage Main features: Class subjects as individual topics with sequential objectives Reward and scoring system for work submission, to be reflected on a leaderboard Leaderboard that displays students based on performance to encourage competition Badges as a part of rewar...
Read more

Information Design - Individual Projects

Image
21/1/20 - 24/1/20 (Week 3 - Week 7) Ahmed Yaman Ibrahim (0341119) Information Design Individual Projects LECTURE NOTES Project 1: Recipe infographic Week 3 - Week 7 Project 1 consists of creating an A3 infographic poster for a food recipe of our choosing. Lecture 2: Animation Week 3 - Week 7 Project 2 involves creating an animation (max one min.) or looping gif of the recipe. INSTRUCTIONS PROJECTS Project 1: Infographic poster I chose tiramisu for my recipe as I felt it wasn't overly complicated while also not being too simple to fit into a one-minute timeframe for the animation. I looked up a few recipes online to figure out the most common elements in the recipe and began sketching how I could lay out the poster. Fig. 1.1: Project 1 (Layout sketches) I then moved to Illustrator to visualize the design better as I went along creating it. I decided I'd try an isometric design for the tiramisu illustration, so I created a basic i...
Read more

Advanced Typography - Exercises

Image
26/08/20 - 23/09/20 (Week 1 - 5) Ahmed Yaman Ibrahim (0341119) Advanced Typography Exercises LECTURE NOTES Lecture 1: Briefing & Typographic Systems 26/08/20 (Week 1) Our first lecture consisted of a briefing of the module to all students followed by a lecture on our first exercise topic: Typographic Systems. We were shown excerpts of the book Typographic Systems by Kimberly Elam for reference. Typographic Systems The 8 typographic systems mentioned above are Axial, Radial, Dilatational, Random, Grid, Modular, Transitional and Bilateral. These systems are meant to serve as a sort of organizational framework for arranging type on a composition in a way that is functional and visually sound. 1. Axial System In the axial system, type is aligned to either side of an axis. This is especially helpful when organizing lists, or several bodies of text on a composition. Fig. 1.1: Axial system examples 2. Radial system In this system, the type extends outward fro...
Read more