Information Design PROJECT 1 & 2: INFOGRAPHIC POSTER

ZHOU YUTONG / 0378676

Information Design design / Bachelor of Design (Honours) in Creative Media 

PROJECT 1 & 2: INFOGRAPHIC POSTER

---

TABLE OF CONTENT

LECTURES

INSTRUCTIONS

EXERCISE

FEEDBACK

REFLECTION

---

LECTURES

Week 7: Typography in Information Design

Typography is crucial in information design, impacting brand perception and information clarity.

The font must be clearly legible: Test font size, weight, line spacing, letter spacing, and color.

Test different fonts: If there are no brand restrictions, try different styles such as tall, condensed, and bold.

Find suitable font pairings: Generally, use one font/style for headings and another for body text.

Maintain consistency: Once the font combination is determined, all charts and graphs should use the same style.

Establish visual hierarchy and alignment: Ensure that headings, data points, and body text have consistent font sizes and are neatly arranged (left alignment, center alignment, Z-shaped layout).

Conclusion: Good fonts enhance information design, while bad fonts ruin readability; font selection requires experience, testing, and a sense of rules.

Week 9:Infographics Storyboard

A storyboard is a tool that uses images or sketches to sequentially present the key events, shots, and actions of a story, helping to plan and communicate visual narratives.

It allows teams to share a common vision, reducing the cost of revisions during production.

7 Steps to Creating an Effective Storyboard:

**Define Project Purpose and Objectives:** Know what you want to do and what you want to convey.

**Write the Script or Narrative:** List the sequence of events, dialogue, and actions, then break them down into key scenes.

**Determine the Storyboard Format:** Choose between traditional/digital/landscape/portrait/animatic, and determine the number of frames needed.

**Draw Each Frame:** Draw characters, scenes, camera angles, compositions, etc.

**Add Annotations:** Clearly describe actions, camera movements, dialogue, transitions, etc.

**Review and Revise:** Communicate with the team and adjust the visuals and narrative logic based on feedback.

**Complete and Share the Storyboard:** Clean up, organize, and distribute to all relevant production staff.

**Conclusion:** Storyboards make visual narratives clearer, more organized, and more efficient. More practice will make your project planning smoother and your storytelling more powerful.

---

INSTRUCTIONS

---

PROJECT 1 & 2

PART 1: Infographic poster 

I chose this poster because I thought it was visually appealing, but the content was too cluttered and overwhelming, making it difficult to find the main point.

Reference

Process

After confirming the theme as lychee, I designed four drafts.

I designed a poster in Photoshop, and initially I chose Idea 1.I designed a poster in Photoshop. Initially, I chose idea 1, and I drew a picture of lychees myself.

Design in PS

Finished poseter

However, the professor wasn't very satisfied, so I chose the second idea.

Improved poster

PART 2: Minimal animated infographic

When I was designing the poster, I had already planned out the animation elements: movable leaves, information blocks that change step by step according to the numerical sequence from 1 to 4, varying their transparency, and a shaved lychee.

OUTCOME

PART 1: Infographic poster 

PART 2: Minimal animated infographic

---

FEEDBACK

week 9:There's too much content. My teacher told me to focus more on the overall structure rather than the specific words.

---

REFLECTION

Throughout Project 1 and 2, I gained a clearer understanding of how typography, layout, and visual hierarchy influence the effectiveness of information design. When creating the infographic poster, I initially focused too much on visual richness. As a result, the first version of my poster became overcrowded, making it difficult for viewers to identify the key message. After receiving feedback, I learned the importance of prioritizing structure over decorative detail. Simplifying the layout and refining the flow of information significantly improved readability and clarity.

Working on the storyboard and animation also helped me understand how planning affects the final output. Mapping out each animated element forced me to think more carefully about sequencing, transitions, and how each part of the infographic contributes to the overall narrative. The process made me realize that effective motion design relies on clarity and intentional pacing, rather than adding movement for its own sake.

One key takeaway from this project is that information design requires balancing aesthetics with communication. Testing different fonts, maintaining consistency, and building a clear visual hierarchy are essential steps, even before the visual style is finalized. The improvement from my first draft to the final poster demonstrates how structured decision-making and feedback can elevate a design.

Overall, this project strengthened my ability to analyse design problems, revise based on critique, and create visuals that communicate information more effectively. I also learned to approach future design tasks with greater attention to planning, simplicity, and clarity.