Session 1: Design Foundations I — Seeing
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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 08
Choose one alignment
Align every element to the same left edge. Show how instantly the design reads as organised, with nothing else changed.
- 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
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
Run the squint test
Squint until the design blurs and confirm the headline still dominates. Show the original failing the same test.
- 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.
- 01Collect ten real designs from your environment — church flyers, shop signs, event posters, social media posts.
- 02For each, write one sentence naming the main fault in the critique vocabulary.
- 03For each, write one sentence giving the specific fix.
- 04Choose the worst of the ten as your redesign subject.
- 05Write down its three hierarchy levels before you touch any layout.
- 06Sketch the eye path and mark where each level goes.
- 07Set generous margins before placing any content.
- 08Choose one alignment discipline and hold it for every element.
- 09Remove at least four elements rather than shrinking anything.
- 10Add white space between the three groups.
- 11Run the squint test and confirm the headline dominates.
- 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.
| Criterion | Passing | Excellent |
|---|---|---|
| Principle knowledge | Can name the main principles correctly. | Can explain each principle's job and give a concrete example of it failing in real work. |
| Diagnosis | Identifies problems in collected designs. | Names specific faults in the critique vocabulary and gives a fix that follows from the diagnosis rather than from taste. |
| Hierarchy | The redesign has a clear main element. | Three visibly distinct levels, decided in writing before layout, and passing the squint test. |
| Layout discipline | Elements are roughly organised. | One consistent alignment, generous margins, deliberate white space between groups, and elements removed rather than shrunk. |
| Communication | Can 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.
This session is part of
Graphic Design
4 weeks · 8 sessions · ₦40,000 · you leave with a mini brand package