INFORMATION DESIGN - Project 1 ANIMATED INFOGRAPHIC POSTER
INFORMATION DESIGN - PROJECT 1 ANIMATED INFOGRAPHIC POSTER
03/02/2025 - 23/02/2025 / Week 3 - Week 5
Begimbaeva Aidina / 0380489
Information Design / Bachelor of Design (Hons) in Creative Media
Project 1 Animated infographic poster
INSTRUCTION
Manuel Lima 9 Directives Manifesto.
1. Form is subordinate to function
- Design should help people understand information, not complicate it. Visual elements should complement meaning, not be an end in themselves.
2. interactivity makes information come alive
- When users can interact with data, they understand it better and find unexpected connections.
3. Respect the source of the information
- Data credibility is the foundation of any visualization. Always state where the numbers and facts come from.
4. Stories are more memorable than dry facts.
- If you turn information into a narrative, it becomes more understandable and emotionally meaningful.
5. Don't put aesthetics above meaning
- Design should not just be beautiful, but functional. Being overly preoccupied with style can distract from the point.
6. Select only the important data
- Don't overload the visualization with unnecessary elements. Anything that doesn't add value only hinders perception.
7. Take the time factor into account
- Time is a key variable. Analyzing data without taking time into account can lead to wrong conclusions.
8. Pursue insights
- Visualization should help people find meaning in data, not just present it graphically.
9. Don't overload the design with unnecessary details
- A good visualization is a filter that helps highlight what's important, rather than creating extra noise.
Week 5
Constructive Workflow
An organized workflow helps you not only save time but also get quality results.
1.Formulate the key question
- Having a clear understanding of the problem is the first step towards a solution.
2. Develop a strategy
- Analyze the data
- Identify major and minor elements
- Distribute and prioritize tasks
- Evaluate possible outcomes
3. Create a structure for the work
- Organize files and folders
- Divide the process into steps
- Synchronize data between different tools
4. Get inspiration
- Study successful examples
- Follow current trends
- Use references as a starting point, but don't copy.
5. Define boundaries
- Time management is the key to productivity
- Set realistic goals
- Don't try to make it “perfect”, make it functional
TASK
Project 1 Animated Infographic Poster
Our main objective is to analyze the “delivery mechanisms” that affect the results of your infographic.
While content is important, however, the purpose of this presentation is to examine what makes an infographic presentation work or not work. This includes content, but only as one of many components of an infographic:
Infographic poster
INSTRUCTION:
1. Choose 1 infographic poster reference from Internet (Please consult before proceed)
2. Redesign the poster into A4 size. Sketch the idea and process
3. Redesign and simplify the poster based on visual hierarchy & typography
4. Simplify the poster's design based on color, shape & pattern
5. Attach your final poster on E-Portfolio with explanation and reflective writing
Reference
 |
| Figure 1.1 Visual Reference |
Sketches
I decided to create a poster about how chameleons change color. I found this topic interesting because many people think that chameleons change color only for camouflage, but it is actually much more complicated than that.
 |
| Figure 1.2 Sketch 1 |
 |
| Figure 1.3 Sketch 2 |
Progress Poster
Research & Concept Development
Studied how chameleons change color and why it happens (temperature, mood, communication).
Identified the main colors and transitions I want to use in the animation.
 |
| Figure 1.4 Color palette for the poster |
Determined a color palette that would accentuate the natural color transitions of chameleons.
Started creating basic visual elements in Illustrator.
I set about creating an illustration of a chameleon, working out its appearance and features. I began experimenting with colors and gradients to convey the effect of changing colors.
 |
| Figure 1.5 Сhameleon illustration |
 |
| Figure 1.6 Сhameleon illustration |
 |
| Figure 1.7 Сhameleon illustration |
After working on the illustration, I started to create an infographic for the poster. Now I am developing the composition and thinking about how to visually explain the process of color change in chameleons. I am exploring different styles of graphs and diagrams to make the information clear and visual.
 |
| Figure 1.8 poster process |
 |
| Figure 1.9 poster process |
Next, I decided to change the palette of the chameleon, so that in the animation it smoothly changes color. Now I'm selecting new shades and testing transitions to show the natural process of color change in chameleons.
 |
| Figure 1.10 poster process |
 |
| Figure 1.11 Final poster JPEG |
Figure 1.12 Final poster PDF
Progress Animated Poster
I then moved on to animating the poster, setting up smooth transitions between shades and adding dynamics to visually show how the chameleon changes color.
 |
| Figure 1.13 Animation Progress |
I animated the colored circles to move smoothly and make the infographic more dynamic, clearly showing the different shades of the chameleon.
 |
| Figure 1.14 Animation Progress chart |
I animated the bars of the chart so that they gradually grow on the screen, demonstrating the effect of temperature on the chameleon's color. This visual effect helps to clearly see how different levels of heat relate to changes in coloration.
 |
| Figure 1.15 Animation Progress |
After working with the diagrams, I moved on to animating the chameleon itself, making it gradually change color over the course of the video. This clearly demonstrates how different factors (temperature, mood, etc.) affect its color.”
Figure 1.15 Final Animation
FEEDBACK
Week 3
Your poster is visually good and talks about how chameleons change color. The layout is clear and the information is easy to follow. However, there are a few sections that could be rearranged or simplified to improve overall clarity.
Week 4
Movement and synchronization are smooth, but small tweaks, such as clarifying transitions or tempo, could have further improved the viewer's experience.
REFLECTIONS
Experience:
Working on a poster and animation about a chameleon's color change was both challenging and rewarding. I explored different design approaches, from choosing a color palette that reflected natural transitions to creating a clear visual narrative that highlighted the main points of how chameleons change their hues.
Observations:
I noticed that balancing aesthetics and information is crucial. Too many decorative elements can distract from the core data, while too much text can overwhelm the viewer. In the animation, timing and pacing significantly impact how well the transitions are understood. Minor adjustments in the flow can make a big difference in clarity.
Findings:
.gif)
Comments
Post a Comment