INFORMATION DESIGN - REDESIGN

-

6/1/2022 - 14/1/2022
Hansel Ribowo (0350008)
Information Design
Exercise : Redesign

Lectures
For this exercise Ms Anis told us to redesign a bad infographic by using canva or any other website that can create a good infographic.
Instruction

Exercises
For this exercise first i search a poorly infographic design from internet.

Fig 1.1 Poorly infographic design
So i got this from internet i found that this not really good design because theres lots of text and theres lack of variation in the design so i decided to make from my infographic design by using canva.
Fig 1.2 Redesign Inforgraphic Design

So here i Redesign the infographic from the internet that i choose so here i use timeline inforgraphic and i add some of image and the evolution of the logo and i use a variety of color to make it look more interesting.

So here the comparation of infographic that i got from internet and infographic that i redesign.
 

Fig 1.3 Comparation Before and After
Final Outcome


Fig 1.4 Infographic Final Outcome

Reflection
In this exercise i use Canva

Difficulty : At first of course it confusing to use because that a lot of things and variant that i can use for the infographic but after i understand what should i do its not that hard tool to use so for the difficulty rating 5/10.

Usefulness : So this tool really help me to create a good infographic and its not hard to do so the rating 8/10.

Design Tamplates and Choices ; Theres a lot of good design in the tool and a lot of variation for the tamplate as well so for the rating 8/10.

Comments

Post a Comment

Popular posts from this blog

APPLICATION DESIGN II - EXERCISE 1

-
Image
12/04/2023 Hansel Ribowo / 0350008 BDCM (UI/UX) Application Design II - Exercise 1 Exercises In this first week, Mr. Razif explains to us about MIB and what task and project we will do this semester after that we learn how to use Chat GPT to make a website after that Mr. Razif asks us to do some exercises which make a website using Chat GPT. Here my website uses Chat GPT Fig 1.1 Home Page Fig 1.2 About Page Fig 1.3 Portfolio Page Fig 1.4 Contact Page Fig 1.5 HTML Coding in Visual Studio Code Fig 1.5 HTML Coding in Visual Studio Code Fig  1.6 CSS Coding in Visual Studio Code Fig  1.7 CSS Coding in Visual Studio Code Fig  1.8 CSS Coding in Visual Studio Code ...
Read more

APPLICATION DESIGN II - LECTURE

-
Image
03/05/2023 Hansel Ribowo/BDCM App Design II Lecture Lecture In this week we learning how to animate our website. We start by learning how to use Gsap website to help us with the animation of the website, Then we try to animate our website logo by using script that we copy from Gsap. First we need to load Gsap into HTML page we need to add script in visual studio code which is this After adding the script now we can add the animation from Gsap, our lecture want us to the animation for the logo so this the code for the animation First we need to add id to the logo. and then add the Gsap at the java script section. This one is for adding ease in/out for the animation After that, we added some animation delay to make it come one by one. This animation for the side panel that when we press it will show the menu to animate the section we need to add the animation when open and close the panel. now we making the main lo...
Read more