By the end of this lesson, students will:
Understand the principles of design (color theory, typography, composition, branding).
Gain familiarity with digital design software (Canva, Adobe Photoshop, Illustrator, or similar).
Create a mood board for a personal or fictional brand concept.
Develop a logo, color palette, and typography for their brand.
Computers with internet access
Design software (Canva, Adobe Photoshop, or Illustrator)
Handouts or slides on design principles (color theory, typography, composition, branding)
Example branding kits (real-world brands for reference)
Mood board templates (digital or print)
Color Theory – The study of how colors interact, evoke emotions, and influence perception.
Color Palette – A set of colors chosen to represent a brand or design.
Typography – The art of arranging type (fonts, letter spacing, size, and style) in design.
Composition – The arrangement of visual elements in a design to create balance and flow.
Hierarchy – The organization of elements to guide the viewer’s eye, emphasizing key parts of a design.
Contrast – The difference between elements (color, size, shape) to create visual interest.
Balance – The distribution of visual weight in a design (symmetrical or asymmetrical).
Alignment – The positioning of text and images to create a clean, organized layout.
Repetition – The use of consistent elements (colors, fonts, shapes) to create unity.
White Space (Negative Space) – The empty areas in a design that help improve readability and focus.
Brand Identity – The visual and conceptual representation of a brand, including its logo, colors, and typography.
Logo – A symbol, text, or combination that represents a brand.
Mood Board – A visual collage of images, colors, and textures that define a design style.
Aesthetic – The overall look and feel of a brand or design.
Target Audience – The specific group of people a brand or influencer wants to reach.
Personal Brand – How an individual presents themselves visually and professionally on social media.
Consistency – Maintaining a uniform look and feel across all branding materials
Vector Graphics – Graphics made of scalable shapes (used in Adobe Illustrator for logos).
Raster Graphics – Pixel-based images (used in Photoshop for photo editing).
Transparency – The opacity level of an element in a design.
Gradient – A smooth transition between colors.
Saturation – The intensity of a color in an image or design.
Filters & Effects – Digital adjustments that modify an image’s appearance.
Exporting (PNG, JPEG, SVG, PDF) – Saving a design in different file formats for various uses.
1. Warm-Up Discussion (10-15 min)
Ask students:
What makes a brand visually appealing?
What are some well-known brands with strong visual identities?
Examples of effective branding (Nike, Apple, Starbucks, personal influencers).
Color Theory: Discuss color psychology and brand associations.
Typography: Explain font choices and how they impact brand perception.
Composition: Layout balance, spacing, and hierarchy.
Branding: How logos, colors, and fonts create a recognizable identity.
Students choose a personal or fictional brand concept (influencer identity, business idea, or passion project).
Using Canva, Photoshop, or Illustrator, they create a digital mood board that includes:
A color palette
Font styles
Inspirational images
Logo inspirations
Walk through basic tools in Canva, Photoshop, or Illustrator for logo design.
Show how to choose colors, adjust typography, and arrange elements.
Students refine their color palette based on their mood board.
Experiment with font pairings that reflect their brand’s personality.
Begin sketching or digitally designing a logo using design software.
Get peer feedback and refine their work.
Students complete their branding package, which includes:
Final Logo
Color Palette (with hex codes)
Typography Choices (with reasoning for selection)
Each student presents their branding kit (mood board + final designs).
Class provides constructive feedback.
Students reflect on what they learned and how branding impacts digital presence.
The course addresses the following DLCS standards for high school students:
Computing and Society (CAS):
CAS.a.9-12.1: Evaluate the impact of computing technologies on society, including ethical, social, and legal considerations.
CAS.a.9-12.2: Analyze the reliability and credibility of digital information sources.
Digital Tools and Collaboration (DTC):
DTC.b.9-12.1: Use digital tools to design and create multimedia artifacts.
DTC.b.9-12.2: Collaborate using digital tools to support individual and group learning.
Computational Thinking (CT):
CT.d.9-12.1: Apply computational tools and techniques to solve problems.
The course also aligns with the following Visual Arts standards:
Creating:
Anchor Standard 1: Generate and conceptualize artistic ideas and work.
Anchor Standard 2: Organize and develop artistic ideas and work.
Presenting:
Anchor Standard 4: Select, analyze, and interpret artistic work for presentation.
Responding:
Anchor Standard 7: Perceive and analyze artistic work.
Connecting:
Anchor Standard 10: Synthesize and relate knowledge and personal experiences to make art.