Basic presentation design principles – layout, color and visual hierarchy for SS 1

Class: SS 1
Term: First Term
Week: 10
Age: 15 years
Duration: 60 minutes
Subject: Digital Technologies
Curriculum Theme: Digital entrepreneurship
Focal competence: Using software tools to create engaging digital stories and presentations
Key competencies/values: Creativity and Innovation; Communication; Information Literacy; Entrepreneurship; Innovation
Skills:

• Creating digital stories, infographics, and simple slide presentations
• Using multimedia components effectively in presentations

Previous Lesson: Digital Storytelling, Presentation Principles and Multimedia Elements
Topic: Digital Storytelling & Presentation: Basic Presentation Design Principles – Layout, Color, And Visual Hierarchy
Subject Matter: Basic presentation design principles – layout, color, and visual hierarchy

Specific Objectives

By the end of the lesson, pupils/students should be able to:

Cognitive Domain

• Identify the basic principles of layout, colour, and visual hierarchy in presentation design.
• Explain the importance of each design principle for effective communication.

Affective Domain

• Appreciate the role of good design in creating engaging and professional presentations.
• Demonstrate responsible use of design elements to avoid misleading or confusing audiences.

Psychomotor Domain

• Apply basic layout principles to arrange elements on a slide.
• Select appropriate colour schemes for different presentation contexts.
• Utilise visual hierarchy techniques to highlight key information in a presentation.

Social Domain

• Collaborate with peers to critique and improve presentation designs.

Reference Materials

The following resources were used in planning this lesson:

• 2025 New Revised Senior Secondary Education Curriculum (SSEC)
• Relevant State Unified Scheme of Work
• The HeadTeacher Scheme of work For The New Revised Senior Secondary Education Curriculum (SSEC)

Instructional Materials

The teacher will teach this lesson with the aid of:

• Computer or projector
• Internet access
• Powtoon
• Canva
• Google Slides
• Microsoft PowerPoint
• Audio recorder or microphone (optional, for multimedia elements)
• Sample good and bad presentation slides

Rationale for the Lesson

This lesson is important because it equips students with essential skills to create clear, engaging, and professional digital presentations. Understanding design principles ensures that their messages are effectively communicated, a crucial skill in academic, professional, and entrepreneurial contexts. It also fosters creativity and critical thinking about visual communication.

Prerequisite/Previous Knowledge

Students should have basic computer literacy, including familiarity with opening and saving files, and a general understanding of what a presentation is.

Lesson Content/Board Summary

Basic Presentation Design Principles – Layout, Color, And Visual Hierarchy

Introduction to Presentation Design Principles

Effective presentations are not just about the content; they also depend on how well the information is visually presented. Good design principles help to communicate messages clearly, engage the audience, and make the presentation memorable. These principles apply whether you are using devices like computers, tablets, or smartphones, and impact how users process information.

Layout Principles

Layout refers to the arrangement of text, images, and other elements on a slide. A good layout ensures clarity, balance, and ease of understanding for the user, making information accessible across various devices and for different users.

1. Balance: This involves distributing visual weight evenly across the slide. Balance can be symmetrical (elements mirrored on both sides) or asymmetrical (different elements balanced by their visual weight, creating a dynamic feel).
2. White Space (Negative Space): These are the empty areas around and between elements on a slide. White space helps to reduce clutter, improve readability, and draw attention to key content, making the information less overwhelming.
3. Consistency: This means using the same fonts, colours, and element positioning throughout the entire presentation. Consistency creates a professional and cohesive look, helping the audience follow the flow of information and understand the processes involved.
4. Rule of Thirds: This principle involves dividing the slide into nine equal sections by two horizontal and two vertical lines. Placing key elements along these lines or at their intersections creates more dynamic and visually engaging compositions, guiding the user’s eye.

Practical Recognition: Observe how professional websites or magazine pages use layout principles to organise content and guide your eye through information.

Color Principles

Colour plays a significant role in conveying mood, attracting attention, and enhancing readability. Responsible use of colour can greatly impact how information is received by users and how they perceive the message.

1. Contrast: This refers to using colours that are distinctly different from each other to make elements stand out. High contrast is essential for text readability (e.g., dark text on a light background) and for distinguishing different pieces of information.
2. Harmony: This involves using colours that work well together to create a pleasing visual effect. Analogous colours (next to each other on the colour wheel) or complementary colours (opposite each other) can create visual harmony and a sense of unity.
3. Limited Palette: Sticking to a small number of colours (typically 2-4) for the entire presentation. This ensures consistency, prevents the design from looking chaotic, and helps maintain a professional appearance.
4. Color Psychology: Understanding how different colours evoke specific emotions or associations (e.g., blue for trust, red for urgency, green for nature). This helps in choosing colours that align with the message and target audience.

Practical Recognition: Notice how major brands use specific colour palettes in their logos and marketing materials to create a distinct identity and communicate their values.

Visual Hierarchy Principles

Visual hierarchy is the arrangement of elements in a way that implies importance, guiding the viewer’s eye through the information in a desired order. This helps users quickly grasp the most important information and understand the flow of the presentation.

1. Size: Larger elements naturally draw more attention than smaller ones. Use size to highlight titles, key statistics, or important images, making them stand out on any device.
2. Placement: Elements placed at the top or centre of a slide often receive more attention. Strategic positioning can guide the eye and direct the user’s focus to critical information.
3. Contrast: Using differences in colour, shape, or texture to make certain elements pop out. High contrast elements are usually perceived as more important and capture attention quickly.
4. Repetition: Repeating visual elements (like a specific icon, font style, or colour) to create a sense of unity and reinforce importance. This helps to establish patterns and guide the user through complex information.

