Design

Design Skill — Master Curriculum

Synthesized from: How to Think Like a Great Graphic Designer (Millman), Graphic Design School (Dabner/Calvert/Casey), Designing Brand Identity (Wheeler/Meyerson), Principles of Logo Design (Bokhua), Design Is Storytelling (Lupton), Steal Like an Artist (Kleon), Web Design in a Nutshell (O'Reilly), Palette Perfect (Wager), The Designer's Dictionary of Color (Adams), Thinking with Type (Lupton).

Table of Contents

1. [Design Thinking & Philosophy](#1-design-thinking--philosophy)
2. [Research & Discovery](#2-research--discovery)
3. [Typography](#3-typography)
4. [Color Theory & Application](#4-color-theory--application)
5. [Composition & Layout](#5-composition--layout)
6. [Branding & Identity Systems](#6-branding--identity-systems)
7. [Logo Design](#7-logo-design)
8. [Storytelling & Narrative Design](#8-storytelling--narrative-design)
9. [Web & Digital Design](#9-web--digital-design)
10. [Image & Photography](#10-image--photography)
11. [Print Production](#11-print-production)
12. [Packaging Design](#12-packaging-design)
13. [Wayfinding & Environmental Design](#13-wayfinding--environmental-design)
14. [Motion & Interaction Design](#14-motion--interaction-design)
15. [UX & Human-Centered Design](#15-ux--human-centered-design)
16. [Creative Process & Ideation](#16-creative-process--ideation)
17. [Professional Practice](#17-professional-practice)
18. [Design History & Movements](#18-design-history--movements)
19. [Design Ethics & Responsibility](#19-design-ethics--responsibility)
20. [Toolkit & Checklists](#20-toolkit--checklists)

1. Design Thinking & Philosophy

1.1 What Design Actually Is

Design is not decoration. It is the deliberate act of giving form to communication so that it functions, resonates, and endures.

• Problem-solving + meaning-making. Michael Bierut frames design as closer to solving crossword puzzles than to pure art — it requires "imagination and knowledge" applied to specific constraints. But Ellen Lupton argues that problem-solving alone is insufficient: design must also address "beauty, feeling, and sensation."
• Connectivity over raw creativity. Bierut: "I don't think design involves that much creativity… I think of it more as an exercise in connectivity." Great designers repurpose, recombine, and recontextualize existing forms rather than inventing from nothing.
• Performativity. Design "endows inert material with a capacity to incite action" (Bruce Mau, cited in Lupton). A calendar is not a list of dates — it's a tool for mapping time. A photo album is not storage — it's a way to edit personal history.
• Transfer of energy. Design transfers not just information but emotion and personality from maker to user. Steven Pinker's notion of writing as moving ideas "from the head of a writer to the head of a reader" applies equally to visual design.

1.2 The Designer's Mindset

From Millman's 21 interviews with legendary designers, a composite portrait emerges:

| Trait | Source | Key Insight | |---|---|---| | Obsessive curiosity | Bierut, Glaser, Scher | "The only thing that stays behind is the work." Record everything in notebooks. | | Empathy | Lupton, Wheeler | You must feel what the user feels. Design without empathy is decoration. | | Intellectual rigor | Bierut, Vignelli | Being "smart and well-read" compensates for any gap in raw talent. | | Resilience | Goldberg, Sahre | "I'm a big believer in the bungee jump." Take risks, recover, evolve. | | Authenticity | Glaser, Goldberg | Reject "schtick." Stand up for what you believe is right, even at the cost of a job. | | Volume | Bierut | "I seem to hit a lot of home runs because I have ten times as many at-bats." |

1.3 Core Axioms

1. Content drives form. Never start with aesthetics; start with what needs to be communicated.
2. Constraints are fuel. Budget, deadline, format, audience — these are not obstacles but the raw material of creative solutions.
3. Design is temporal. Every artifact — poster, building, app — unfolds over time. Eyes wander, bodies move, attention ebbs and flows.
4. Simplicity is the ultimate sophistication. Reduce until removing anything further would break the design.
5. The work must outlast the trend. Longevity over novelty (Wheeler, Bokhua, Vignelli).

2. Research & Discovery

2.1 Why Research Is Non-Negotiable

"Research is the platform from which the designer generates ideas." — Graphic Design School

Design without research is guessing. Every significant project begins with structured inquiry.

2.2 Primary Research (Generating New Data)

Methods for gathering material that does not preexist:

| Method | Description | When to Use | |---|---|---| | Observation | Photograph, sketch, record environments and behaviors in the field. | Understanding physical contexts, user behavior. | | Interviewing | Structured conversations with stakeholders, users, subject matter experts. | Brand strategy, UX research, editorial projects. | | Prototyping | Build rough physical or digital models to test assumptions. | Product design, packaging, digital interfaces. | | Ethnography | Immerse yourself in the user's environment. Watch, listen, participate. | Service design, cultural projects. | | Surveys | Quantitative data from large groups. | Market research, brand perception audits. |

2.3 Secondary Research (Analyzing Existing Data)

Methods for gathering material that already exists:

• Archival study: Historical images, typefaces, design movements, period artifacts.
• Competitive audit: Analyze competitors' visual language, positioning, touchpoints (Wheeler).
• Marketing audit: Collect and assess all existing brand collateral — "everything from business cards to websites" (Wheeler).
• Verbal audit: Examine existing messaging, taglines, tone of voice across all channels.
• Literature review: Books, journals, case studies, trend reports.
• Material sampling: Collect color swatches, paper stocks, fabric samples, textures.

2.4 The Inspiration Archive

Every great designer maintains a personal library of references:

• Bierut's 79 notebooks: Unlined, carried two at a time, containing the "genesis of every single thing I've ever worked on."
• Kleon's "swipe file": A systematically curated collection of work you admire — images, quotes, clippings.
• Dabner's "catalog of inspiration": Sketchbooks, recording devices, ongoing documentation of the visual environment.

Action items:

1. Carry a sketchbook or use a dedicated note app daily.
2. Build a tagged digital library (Pinterest, Are.na, Raindrop, or local folders).
3. Revisit your archive regularly — old references spark new connections.

2.5 Defining the Problem

Before designing anything, articulate the problem in a single sentence. Wheeler's framework:

1. What is the current state? (Where are we now?)
2. What is the desired state? (Where do we want to be?)
3. What is the gap? (What's preventing us from getting there?)
4. What are the constraints? (Budget, timeline, technical limitations, brand guidelines.)
5. Who are the stakeholders? (Client, users, internal teams, regulators.)

2.6 Research Mindset

• Linear reasoning follows logical, sequential steps. Good for structured problems.
• Lateral thinking (Edward de Bono) makes unexpected connections. Good for creative breakthroughs.
• Both are necessary. Research is not purely analytical — it requires intuition, pattern recognition, and the willingness to follow tangents.

3. Typography

3.1 Type Anatomy

Every designer must know the parts of a letterform:

| Term | Definition | |---|---| | Baseline | The invisible line on which letters sit. | | X-height | The height of lowercase letters (measured by 'x'). | | Cap height | The height of uppercase letters. | | Ascender | The part of a lowercase le