Design Report

Typography video outcome

This is my Franklin Gothic's video outcome.

Storyboard for typography video

storyboard 1-6

storyboard 7-12

infographic

Adobe After Effects (Week 09 -Sound)

Effect - Distort - Bulge

http://www.youtube.com/watch?v=9Eu-gOuCfkA

Adobe After Effects (3D camera)

Choose the 3D box

http://www.youtube.com/watch?v=aAP6sMQI3Q0

Different typefaces between Franklin Gothic and Trajan

Infographic Exercise (LATCH)

Adobe After Effects (Pie Chart)

http://www.youtube.com/watch?v=q68ILlY-SGw

Week 4 - After Effects Exercise

Week 3 - Adobe After Effects Exercise (Day to Night)

Today, we have learnt something new.

See the bottom bar, "Toggle Switches/Modes"
Click on it, it will show a bar called "Mode"

Click the "Noormal", then you can select what mode you want.
For example, you select "Lighten"

It changed to "Lighten".

Exercise of today :)

Week 2 - Adobe After Effect Exercise

I chose Puzzle for my AE's exercise.
Take a look :)

Infographic Organization

Group Member: Chee Mei Yun, Jacqueline Tee Pui Yee, Shai Kae Shan 

Good Example:

Before committing resources to building and designing infographics for your audience, consider these concepts (your efforts could be wasted if you do not incorporate these concepts during development.)

The Audience
Look to your community to see what content and topics it shares and discusses. Are people sharing statistics? Is the conversation formal or relaxed? A frequent mistake is trying to please everyone on the web.

The Message
Focus on your story. Infographics can be used to share more than data. They are also used to explain a process, a timeline of events or the identity of a business. Your infographics may not require any numbers. Does your community truly know what you do or understand the value of your business?

The Tone and Personality
Sometimes it makes sense for an organization to utilize a more traditional and formal info graphic. The audience in industries like finance or government contracting may prefer a "straight to the facts" approach. Those in the lifestyle market or sophisticated marketing professionals might be the right communities for bold, fun or even silly designs.

The Theme
Your infographics must have a theme! This does not mean simply utilizing the same colors throughout. A theme requires a core topic or subject represented by the visual components. For example, if your business is in the aviation industry, you may choose to have the story incorporate aircraft, pilots and other visuals that relate to your message and audience.

The Hook
Beyond your community viewing this infographic, learning from it and understanding the message, you want them to take action. Your goals will include brand awareness through views,thought leadership and social sharing, but ultimately your audience's attention should lead to some measurable key performance indicator. What do you want them to do? What are you promoting? For example, if your organization invested resources in an industry research study, you may use this infographic as the content that leads your community to download the full study.

 Bad Example:

This is one of the bad example of infographic that we found. As we can see the visual is filled with so many texts and it is not well organized. The message of this infographic is also not clear enough to reach the audience due to the size of the texts are too small. We think that this infographic may need to change in some part to perform better. For example, the main topics should be in different color and in bigger size. They should reduce using too many text to avoid audience from getting confuse.

Adobe After Effects - Exercise 1 (Lego)

First time using After Effects, so i decided to use print screen to memorize it.

First, just go to Composition > Composition Settings (as photo below)

After that, choose "PAL D1/DV", and the width and height choose 720px and 576px.

Import Photos/Photoshop File: File > Import > File..

 Choose the file you want..

After you selected the file, it will pop out this, Select "Editable Layer Styles".

As you can see, the layers are all here.
Press down the down-arrow, you will see the "Transform", press again you will see "Position".
Shortcut key for "Position" is "P".
So, you can move your object with using the button "Position" now. :)

After done the transform, go to

Composition > Add to Render Queue

The bar at the bottom, click on "Lossless"

Choose "Quick Time Movie", press on "Format Options",

it will show the type that you can save as. Just choose "MPEG-4 Video"

So, here's the lego video i have made.

Information Type

Spatial
Information that describes relative positions and the spatial relationships in a physical or conceptual location.

Example:

How much is 1 Gb?

Chronological

Information that describes sequential positions and the causal relationships in a physical or conceptual timeline.

Example:

The price of being Batman then & now

Martin Williams is born.

Quantitative

Information that describes scale, proportion, change and organization of quantities in space, time or both.

Example:

Agricultural

Enrollment by full-time and part-time students

Visualizing Gender Stereotypes

Sources:
http://www.behance.net/gallery/MTS-How-much-is-1-Gb/10567269

http://www.behance.net/gallery/The-Price-of-Being-Superheroes-Infographics/10006839

http://blog.lib.umn.edu/design/studentblogs/MartinWilliamsInfographic.png

http://www.behance.net/gallery/Agricultural-infographics-Tutorial/6659287

Books:

Designing Diagrams
Creative Editing