Skip to content
Graphic Design
Week 1
Beginner

Session 1: Design Foundations I — Seeing

Ellis Dennis Graham 105-minute class 14 min read · 2,165 words

Before you open any tool you have to be able to see. This session teaches the vocabulary and judgement that separate designed work from decorated work: layout, balance, contrast, hierarchy, alignment, white space and how the eye actually travels across a page. Everything after this builds on being able to look at a design and name what is wrong with it.

Learning objectives

By the end of this session you will be able to do each of these without prompting.

  • Explain what graphic design is for, and what it is not
  • Use the principles of layout, balance, contrast, hierarchy, alignment and white space correctly
  • Describe how the eye travels a page and design for that path deliberately
  • Diagnose a weak design in specific, actionable language
  • Identify where design work is paid for in Nigeria and what each type requires
  • Set up your working environment and file habits for the course

The taught content

What graphic design is actually for

Graphic design is the deliberate arrangement of text and image so that a specific viewer takes a specific action or forms a specific impression. Not decoration, not self-expression, not making things pretty — although pretty is often a by-product. A church flyer that makes the service time impossible to find has failed regardless of how beautiful it is. A product label that does not communicate what is inside has failed. A business card nobody can read in dim light has failed.

This definition has a practical consequence that will govern everything you do in this course: every design decision must be justified by the audience and the goal, not by preference. When a client says 'make the logo bigger', they are usually saying 'I cannot see what this business is' — and the professional response is to find the real problem, which might be that the headline is competing with the logo, or that the contrast is too low, or that there is too much else on the page. Amateurs argue about taste. Professionals diagnose the communication problem.

The Nigerian market for this work is broad and real: churches and mosques producing weekly materials, schools and training centres, event planners, small businesses needing product labels and price lists, fashion and beauty brands needing social content, restaurants needing menus, political campaigns in season, and a large volume of remote work for foreign clients who pay in dollars. The entry ticket in every one of those is not software mastery — it is being able to make something that communicates clearly and looks deliberate.

How the eye actually moves

Readers of Latin-script text do not scan a page evenly. Research on eye tracking, and the everyday evidence of how people read, consistently shows two patterns: the F-pattern, where the eye sweeps the top horizontally, moves down and sweeps a shorter line, then travels down the left edge — common on text-heavy pages like websites and documents; and the Z-pattern, where the eye starts top-left, travels to top-right, diagonals down to bottom-left, then travels to bottom-right — common on posters and flyers with less text.

You design for this. The most important element goes where the eye lands first, which is usually the top-left or the centre-top. The call to action — phone number, date, 'Register now' — goes at the end of the path, bottom-right on a Z layout, because that is where the eye finishes. Anything you place in the middle of the page without contrast will be glanced at and skipped. This is why so many amateur flyers fail: the service time is buried in the middle at the same size as everything else, so the eye passes over it and the reader never receives the one piece of information that mattered.

Contrast and hierarchy: the two that matter most

Contrast is difference made deliberate. It can be contrast of size, weight, colour, position, shape or texture. Its job is to tell the viewer what to look at first, second and third. The failure mode is not too little contrast but too many equal things — a page where the title, the subtitle, the date, the price and the contact details are all roughly the same size and weight. When everything is emphasised, nothing is. The eye has no instruction, so it wanders and the reader gives up.

Hierarchy is the ranking that contrast produces. A well-hierarched flyer has roughly three levels: the one thing that must be seen from across a room (the offer or the headline), the supporting detail that confirms it (date, time, venue, price), and the small print nobody needs until they have already decided (terms, address, social handles). Decide those three levels before you place a single element, and write them down. Most bad designs are not badly executed; they are designs where nobody ever decided what was most important.

A useful test: squint at your design until it blurs. What you can still make out is your hierarchy. If three things compete at the same blurred intensity, your hierarchy is flat and you must choose. This one test catches more layout problems than any other, and it takes two seconds.

Balance, alignment and white space

Balance is how visual weight is distributed. Symmetrical balance mirrors elements around a centre and reads as formal, stable, traditional — appropriate for a wedding invitation or an institution. Asymmetrical balance uses unequal elements of differing weight and reads as modern and energetic — a large image on one side balanced by a block of text on the other. Both are valid; what is not valid is accidentally lopsided, where everything crowds one side and the other feels abandoned.

Alignment is the invisible grid that makes a design feel organised. Every element should align to something else — a common left edge, a common centre, a common baseline. The most common amateur tell is arbitrary placement: the title slightly left of centre, the body text centred, the logo off to the right, the price floating. Pick one alignment discipline and hold it. Left-aligned text is easier to read than centred for anything longer than a few words, because the eye returns to a consistent starting point.

White space — the empty area, which need not be white — is not wasted space. It is what makes the important things visible. Crowding is the single most common fault in amateur Nigerian design, driven by the instinct that empty space looks unfinished and the client paid for a full page. The opposite is true: white space around an element signals that it matters. If your design feels busy, the fix is almost never to make things smaller — it is to remove elements or enlarge the margins.

