Graphic Design Starter · free course

Free course · Lesson 1 of 5

Introduction to Graphic Design Principles

In this lesson you will

  • Create a clear visual hierarchy
  • Group and align information

Every great design follows a few core visual rules that guide the viewer's eye and make information easy to digest. These rules apply whether you are designing in Canva, Adobe Illustrator, or Photoshop.

  • Contrast: Make important elements stand out using opposite colors, sizes, or weights. A dark headline on a light background draws the eye first.
  • Hierarchy: Arrange content by importance — the biggest, boldest element should be the main message. Use size and weight to create a clear reading order.
  • Alignment: Every element should have a visual connection to something else. Consistent left-alignment (or center-alignment) creates a clean, professional look.
  • Balance & Negative Space: Don't fill every corner. Empty space (negative space) gives the design room to breathe and makes the important elements more powerful.

Practical Skill: When designing a community awareness poster, start with one strong focal image. Place your headline directly above or overlapping it. Keep body text small, aligned left, and separated by plenty of whitespace. Always ask: "Where do I want the eye to go first?"

TemplateDesign Blueprint: Community Awareness Poster
Worksheet
=== POSTER BLUEPRINT (Canvas: A4 / 210mm x 297mm) === Canvas Size:   210mm wide x 297mm tall (A4 portrait)Orientation:   Portrait (tall)Software:      Canva (free template), Adobe Illustrator, or Photoshop --- LAYOUT STRUCTURE --- +---------------------------------------------+|  (Leave 10mm margin on all sides)           ||                                              ||   [LOGO / ORGANIZATION NAME]  ← Top-left    ||           small, 12pt, muted color           ||                                              ||   ████████████████████████████████████████   ||   █   MAIN HEADLINE (2 words max)       █   ||   █   Font: Bold Sans-Serif, 48–60pt   █   ||   █   Color: #1D448A (dark blue)       █   ||   ████████████████████████████████████████   ||         ↑ This is the FOCAL POINT            ||                                              ||   [One strong image or icon — occupies        ||    roughly 40% of the canvas height]         ||                                              ||   Subheading or key stat: 18–22pt            ||   Color: #F2C035 (accent gold)               ||                                              ||   Body text (3 lines max): 11–13pt           ||   Left-aligned, line spacing 1.4             ||   Color: #374151 (dark gray)                 ||                                              ||   [CTA Button area: Rounded rectangle        ||    Full-width, 50px tall, #1D448A bg         ||    White text, 16pt bold, centered]          ||                                              ||   Footer: contact/website — 9pt              |+---------------------------------------------+ --- TYPE SCALING RULES ---  • Headline : Subheading : Body = 4 : 1.5 : 1  • Example: 48pt Headline / 18pt Sub / 12pt Body --- ALIGNMENT RULES ---  • Headline: centered  • Body text: left-aligned (ragged right)  • Logo: top-left aligned with 10mm margin  • CTA button: centered, full-width with 20mm side padding

Practice exercise

Take a busy flyer, rank its information by importance and redraw it on paper so the main message and action stand out in three seconds.

Key takeaways

  • Decide what must be seen first
  • Group related information
  • Use space generously
In the full program Module 1: Design Principles See how this topic is taught in depth, with practical activities and an assessment.

Free self-study lesson — no certificate. For the full instructor-led program, see registration options.