Showing posts with label Information Design[GDD2114]. Show all posts
Showing posts with label Information Design[GDD2114]. Show all posts

Sunday, June 23, 2013

Information design: Story board

Information design: Story board


Title-Malaysia's road accident infographics
[General road accident 2011] 

from 0.00-1.07

-Gender
-Number of registered vehicles
-Registered vehicles involved in accident
-Total number of road accident
-Selangor>Subang
-Accident by locality
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

Advantages
appropriate for intended audience
accuracy
clear purpose
informative
latch
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

Disadvantages
X easy to read
X easily distinguishable and comparable data
X legibility
X creative
X good in colour balance
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --










and i started to create new design for the video
below are some screen shots of my AI files








I already chosen a music for my video.
The next step of my process is to use AE to re-do a 1 min video and then the report.

Thursday, June 6, 2013

Information Design: Malaysia's Road Accident Infographics

Information Design: Malaysia's Road Accident Infographics


Our group are doing about Malaysia's Road Accident.
We couldn't get accurate and full set data from internet.
So Nigel called to MIROS and manage to book a time for us to visit.
3rd June 2013[Monday] me, YeeLin, Kak, Nigel and YeeLin went to MIROS which is located at Kajang. 







At last we are decided to focus on "Statistical Report Road Accident 2011"

We analyse the data that we need.
General statistics -Malaysia

Vehicles registered
2002 : 12,068,144
2011 : 21,311,630

Vehicles involved in Road Accident
2002 : 507,885
2011 : 817,151

Total number of Road Accidents
2002 : 279,711
2011 : 449,040

Casualties - Fatal/Deaths
2002 : 5,891
2011 : 6,877


Road accidents by State
We are focusing on Selangor.
2002 : 73,604
2011 : 128,876


Registered Vehicles by Registration Area in 2011 - focusing on Selangor
Motorcycles : 1,088,000
Cars : 1,019,000
Buses : 7,500
Taxis : 11,000
Lorries (kenderaan barang) : 155,500
*surprisingly more motorcycles were registered than cars. difference by around 70,000*


Road Accidents by DIstrict- focusing on Subang Jaya
Number of Road Accidents : 26,650
Deaths : 129
Serious Injuries : 42
Minor Injuries : 15


Road Accident by Locality-focus on the number of deaths only. we don't want to have overload information.
City : 466
Urban : 867
Built- up - area : 982
Rural : 4,034
Road Accident by Road Category-focus on deaths
Expressway : 724
Federal : 2,449
States : 1,616
Municipal : 1,121
Others : 439


Number of casualties by type of area-focus on deaths
Residential : 1,300
Office : 570
Shopping : 140
Industrial / Construction : 230
School : 150


Road Accident by hours of the Day -focus on the highest  rate only.
Between 4pm-6pm : 690 deaths


Number of casualties by age group . focus on deaths.
6-15 : 440
16-25 : 2,310
26-45 : 1925


CAUSES : Number of Drivers (car) involved by type of road accident.-focus on deaths
Not at fault (innocent) : 7,400
Speeding : 360
Driving too close : 110
we only focus on this 3 type of faults.

_______________________________________________________________________________________
Inspiration from other infographic videos~

Video : America's Public Health Crisis- Video Infographic
inspired for the age group.


inspired us to ask what can we do to prevent road accidents.







 Video : The World is Obsessed with Fabecook

inspired for the arrangements for road accident by locality.
________________________________________________________________

OurAnd then we started to sketch our storyline.























Softwares that we used to complete the whole video are Adobe Illustrator, Photoshop and After Effects.
Here is our final infographics video.
Thanks to my group members[YeeLin,Nigel,Kak,Eugene] because we work hard TOGETHER.
^v^




Thursday, May 30, 2013

Information Design: After Effects[6th tryout]

Information Design: After Effects[6th tryout]

Aww~this is our 6th AE exercise.
Day and Night.


Thursday, May 23, 2013

Information Design: After Effects Exercises

Information Design: After Effects Exercises


Due to last 2 weeks I had missed out 2 classes, so in this post I will update total 3 AE videos.
1st is Light and Heavy
2nd is Bounce
3rd is Audio with lyrics







For the video below I m using Avril Lavigne's latest song "Singing here's to never growing up".
I use Illustrator to create all the background and typo and then import to AE.
I m actually facing problems when doing the video with audio.
Because of I missed out the class so I don't know why when I saved it as MOV there is no sound, but luckily I found the solution.

