Look around your room. Why do some game covers or snack boxes make you want to grab them immediately, while others look like boring homework? It's not magic—it's graphic design, a secret code of shapes, text, and colours that talks directly to your brain before you even read a single word!
Words to own
- Balance
- How visual weight (size, colour intensity, and boldness) is spread across a design so it feels stable.
- Hierarchy
- Using size, boldness, or colour to guide the viewer's eye to the most important information first.
- Alignment
- Lining up text and images along invisible straight edges so the design looks clean and organised.
- Typography
- The choice, size, and arrangement of fonts to show a specific feeling or style.
- Negative Space
- The empty space around and between design elements that gives the eyes a place to rest.
- Contrast
- The difference between light and dark colours that makes text and shapes stand out and be readable.
More Than Just Pretty Pictures
Graphic design is not just about making things look cool. It is actually a superpower for solving problems and communicating messages clearly. Every poster, logo, and app icon has one main job: to get a specific message across to you as quickly as possible without you having to guess what it means.
When design is done well, it feels intentional. Every line, colour, and word choice is there for a reason. If design is done poorly, it looks like an accident, leaving you confused about where to look or what to do next. To keep things clear, professional designers rely on a few core layout rules.
| Point | Weak Layout (Accidental) | Clear Layout (Intentional) |
|---|---|---|
| Text Hierarchy | All text is the same size, making it impossible to know what is important. | Large bold heading grabs attention first, details are kept much smaller. |
| Grid Alignment | Text boxes and images are scattered randomly with uneven, messy edges. | All elements align perfectly to a clean, invisible left vertical margin. |
| Font Choice | Five different decorative fonts are mixed together, looking wild and chaotic. | One clean, easy-to-read font family keeps the message professional. |
| Negative Space | Every corner is crammed with decorations, leaving no room to breathe. | Plenty of empty space is left around the text so it stands out immediately. |
The Secret Forces: Balance and Alignment
Imagine your design is on a balance beam. If you pile all the heavy text and big dark images on the right side, the page will visually 'tip over' and look uneven. Balance is about spreading that visual weight around. Symmetrical designs are perfectly even on both sides, while asymmetrical designs use different-sized elements that still feel balanced and stable overall.
Alignment is the glue that holds everything together. It means lining up your text and shapes with invisible grid lines. When elements are scattered randomly, your brain instantly flags it as messy and chaotic. Aligning everything to a common edge makes the whole layout feel planned, sharp, and easy to follow.
Guiding the Eye with Hierarchy
If everything on a page is shouting at the same volume, you cannot hear anything. The same goes for design. Hierarchy is how you tell the viewer what is most important. You make the main heading huge and bold, the subheadings medium-sized, and the extra details small.
Here is a brilliant trick used by real designers to test hierarchy: squint your eyes until the screen or paper goes blurry. Whatever shape or word is still clearly visible is what your eye is drawn to first. If the date of a school gala stands out more than the actual name of the event, your hierarchy needs a quick fix!
Typography and the Power of Empty Space
The fonts you choose carry their own personality. A thick, chunky font might scream 'fun and comic books,' while a thin, sharp font says 'clean and modern.' Using too many different fonts on one page looks like a visual disaster. It is always best to limit yourself to one or two matching fonts.
Finally, do not be afraid of empty space! Designers call this negative space. It acts like breathing room for your eyes. Famous logos often use negative space to hide clever visual tricks. For example, the FedEx logo has a hidden arrow tucked between the letters 'E' and 'x'. Once you see it, you can never unsee it!
Try it yourself · 15 minutes
The One-Minute Card Redesign
You need
- A piece of junk mail, a loyalty card, or a messy layout from a magazine
- A blank sheet of paper
- A dark pen or pencil
- A ruler
Method
Design decisions — what would you do?
Three real situations. Pick a move and see how it plays out — there is no penalty for exploring.
Scenario 1
You are designing an A4 poster for the Year 7 School Talent Quest. You have heaps of cool photos of musical instruments and acts, but you need to make sure students actually know when and where the show is.
Scenario 2
Your school sports team, the Panthers, needs a new embroidered logo for their jerseys. You want the design to look fierce, professional, and readable from across the court.
Scenario 3
You are coding a simple mobile app to help classmates track recycling at school. You need to layout the home screen so users can log their plastic bottles easily.
Myth-busting corner
MythGood graphic design means using as many cool graphics, fonts, and decorations as possible to look exciting.
TruthGreat design is actually about simplifying. Leaving plenty of empty negative space helps the viewer's brain rest and focus on what actually matters.
MythSymmetrical design is the only way to make a layout look balanced and professional.
TruthAsymmetrical layouts can be incredibly balanced! You can balance a large, light-coloured shape on one side with a small, high-contrast dark block of text on the other.
Exam answer that scores full marks
Explain what 'hierarchy' means in graphic design and give an example of how to test whether a design has good hierarchy.
Hierarchy in graphic design refers to using visual tools like size, boldness, or colour to guide a viewer's eye to the most important information first, before they see less important details. A design with good hierarchy makes it immediately obvious what matters most—for example, an event poster with a large, bold title and smaller supporting details (date, location) beneath it. A practical way to test hierarchy is to squint at or blur the design slightly: whatever remains clearly visible is what draws the eye first. If the wrong element stands out, or if everything looks the same size and nothing stands out at all, the hierarchy needs to be adjusted so the most important information is genuinely the most visually prominent.
Why it scores
- Clearly defines hierarchy using design elements like size, boldness, and colour.
- Gives a concrete, real-world example of hierarchy using a poster design.
- Explains the practical 'squint test' to verify if the visual layout is working correctly.