Design Fundamentals

Core Principles That Make Visuals Work

Good design isn't magic. It follows principles anyone can learn.

The Purpose of Design

Communication First

Design isn't decoration. It's communication. Every element should serve the message.

Guide the Eye

Design directs attention. What should they see first? Second? Third?

Create Feeling

Color, typography, imagery create emotional response. Design with intention.

Core Design Principles

Contrast

Difference creates interest and hierarchy.

Types of contrast:

  • Light vs. dark
  • Large vs. small
  • Bold vs. thin
  • Color vs. neutral
  • Busy vs. simple

Why it matters: Without contrast, everything looks the same. Nothing stands out.

Alignment

Elements should connect visually. Nothing placed randomly.

Alignment creates:

  • Order
  • Professional appearance
  • Visual connections
  • Easier reading

Rule: Every element should align with something else.

Repetition

Repeat visual elements for consistency and cohesion.

Repeat:

  • Colors
  • Fonts
  • Spacing
  • Graphic elements
  • Patterns

Why it matters: Repetition creates unity. Random elements create chaos.

Proximity

Related items should be grouped together. Unrelated items should be separated.

Proximity shows:

  • What belongs together
  • Organizational structure
  • Relationships between information

Space is information. Closeness implies connection.

White Space (Negative Space)

Empty space isn't wasted space. It's breathing room.

White space provides:

  • Emphasis on content
  • Visual rest
  • Premium feeling
  • Improved readability

Common mistake: Filling every inch. Let designs breathe.

Hierarchy

Not all information is equally important. Show what matters most.

Create hierarchy with:

  • Size (bigger = more important)
  • Color (bold or contrasting = more important)
  • Position (top/center = more important)
  • Typography (bold, different font = more important)

Balance

Visual weight should feel distributed intentionally.

Types:

  • Symmetrical: Mirror image, formal, stable
  • Asymmetrical: Different elements balance each other, dynamic, modern

The Squint Test

Squint at your design. What stands out? Is that the most important element?

If not, adjust hierarchy.

Less Is More

When in doubt, remove elements.

Amateur designs have too much. Professional designs have just enough.

Signs of overdesign:

  • Multiple fonts
  • Too many colors
  • Cluttered space
  • Competing focal points
  • Decorative elements that add nothing

AI Prompt: Design Feedback

Give me feedback on this design concept.

Design purpose: [What it's for]
Main message: [Key point to communicate]
Audience: [Who will see it]
Elements I'm using: [Describe your design]

Please evaluate:
1. Does it follow core design principles?
2. What's working?
3. What could improve?
4. Is the hierarchy clear?
5. Specific suggestions

What's Next

The psychology of color.

Next chapter: Color that connects.