Information Design - Project 1 & 2

-

Week 1 - 7
SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media
GCD 60504 Information Design
Project 1 & 2

Instructions


Project 1 - Progress
We are required to look for an infographic poster online that we think can use some improvements. This itself was already difficult as not everyone will be posting intentionally badly made posters online. I proposed some posters to Mr. Shamsul but none of them were bad enough. Until I finally found a poster that I needed.

Fig 1.0, Redesign Poster Reference

There were a lot of flaws in this poster, such as;
- Oddly placed PNG images
- Unappealing color scheme
- Inconsistent layout

After getting approval from Mr. Shamsul, I started working on some sketches.

Fig 1.1, Redesign Poster Sketches

I wanted to use a timeline layout as it seemed more fitting for the contents of the original poster, and I wanted to give it some accents that make it look like there is some sort of prize, which the original poster does.

I also made some sketches for the animation portion and I wanted each box to include a corresponding image, I plan to make the animation in those boxes simple a neat.

Fig 1.2, Redesign Poster Outline


I decided to use my 2nd sketch idea for the redesign and made a simple outline in Illustrator to get an idea where I want to put the poster elements.

Fig 1.2, Redesign Poster Progress #1

I played with the colors and translated my ideas for the boxes in my progress. Instead of using PNG images like the original poster, I decided to draw the images instead for animation purposes. 

I thought the pastel colors looked nice so I stuck with it throughout my progress, since it looked very appealing and neat. I struggled with the bottom part as I didn't want the last box to block out any details about the prize information I will put later. 

Fig 1.3, Redesign Poster Progress #2

I made some more progress by filling up the background with random shapes, which was one thing I wanted to include from the original poster, and created the shapes that looked like that of my sketch idea. I decided to use a thick font for the poster to make it more easy to read.

Project 1 - Final Infographic Poster

Fig 1.4, Final Infographic Poster

Project 2 - Progress

To make the progress easier, I fixed my layers in Illustrator so that I can have some of the elements as separate layers for an easier animating process. I even separated the lightning graphics in a separate canvas to turn each of them into transparent PNGs to use in my animation.

Fig 2.0, Organising Layers Before Animation

Fig 2.1, Lightning Graphics in Separate Canvas




Then I proceeded to upload the Illustrator file into Adobe Effects. It has been a while since I used this program so I did my best with animating.

Fig 2.2, Animation Progress

Project 2 - Final Animated Infographic Poster

Fig 2.3, Final Animated Infographic Poster


Project 1 & 2 Google Drive Link:
https://drive.google.com/drive/folders/1F6O1qrhe_kggc1MseJOjBS_7lk1Vogro?usp=sharing

Reflection
I think these projects allowed me to get creative with how I want to improve something like a flawed infographic poster. It was interesting to look for suitable layouts that fit the topic in my redesign. I used what I have learnt from previous exercises to make this redesigned poster, and I was happy with how it turned out because it was the sort of design that was out of my comfort zone.

There were some problems I faced during this project like when I was animating the poster. When I first tried animating it, it was with the messy layers I had before, and that caused some frustrating issues so I needed to fix it in Illustrator before trying again. Thankfully I was able to resolve the issue and the animation progress went smoothly after that.

I think the point of infographic posters is to provide useful and readable information while looking neat and consistent in the design. If a poster has too many things going on, it can cause difficulty for people to read it because it looks clustered and messy. That's what I wanted to prevent when making my redesigned poster, while still including some aspects of the original poster.

Comments

Post a Comment

Popular posts from this blog

Interactive Design - Project 1

-
Image
Week 1 - 6 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media GCD60904 Interactive Design Project 1 Instructions Submission Presentation Design Evaluation From the homepag e, it can be determined that the website’s representative colours are red, black and white. These colours contrast with each other nicely and makes the important information stand out clearly. The colours could be applied differently to make the website look more visually pleasing to the eye. The fonts used in this website are Arial and Helvetica. These fonts make the contents of the pages look easy to read without looking too cluttered. However, In some pages, the font used is Cormorant Garamond, which looks very different from Arial and Helvetica , so there is a dip in consistentency in its font choices. The same can be said about the branding or logo, which has 3 different fonts that don’t match with each other at all. User Experience (UX) When a user wants to go to any of the tabs such as ...
Read more

Design Research Methodology : E-Portfolio

-
Image
  Week 1 - 14 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media RES 60603 Design Research Methodology Final Report Instructions Final Report Video Presentation Presentation Slides Feedback Reflection Experience Task 1 At the beginning of the module, we are required to search for a topic that interests us, with various sources that are related to it, whether it is directly related or mentioned somewhere else. A topic came to mind about minimal illustrations because I had been looking at some minimal designs prior to the start of the semester, so I decided to base my topic around it. It was a bit difficult to think of the research questions and research objectives that aren’t too basic and easy to answer. I came up with some and received feedback from Miss Jinchi to improve the research questions and research objectives to make them more interesting. I wrote down the problem statement using paraphrased sentences from existing sources and shortened it more to make it mo...
Read more

Information Design - Exercises

-
Image
Week 1 - 7 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media GCD 60504 Information Design Exercises Instructions Exercises Exercise 1 - Quantifiable Information I have a packet of colorful cotton balls that I could use for this exercise. There were too many so I picked out a usable amount that still has some variety in colors.  Fig. 1, unsorted cotton balls Then I arranged them by color in a swirly pattern and counted how many of each colored cotton ball there is. Final Composition Fig. 2, final composition with cotton balls Exercise 2 - L.A.T.C.H Infographic Poster For this exercise, we needed to organise a group of information that combines and utilised at least 4 of the L.A.T.C.H principles. I have decided to choose sharks as my topic and listed out the L.A.T.C.H principles I will be using, which will be; L (Location) = The Mediterranean Sea A (Alphabet) = Shark Names by Alphabet C (Category) = Species of Sharks H (Hierarchy) = Apex Predators, Mid-Level Predators,...
Read more