Sorry for my late update.

Thursday, May 16, 2013

Information Design: Exercise on "Story of Bottled Water"

Information Design: Exercise on "Story of Bottled Water"


Group members: Yee Lin, Fortunate and Sennie(Me)

We  chosen "The Story of Bottled Water", released on 22nd March 2010(World Water Day).



• Informative – audience learns something
• Easy to read
• Easy to understand
• Interesting
• Uses quality data
• Has a point of view
• Manageable amounts of info
• Easily distinguishable and comparable data
• Good use of contrast : black and white.
• Clear labeling : pepsi , nestle etc.
• Created for a reason
• Appropriate visual methods :yes , simple stick man , easy to understand, not too eye catching but it serves the purpose, does not drive attention away from the original message.
• Not wasting space : yeap
• Black and white factor : clean
• LATCH: Location : Cleveland,USA and INDIA. Time : Every week citizens of USA buy half a billion of bottled water. Category : tap water , bottled water.
• Vertical or horizontal organization: use more of horizontal organization.
• Appropriate for intended audience : general audience.
• No distortion of data
• Legibility : yes, very good, no overlapping text. clear.
• Space management : good, not too cramped, leaves space for audience to digest the information.
• Visibility across different mediums : suitable for any media.
• Simple and organized : yes, point by point.
• No chart junk : YES! no pie chart junk. But has 3 animated line graphs. One Happy graph on the tv. One Sales of bottled water graph. One Sales of refillable water bottles.
• Visually pleasing : yes, but it gets boring because its like 8 minutes long, maybe it should have more color and maybe have few different people speaking /different voices.
• Grab viewer’s attention : yes- moving graphics - animation
• Balance between amount and size of text : yes
• For a general audience
• Consistency of content
• Accuracy
• Encourages comparisons: bottled water and tap water . sales of bottled water and refillable bottle. Price of tap water and bottled water-tap almost free, bottled 2000x expensive. Humour/funny: example of sandwiches sold at $10k.HAHA.
• Clear purpose: to educate the public of what happens to bottled water after you throw the bottle away, what the proper way should be-recycling it to become bottles again, marketing/lies told by bottled water companies, to educate the public that 1/3 of bottled water is actually filtered tap water-AHHAHA you’ve been drinking tap water without knowing.
• Creative : nice way of trying to educate public, it’s better than just using charts and boring facts text text text .
• Engaging : makes public want to know more.
• Appropriate size : variation of image size.
•black and white factor
• Meaningful story : yes . story of Annie travelling to India to see that empty bottled water being dumped in there. Most of the empty bottles were from the US. Dumping a country’s trash to another country.
• Functional – effectively portrays the data
• Use of noticeable differences in size
• Appropriate use of fonts : legible
• Display what is relevant : give relatable examples.
• Use of pictures :illustrations.
•Use of realism : Human . Fiji bottled water.

Information type
Chronological> describes sequential positions and the causal relationships- you buy the bottled water drink it in 2 seconds and the empty bottle ends up as trash .
Infographic device
Diagram> ICON: human, planet, bottled water, tap, trash, toxic and etc.
SEQUENCE: from buying bottled water in the end it becomes rubbish.
EXPOSITION: bottled water actually is down cycled, not fully recycled as what we are told of.
Organization principles
Literacy> VISUAL: clear enough to understand the whole story
Aesthetic principles
Grid system> Create movement, a sense of space, and establish relationships; grouping affects perception
Cognitive principles
Learning styles> VISUAL: learn best from the motion graphics, posses a strong aesthetic sense
AUDITORY/VERBAL: learn best from the explanation by Annie, think in terms of words, and possess strong written and verbal skills
Process> PROXIMITY: adjacent objects are processed as a group and have like meaning
Communication method
Motion> Information presented progressively in a linear sequence.
            >Animation or graphic overlays on live action video.





Monday, April 29, 2013

Information Design: After Effects[2nd tryout]

Information Design: After Effects[2nd tryout]


Below is the link of my After Effects exercise 1st tryout
V
v

I just done another After Effects exercise
It's also in 15sec



          








Photos above i saved from IKEA website.

I used PS to remove all the background
after that I combined all of them and add the background by using AI.


Below is my 2nd times tryout of After Effects exercise 


Hopefully this is better than the 1st one.