Information Design - Project 1

-

2/2/2025 - 20/3/2025 / (Week 1 - Week 7)

An Hongzheng / 0378415

Information Design / GCD60504

Bachelor of Design (Hons) in Creative Media

TABLE OF CONTENT

1. Instruction
2. Lectures
3. Project 1: Instructable Poster
4. Reflection

INSTRUCTIONS

Figure 1.1: Module Information

Lectures

Week 6


Objective & Deliverables

  • Goal: Animate Project 1's static infographic poster to improve clarity, hierarchy, and aesthetics through motion.

  • Video (Pair/Group): Create a maximum 60-second animated infographic.

  • Blog (Individual): Document your process in an updated reflective e-portfolio.


Timeline

  • Week 5: Create a 60s timing map and a storyboard showing appearances and transitions.

  • Week 6: Build a motion wireframe (animatic) and finalize the visual system.

  • Week 7: Complete a rough cut with a sound pass, followed by the final submission of the video and portfolio updates.


Technical Specs

  • Format: 720p (1280 × 720 px) exported as H.264 / MP4.

  • Submission: Publish via an "Unlisted" YouTube link.

  • Design Rules: Maintain clear sequencing, a consistent style, and readable pacing. Motion must support clarity, not just act as decoration.


- Consultation.
  • The skectch of poster layout can be not that rough.
  • Too much information and steps, manage them into one poster can be a chanllege.
  • None of not original images could be used in this assignment.
  • Adobe Illustrator could be helpful for the continious work in After Effect.

Project 1 - Instructable Poster


Figure 3.1

-After repeatedly watching YouTube videos, I summarized and wrote down a materials list and the overall production steps.

Figure 3.2

-I searched online for references on Progress Instructable Posters.

Figure 3.3

- Then I drew a layout sketch for the poster.

Figure 3.4

- Based on the list, I searched online for real-world reference images.

Figure 3.5

- Since I'm not proficient at drawing directly with the pen tool in Adobe Illustrator, I first tried drawing using Procreate, and later converted the images to SVG using image tracing.

Figure 3.6

- I drew each individual item.

Figure 3.7

- I grouped and arranged them according to the pre-drawn sketches.

Figure 3.8

- I added a background.

Figure 3.9

- I transferred everything to Adobe Illustrator for further design.

Figure 3.10

- I added text descriptions for each step.

Figure 3.11

- I added a title and its layout design, and added the Italian flag.

Figure 3.12

- I added other border designs and decorations.

Figure 3.13

- Finally, I created a new white-gray solid color layer, added a texture effect as a filter to enhance the poster's texture.

Final Poster


REFLECTION

For Project 1, I created an Instructable Infographics Poster based on a selected recipe. This project focused on transforming a cooking process into a clear and visually engaging instructional design.

During this project, I learned how to break down a process into smaller steps and organize the information in a logical sequence. It was important to decide which parts of the recipe were most essential and how to present them clearly so that the audience could understand the instructions through visuals and text.

I also explored the use of graphical elements such as icons, layout, and simple illustrations to represent information. This helped me understand how infographics can simplify complex information and communicate it more effectively. At the same time, I needed to consider the overall composition, ensuring that the poster was visually balanced and easy to follow.

One of the challenges I faced was maintaining a balance between aesthetic design and information clarity. While I wanted the poster to look visually appealing, I also needed to ensure that the instructions remained clear and easy to understand. Another challenge was creating a consistent visual style that reflects the identity of the recipe.

Overall, this project helped me understand how infographics function as a tool for communication. I learned that a successful design should not only be visually attractive, but also effectively guide the audience through information in a structured and meaningful way.

Comments

Post a Comment

Popular posts from this blog

Minor Project

-
Image
24/9 /2025 - 31/12/2025 / (Week 1 - Week 14) An Hongzheng / 0378415 Minor Project / Final Compilation & Reflection Bachelor of Design (Hons) in Creative Media TABLE OF CONTENT 1. Instructions 2. Progress Work 3. Final Compilation 4. Feedback 5. Reflection INSTRUCTIONS Figure 1.1.1: Module Information Progress Work WEEK 1 & WEEK 2 Team Formation & Project Selection Group Work: We formed Group 21 with 6 members from different specializations (UI/UX, Graphic Design, Entertainment Design) . We selected the "Social AI Robot" project under our client, Associate Professor Dr. Izian Idris . My Work: I participated in team discussions to define our direction, agreeing to focus on the Baby Boomer generation as our target users . WEEK 3 Client Brief & Research Group Work: We held our first client meeting to understand the project requirements . The team conducted desktop research regarding the loneliness faced by Baby Boomers . My Work: I analyzed existing robot desi...
Read more

Anatomy and Character Sculpture

-
Image
25/9 /2025 - 4/1/2025 / (Week 1 - Week 14) An Hongzheng / 0378415 Anatomy and Character Sculpture / DST60404 Bachelor of Design (Hons) in Creative Media TABLE OF CONTENT 1. Instruction 2. Exercise 01: Character Design Concept 3. Project 1: Digital Sulpting Basics 4.  Project   2: Outfit & Props Sculpting 5.  Project   3: Complete Character Sculpt 6. Final Compilation 7. Reflection INSTRUCTIONS Figure 1.1: Module Information Exercise - Character Design Concept Week 1  - No class since the emergency from lecturer Week 2 - Mr. Ibrahim introduced us to the details of the course and the first task. We would need a graphics tablet and to install ZBrush on our computers. - I collected and organized mood boards and references to prepare for my character concept design. - The images are sourced from art books for anime and games, as well as photographs of bartenders from around World War I. Most of the images share a common characteristic: the clo...
Read more