Learning to see: the critique vocabulary

The most valuable thing this session gives you is a language for what is wrong. 'It doesn't look nice' is useless to a client and useless to you. 'The hierarchy is flat, so the date is not readable' is a diagnosis with a fix attached. Learn to name things: the hierarchy is flat; the alignment is inconsistent; there is not enough contrast between the headline and the body; the margins are uneven; the elements are crowded with no white space; the eye path dead-ends with no call to action; the balance is accidental rather than chosen.

Practise this deliberately. Collect ten flyers from your church, your street, WhatsApp statuses and Instagram — good and bad — and write a two-sentence diagnosis of each using the vocabulary. This is how professional designers think, and it is why they can improve a design in one pass where an amateur edits for an hour and makes it worse. It is also the difference that clients notice: a designer who can explain a decision in one sentence is trusted with the account.

Instructor demonstration

The instructor takes one deliberately bad flyer and redesigns it live using only the principles from this session — no software tricks — narrating each decision and the principle behind it.

  1. 01

    Show the bad flyer

    Display an actual cluttered church or event flyer with twelve competing elements. Ask the class what they notice first. Almost nobody says the service time.

  2. 02

    Diagnose it out loud

    Name each fault in the critique vocabulary: flat hierarchy, inconsistent alignment, no white space, accidental balance, eye path with no destination.

  3. 03

    Decide the three hierarchy levels

    Write on the board: level one — the event name; level two — date, time, venue; level three — contact and social handles. Explain that this decision comes before any design.

  4. 04

    Choose the eye path

    Sketch the Z-path over the blank page and mark where level one, two and three go. Explain that the call to action sits at the end of the path.

  5. 05

    Set the margins first

    Draw a generous margin around all four edges. Explain that margins are decided before content, and that this single habit removes most of the crowded feeling.

  6. 06

    Place the headline with strong contrast

    Place the event name at the top-left at roughly three times the body size. Show the before-and-after in perceived importance.

  7. 07

    Group the supporting detail

    Put date, time and venue together as a tight group aligned on one edge, clearly smaller than the headline but clearly larger than the small print.

  8. 08

    Choose one alignment

    Align every element to the same left edge. Show how instantly the design reads as organised, with nothing else changed.

  9. 09

    Remove elements rather than shrinking them

    Delete four elements that were not needed. Explain that removal is the primary tool against clutter and shrinking is the last resort.

  10. 10

    Add white space deliberately

    Increase the space between the three groups until each reads separately. Show that the same elements now feel calm rather than busy.

  11. 11

    Run the squint test

    Squint until the design blurs and confirm the headline still dominates. Show the original failing the same test.

  12. 12

    Compare and count the changes

    Place the two versions side by side. Point out that no software effect was used — every improvement came from a principle.

Guided practice

Diagnose ten, redesign one

You collect ten real designs, write a specific two-sentence diagnosis of each using the critique vocabulary, then redesign the worst one applying every principle from this session.

  1. 01Collect ten real designs from your environment — church flyers, shop signs, event posters, social media posts.
  2. 02For each, write one sentence naming the main fault in the critique vocabulary.
  3. 03For each, write one sentence giving the specific fix.
  4. 04Choose the worst of the ten as your redesign subject.
  5. 05Write down its three hierarchy levels before you touch any layout.
  6. 06Sketch the eye path and mark where each level goes.
  7. 07Set generous margins before placing any content.
  8. 08Choose one alignment discipline and hold it for every element.
  9. 09Remove at least four elements rather than shrinking anything.
  10. 10Add white space between the three groups.
  11. 11Run the squint test and confirm the headline dominates.
  12. 12Present both versions with your written diagnosis.

The standard we hold you to

Ten diagnoses that each name a specific principle rather than saying 'not nice', and a redesign where the hierarchy is visibly three-level, the alignment is consistent, the margins are generous, and the squint test passes.

Common mistakes and how to fix them

You start designing before deciding what matters most

Fix: Write the three hierarchy levels first. Most weak designs are not badly executed — nobody ever decided what was most important, so everything got equal weight.

You fill the page because empty space looks unfinished

Fix: White space signals importance. If a design feels busy, remove elements or enlarge margins. Making things smaller is the last resort, not the first.

You centre everything

Fix: Centred text is hard to read beyond a few words because the eye has no consistent starting point. Left-align body copy and reserve centring for short display lines.

You emphasise everything

Fix: When everything is bold, large and coloured, nothing is. Choose one thing to dominate and let the rest support it. Contrast requires something to contrast against.

You place elements wherever they fit

Fix: Choose one alignment — usually a single left edge — and align everything to it. Arbitrary placement is the most reliable visual signal of amateur work.