Practical Recognition: Observe how newspaper headlines are significantly larger than subheadings, and how important news articles are placed prominently on the front page to capture immediate attention.

Teaching Methods/Instructional Techniques

Discussion, Demonstration, Guided Practice, Question and Answer, Explanation, Practical Activity

Instructional Procedures

Step 1: Introduction

Time: 5 minutes

Teaching Skill: Engaging/Activating Prior Knowledge

Teacher’s Activity: The teacher asks students about presentations they have seen (good and bad) and what made them effective or ineffective. The teacher then introduces the topic: Basic Presentation Design Principles.

Pupils’ Activity: Pupils share their experiences and listen attentively.

Learning Point: Importance of good design

Step 2: Explanation of Layout Principles

Time: 10 minutes

Teaching Skill: Explanation/Demonstration

Teacher’s Activity: The teacher explains layout principles (balance, white space, consistency, rule of thirds) using visual examples of well-designed and poorly designed slides. The teacher demonstrates how these principles apply in a presentation software (e.g., PowerPoint or Canva).

Pupils’ Activity: Pupils observe the examples, ask questions, and take mental notes.

Learning Point: Understanding layout principles

Step 3: Explanation of Color Principles

Time: 10 minutes

Teaching Skill: Explanation/Illustration

Teacher’s Activity: The teacher explains colour principles (contrast, harmony, limited palette, colour psychology) with examples. The teacher shows how different colour choices impact readability and mood in a presentation.

Pupils’ Activity: Pupils identify effective and ineffective colour uses in examples.

Learning Point: Understanding colour principles

Step 4: Explanation of Visual Hierarchy Principles

Time: 10 minutes

Teaching Skill: Explanation/Analysis

Teacher’s Activity: The teacher explains visual hierarchy principles (size, placement, contrast, repetition). The teacher demonstrates how to use these principles to guide the audience’s eye to important information on a slide.

Pupils’ Activity: Pupils analyse examples to identify visual hierarchy applications.

Learning Point: Understanding visual hierarchy

Step 5: Guided Practice – Applying Principles

Time: 10 minutes

Teaching Skill: Guided Practice/Facilitation

Teacher’s Activity: The teacher guides students to open a presentation software (Canva, Google Slides, or PowerPoint). The teacher provides a simple topic (e.g., “My Favourite Hobby”) and instructs students to create one slide, applying at least one principle from layout, colour, and visual hierarchy.

Pupils’ Activity: Pupils work individually or in pairs to design a slide, applying the learned principles.

Learning Point: Practical application of principles

Step 6: Peer Review and Feedback

Time: 5 minutes

Teaching Skill: Feedback/Collaboration

Teacher’s Activity: The teacher asks students to share their designed slides with a partner or a small group. The teacher guides them to provide constructive feedback based on the design principles discussed.

Pupils’ Activity: Pupils review each other’s work and offer feedback.

Learning Point: Improving design skills

Step 7: Evaluation/Review

Time: 5 minutes

Teaching Skill: Questioning/Assessment

Teacher’s Activity: The teacher evaluates the learning by asking the following questions:

1. What is the purpose of using white space in a presentation?
2. Give two ways to achieve visual harmony with colours.
3. How can you use size to create visual hierarchy on a slide?
4. Mention one presentation software you can use to apply these principles.

Pupils’ Activity: Pupils answer orally and in writing.

Learning Point: Recall of design principles

Step 8: Note-Taking

Time: 10 minutes

Teaching Skill: Guided Writing

Teacher’s Activity: The teacher guides pupils/students to copy the essential Board Summary notes on layout, colour, and visual hierarchy into their notebooks.

Pupils’ Activity: Pupils/students copy the notes carefully into their notebooks.

Learning Point: Recording key concepts

Step 9: Conclusion

Time: 5 minutes

Teaching Skill: Summarisation

Teacher’s Activity: The teacher summarises the importance of applying basic design principles for creating effective and engaging digital presentations, encouraging students to practice these skills regularly.

Pupils’ Activity: Pupils listen and ask any final questions.

Learning Point: Consolidation of design principles

Continuous Assessment/Further Study

Type: Homework/Project

Instruction: Using any presentation software (e.g., Canva, Google Slides, Microsoft PowerPoint), create a short 3-slide presentation on “The Importance of Digital Technologies in Nigeria”. Ensure you apply the basic principles of layout, colour, and visual hierarchy discussed in class. Submit your presentation next week.

1. Slide 1: Title slide (Topic, your name, class).
2. Slide 2: Key points on importance (use good layout and visual hierarchy).
3. Slide 3: Conclusion/Call to action (use appropriate colours).

Lesson Keywords

• Layout – The arrangement of elements on a slide.
• White Space – Empty areas around elements, improving readability.
• Consistency – Maintaining uniform design elements throughout a presentation.
• Contrast – Difference between colours or elements to make them stand out.
• Harmony – Colours that work well together to create a pleasing effect.
• Visual Hierarchy – Arranging elements to show their order of importance.
• Rule of Thirds – A compositional guideline for placing elements for better visual appeal.

Differentiation

Support: For students who struggle, provide pre-designed templates with good layout and colour palettes, focusing only on adjusting text and images. Offer one-on-one guidance during the practical activity and simplify the number of principles they need to apply.

Extension: Challenge advanced students to research advanced design principles like Gestalt principles or typography. Encourage them to create a short digital story using Powtoon or Canva, incorporating all learned principles and adding multimedia components like audio or video.

Suggested Lesson Videos

For further understanding and visual examples, students can search on YouTube for:

• basic presentation design principles ss1
• layout color visual hierarchy for presentations