Graphic Design Basics: Core Principles for Visual Design
Ellen Lupton · Author and educator, MICA
Two working design directors show you exactly how five principles built a real layout
What you will learn
- Distinguish symmetry from asymmetry and use both to create dynamic tension in a layout
- Use scale contrast deliberately to surprise an audience and create visual energy
- Apply the three framing types (margin, bleed, partial bleed) to control how an image reads
- Build typographic hierarchy through weight, size, spacing and typographic color rather than just size
- Set up a working multi-column grid in InDesign and use pencil thumbnails to plan a layout before building it
Standout ideas
- Emil Ruder's exercise of adding hierarchy signals one at a time to a plain block of text, starting with weight and color before spatial cues like indents
- Typographic color as a term for the tone or shade of a whole block of text, not literal color, and how designers vary it to deepen compositional space
- Choosing an odd, non-divisible-by-simple-numbers column count like 12 specifically because it divides into 2, 3, 4 and 6 for layout flexibility
Best for: Beginners with no design background who want a fast, structured way to think about layout before touching a project.
This is a tightly structured, well-illustrated primer that walks through five real principles with dozens of concrete design examples and ends with a genuine start-to-finish InDesign demo, so viewers see the ideas applied rather than just defined. At 36 minutes it moves fast and stays at survey level, meaning depth on any one principle (especially grids and hierarchy) is limited and viewers with zero InDesign exposure may find the demo lesson brisk. It works well as a foundation or refresher but not as a substitute for a full course on typography or layout.