You cannot explain your decisions to a client

Fix: Learn the vocabulary and practise diagnosing other people's work. A designer who can justify a choice in one sentence is trusted; one who says 'I thought it looked nice' is not.

Expert notes

The habits that separate someone who can do this from someone who does it well.

  • Build a reference folder from day one. Save every design you admire, sorted by type — flyer, logo, menu, social post. When you are stuck, look at ten references before you invent anything. Professionals do not design from imagination; they design from a library of solved problems.
  • Steal structure, never content. It is completely legitimate to copy the layout logic, spacing rhythm and hierarchy of a great poster while using your own words and images. That is how every designer learned, and it is the fastest route to competent work.
  • Print your designs, or at least view them at 100% on a phone screen. On-screen zoom lies constantly — a flyer that looks fine at 25% zoom in your editor can be unreadable at actual size in daylight. Always check at real size before delivery.
  • Ask 'what does the viewer need to do?' before 'what should this look like?'. Keeping the action in mind is what separates a designer from a decorator, and it is the question that makes a client feel understood rather than served.

Key terms

Hierarchy
The ranking of elements by importance, produced by deliberate contrast. Three levels is usually right.
Contrast
Deliberate difference — of size, weight, colour or position — that tells the eye where to go first.
White space
The empty area around and between elements. Not waste; it is what makes the important things visible.
Alignment
Elements sharing a common edge, centre or baseline. The invisible grid that makes work look organised.
Balance
How visual weight is distributed. Symmetrical reads formal, asymmetrical reads modern, accidental reads wrong.
F-pattern
How eyes scan text-heavy pages: two horizontal sweeps then down the left edge.
Z-pattern
How eyes scan posters: top-left to top-right, diagonal to bottom-left, then to bottom-right.
Squint test
Blurring your vision to reveal which elements still dominate — the fastest check on hierarchy.

Homework before the next session

Build your reference folder

Save twenty designs you admire, sorted by type. Write one line on each saying what it does well. This folder becomes your working library for the rest of the course.

Diagnose five designs in your neighbourhood

Photograph five real signs or flyers near you and write a diagnosis and a fix for each using the vocabulary from this session.

Run the squint test on ten designs

Squint at ten designs and write what you can still see. Note which ones pass and which collapse into a grey blur — that blur is a flat hierarchy.

Write your three hierarchy levels for a real brief

Take any real event or product you know and write its level one, level two and level three in three lines. Bring this to the next session — it is the first step of every design you will make.

Assessment rubric

How this session is marked. The certificate for Graphic Design is awarded on the deliverable, not on attendance.

CriterionPassingExcellent
Principle knowledgeCan name the main principles correctly.Can explain each principle's job and give a concrete example of it failing in real work.
DiagnosisIdentifies problems in collected designs.Names specific faults in the critique vocabulary and gives a fix that follows from the diagnosis rather than from taste.
HierarchyThe redesign has a clear main element.Three visibly distinct levels, decided in writing before layout, and passing the squint test.
Layout disciplineElements are roughly organised.One consistent alignment, generous margins, deliberate white space between groups, and elements removed rather than shrunk.
CommunicationCan describe what they changed.Justifies each change by reference to audience and goal, in one sentence, as they would to a client.

Session questions

Do I need to be able to draw?+

No. Graphic design is arrangement and communication, not illustration. You will need an eye for spacing and proportion, which is trained by looking and measuring rather than by drawing talent. Plenty of excellent designers cannot sketch.

What software will we use?+

Canva, because it is free, runs on a phone, is what most Nigerian small-business clients already recognise, and produces professional output when you apply real principles. We cover the interface in session three. The principles from this session are what make the difference — the same Canva account produces garbage in untrained hands.

Can I earn from this in Nigeria?+

Yes, and the volume is high. Churches, schools, event planners, salons, restaurants, fashion brands and political campaigns all need materials continuously, and most currently pay someone whose work is weak. A designer who can produce a clean flyer in thirty minutes and explain the choices charges properly and keeps the client.

Is Canva real design or a toy?+

It is a real production tool used commercially every day. It is not where you would draw a complex vector logo from scratch, and session six covers that limit honestly. But for the work that makes up most paid design in this market — flyers, social content, presentations, print material — Canva is entirely professional when your decisions are.

How do I know when a design is finished?+

When every element can justify its presence and nothing competes with the main message. Practically: run the squint test, check the alignment, confirm there is one clear call to action, and then stop. Adding more is almost always the wrong instinct at that point.

Last reviewed: 2026-09-12By Cyber Elias Academy faculty

This session is part of

Graphic Design

4 weeks · 8 sessions · ₦40,000 · you leave with a mini brand package

Take Graphic Design in the classroom

Reading the notes is the first level. Doing the work with an instructor correcting you in the room is how you reach the third. Two sessions a week, supervised practice, and a certificate awarded on what you produce.

Chat with us