Shapes of Information
Stories without words
Silent rules of design
Pixels and Tricks
Journey of a Project
100

This type of chart shows percentages as slices of a circle.


Pie Chart

100

This infographic resembles a mini-magazine with visuals and short text sections.


Visual Article

100

This principle fails when light text is placed on a light background.


Contrast

100

This tool removes unwanted edges and brings focus to the main subject.


Cropping

100

This stage involves researching the audience and writing the rationale.


planning and strategizing

200

This chart looks like a pie chart but has a hollow middle.


 Doughnut Chart

200

This infographic arranges events or moments in chronological order.


Timeline

200

Repeating similar shapes, colors, or fonts uses this principle.


Repetition

200

This adjustment makes colors appear richer and more vibrant.


Saturation

200

Subject Course Name

Empowerment Technology

300

This chart is best for showing how data changes over months or years.


line Graph

300

This infographic uses arrows and boxes to show steps, choices, or pathways.


Flowchart

300

This principle ensures both sides of a design look visually balanced.


Balance

300

This tool bends, stretches, or twists an image to create distortion.


Warp

300

This stage involves promoting or demonstrating the completed product.


Execution and awareness

400

This chart uses upright bars to compare the sizes of different groups.


Column Chart

400

This infographic summarizes formulas, shortcuts, or rules for fast recall.


Cheat Sheet

400

This principle groups related elements close together to show connection.


Proximity

400

This technique removes the background so a subject can be placed elsewhere.


Background Removal / Editing

400

This stage includes coding, prototyping, and creating content.


Project development

500

This chart uses horizontal bars so large values can be compared easily.


Bar graph

500

This infographic presents similarities and differences between two items.


Comprison

500

This principle creates a focal point to guide the viewer’s eye.


Emphasis

500

This adjustment increases the difference between dark and bright parts of an image.


Contrasts

500

This stage includes updates, bug fixes, and improvements after launch.


Project maintenance 

M
e
n
u