June Hart AI tutor portrait for this course

Guided course - 5 chapters

Sketchnotes: A Practical Course with June Hart

June Hart teaches Sketchnotes through five practical chapters that move from a clear foundation to guided work, applied decisions, and revision. You will finish with a finished draft with process notes, a tutor-ready capstone, saved notes, and a repeatable way to continue practicing.

Students, teachers, workshop leaders, and visual learners 2 hrs 30 min Practice and checkpoints Free curriculum
Start or resume

Your course progress

0 of 5 chapters complete

0%
0%

Sign in is required to save progress, checkpoint answers, and notes. Sign in to continue.

Next: chapter 1

What you will learn

Build knowledge, use it, and leave with evidence of progress.

  • Explain the essential Sketchnotes vocabulary through a connected mental model.
  • Follow and explain a reliable creative practice workflow in guided practice.
  • Apply Sketchnotes to a realistic scenario with visible constraints and tradeoffs.
  • Evaluate and revise a finished draft with process notes using evidence-based success criteria.
  • Complete a capstone and leave with a specific next-practice plan.

Before you start

  • No portfolio is required
  • Use the tools and materials you already have where possible

Useful materials

  • A notebook or sketchbook
  • Relevant basic creative tools
  • A way to photograph, record, or export work for review

Suggested rhythm

Complete one 30-minute chapter at a time: learn for 10 minutes, practice for 15, then use 5 minutes for the checkpoint and notes.

Course capstone

Sketchnotes showcase piece

Respond to a focused Sketchnotes brief and document the path from reference and rough draft to a revised final piece.

What you will submit

  1. A one-paragraph creative brief
  2. At least two exploratory drafts
  3. A finished piece with a revision reflection

How it will be reviewed

  • The intent is recognizable
  • Craft choices support the brief
  • Development is documented
  • Revision improves a named weakness

Course chapters

Learn, practice, check, and record what matters.

2 hrs 30 min total
  1. Chapter 1

    Sketchnotes: Foundations and vocabulary

    Build a dependable mental model for Sketchnotes before trying to memorize isolated details. You will define the essential vocabulary, inspect a worked example, and turn the ideas into a reference you can actually use.

    27 min Not complete

    Learning objectives

    • Explain the purpose of Sketchnotes in your own words.
    • Use the chapter vocabulary accurately in a short example.
    • Distinguish a strong example from a common misconception.
    • Create a compact reference for later practice.

    Key terms

    1

    Start with the purpose

    Place Sketchnotes inside a small creative brief with a clear audience, mood, or purpose. Name the result a learner is trying to produce and the constraints that make the skill useful.

    2

    How Sketchnotes actually works

    These are the load-bearing ideas. Everything later in the course is an application of one of them, so it is worth reading slowly and returning to when something stops making sense.

    • Ideas, not art. Sketchnoting captures thinking rather than produces drawings. The test of a good sketchnote is whether it helps you or a colleague recall and use the idea later.
    • Five shapes draw almost anything. The visual vocabulary reduces to the dot, line, circle, square and triangle. Nearly any object can be approximated from those five, which removes the drawing-skill barrier that stops most people from starting.
    • Drawing while listening aids recall. Sketchnoting forces selection and reformulation instead of transcription, the same mechanism behind findings that longhand note-takers beat verbatim typists on conceptual questions. The constraint of limited space is doing the work.
    3

    Misconceptions worth clearing early

    Each of these is common, understandable, and expensive to leave in place. Recognising them now saves rework later.

    • Trying to capture everything. Existing note-taking habits are transcription habits, so the pen never stops and no selection happens. Fix: Set a hard limit of one page per session, since scarcity of space forces the choices that make the notes useful.
    • Stopping to perfect a drawing. Perfectionism about one icon costs the next two minutes of the talk. Fix: Keep every icon under about five seconds and accept that a lopsided circle communicates as well as a compass-drawn one.
    • Editing while generating. Judgement feels like quality control. Fix: Separate the sessions: make first without evaluating, then critique in a distinct pass.
    4

    Build the mental model

    Connect the key terms as a process rather than a word list. Use this sequence: collect references, make a rough draft, develop one choice, and revise with focused critique.

    5

    Catch the common miss

    Compare a surface-level attempt with one that shows intentional choices, craft control, a coherent result, and thoughtful revision. Explain the single difference that matters most.

    CHAPTER 1 OF 5 · FOUNDATIONSSketchnotesLeaves you with a finished draft with process notesCOURSE PROGRESSbriefreferencecompositionKEY TERMS
    Framing lab

    Zone the page like a frame

    A sketchnote is a composition. Place the focal sketch on a power point and let the rest of the page orbit it.

    The thirds grid is a default, not a law: intersections feel alive, centers feel formal, and a horizon on a third gives the sky or the ground the vote.

    • Put the subject on each of the four power points — which feels strongest for a portrait?
    • Center the subject deliberately and name a photo that should be centered.
    Side-by-side comparison

    Two drafts of the same piece

    Both attempts look plausible from a distance. Toggle the highlights and study where they part ways.

    Aspect First-idea draft Developed draft
    Intent The mood drifts halfway through One clear intention carried start to finish
    Craft Every effect applied at once One technique controlled, in service of the brief
    Revision Restarted from scratch after vague dissatisfaction One named weakness fixed, with before and after kept

    The developed draft is not more talented — it is more decided.

    Practice round

    Match the Sketchnotes vocabulary

    Tap a term, then the definition it belongs to. Wrong guesses cost nothing but honesty.

    Retrieval beats rereading: pulling a definition from memory strengthens it far more than recognizing it on the page.

    • Clear the board once, shuffle, and beat your attempt count.
    • Say each definition aloud before tapping — then check yourself.
    Practice activity - 12 min

    Make a one-page field guide

    Create a compact field guide that would help a new learner recognize and begin using Sketchnotes.

    1. Write a one-sentence definition and purpose.
    2. Add the four key terms with a plain-language example.
    3. Include one non-example and explain why it misses.
    4. Finish with a three-step starter checklist.
    Deliverable

    One annotated page or slide that can be reused in later chapters.

    Success looks like
    • The definition is specific.
    • Examples match the vocabulary.
    • The checklist is usable without extra explanation.
    Knowledge check

    Which response best shows a usable foundation in Sketchnotes?

    1 question
    Which response best shows a usable foundation in Sketchnotes?
    Not started

    Sign in to save chapter notes to your account.

    Ready to complete this chapter? Complete the field guide and answer the checkpoint before moving to guided practice.
  2. Chapter 2

    Visual summaries: Guided demonstration

    Follow a complete Visual summaries example from setup to result, pausing at the decisions that experts often make silently. Then repeat the process with support and check your work against visible criteria.

    29 min Not complete

    Learning objectives

    • Sequence the main steps in a reliable Visual summaries workflow.
    • Explain why each important decision is made.
    • Complete a supported example without skipping verification.
    • Use a checklist to identify one correction.

    Key terms

    1

    Watch the whole process

    Trace a model from the initial prompt to a finished draft with process notes. Mark each point where the learner must observe, choose, or verify rather than act automatically.

    2

    Worked example: Sketchnoting a 30-minute talk

    Follow each step and predict the next before you read it. Predicting first is what turns a demonstration into practice.

    1. Draw the frame first: title, speaker and date in one corner, leaving the rest of the page open.
    2. Listen for about a minute before writing, so the first thing captured is a real point rather than an opening pleasantry.
    3. Capture each main point as a short hand-lettered phrase with one simple icon beside it.
    4. Use arrows and containers at the end of the talk to connect points and box the two or three conclusions.

    Structure added after listening beats a layout chosen in advance, because the shape of a talk is not knowable until it is over.

    3

    Where this usually goes wrong

    Watch for these while you work through the demonstration rather than afterwards.

    • Trying to capture everything. Existing note-taking habits are transcription habits, so the pen never stops and no selection happens. Fix: Set a hard limit of one page per session, since scarcity of space forces the choices that make the notes useful.
    • Stopping to perfect a drawing. Perfectionism about one icon costs the next two minutes of the talk. Fix: Keep every icon under about five seconds and accept that a lopsided circle communicates as well as a compass-drawn one.
    • Editing while generating. Judgement feels like quality control. Fix: Separate the sessions: make first without evaluating, then critique in a distinct pass.
    4

    Practice with scaffolding

    Repeat the model with one detail changed. Keep the prompts visible and say or write the reason for each choice before continuing.

    5

    Check before feedback

    Use intentional choices, craft control, a coherent result, and thoughtful revision as the quality test. Make one self-correction before asking the tutor to review the result.

    CHAPTER 2 OF 5 · GUIDED DEMOVisual summariesLeaves you with a finished draft with process notesCOURSE PROGRESSreferencecompositiondraftKEY TERMS
    Guided flowchart

    A complete Visual summaries practice run

    Pause at each arrow and explain the decision before moving to the next step.

    Step 1 of 4: Read the task
    Practice round

    Rebuild the Visual summaries method

    The steps of this chapter's method, shuffled. Arrange them so they would actually work.

    A method is a sequence, not a bag of tips — if the order surprises you, that is exactly the gap worth closing now.

    • Order the steps, then explain to yourself why step 2 cannot go last.
    • Shuffle again and solve it in fewer moves.
    Practice activity - 15 min

    Complete the guided run

    Use the chapter workflow to produce a finished draft with process notes for a slightly changed Visual summaries example.

    1. Restate the task and constraints.
    2. Follow the model one decision at a time.
    3. Record the reason for two key choices.
    4. Check the result and revise one issue.
    Deliverable

    A completed guided example with two decision notes and one correction.

    Success looks like
    • The workflow is complete.
    • Decisions have reasons.
    • The final check produces a visible correction.
    Knowledge check

    During guided Visual summaries practice, when is the best time to explain a choice?

    1 question
    During guided Visual summaries practice, when is the best time to explain a choice?
    Not started

    Sign in to save chapter notes to your account.

    Ready to complete this chapter? Submit the guided example with decision notes, one self-correction, and the checkpoint response.
  3. Chapter 3

    Icons: Applied scenario

    Transfer Icons into a realistic scenario where the prompt is less tidy and more than one option may be reasonable. You will define the constraints, choose an approach, and defend the tradeoff.

    32 min Not complete

    Learning objectives

    • Extract the relevant facts and constraints from a realistic scenario.
    • Generate at least two plausible approaches to Icons.
    • Choose an approach using explicit criteria.
    • Explain the likely consequence of the choice.

    Key terms

    1

    Read the situation

    Translate the scenario into a clear task. Separate facts, assumptions, constraints, and information that is interesting but not relevant to Icons.

    2

    Choosing well under real constraints

    Applied work is mostly judgement under limits: less time, less information, and more competing goals than a textbook example allows. These are the decision rules that hold up in practice.

    • You feel stuck mid-piece: Reduce the scope rather than abandoning it; a finished small version teaches more than an abandoned large one.
    • Feedback conflicts: Weight it by whether the person is your intended audience, and look for the note repeated by several people.
    • A piece is nearly done but not exciting: Ask what single element you would defend, and strengthen that instead of smoothing everything.
    3

    Reading the situation before acting

    Before choosing an approach, state three things explicitly: what result the situation actually requires, which constraints are fixed rather than preferences, and what evidence would tell you the approach is working. Skipping this step is the most common reason competent work solves the wrong problem.

    • Ideas, not art. Sketchnoting captures thinking rather than produces drawings. The test of a good sketchnote is whether it helps you or a colleague recall and use the idea later.
    4

    Practitioner notes

    Small pieces of working knowledge that rarely appear in introductory material.

    • Build a personal library of twenty icons you can draw without thinking: person, gear, lightbulb, clock, arrow, money, warning. Fluency comes from repetition rather than range.
    • Use one accent colour and add it after the session. Colour applied live becomes decoration, whereas colour applied afterwards becomes hierarchy.
    5

    Compare real options

    Generate two workable approaches and test both against the purpose. Do not hide the tradeoff; name what each option improves and what it gives up.

    6

    Make the reasoning visible

    Produce a finished draft with process notes and attach a short decision note. The note should make the result auditable, not merely confident.

    CHAPTER 3 OF 5 · APPLIED SCENARIOIconsLeaves you with a finished draft with process notesCOURSE PROGRESScompositiondraftrevisionKEY TERMS
    Framing lab

    Zone the page like a frame

    A sketchnote is a composition. Place the focal sketch on a power point and let the rest of the page orbit it.

    The thirds grid is a default, not a law: intersections feel alive, centers feel formal, and a horizon on a third gives the sky or the ground the vote.

    • Put the subject on each of the four power points — which feels strongest for a portrait?
    • Center the subject deliberately and name a photo that should be centered.
    Practice round

    Match the Icons vocabulary

    Tap a term, then the definition it belongs to. Wrong guesses cost nothing but honesty.

    Retrieval beats rereading: pulling a definition from memory strengthens it far more than recognizing it on the page.

    • Clear the board once, shuffle, and beat your attempt count.
    • Say each definition aloud before tapping — then check yourself.
    Practice activity - 18 min

    Solve the scenario

    Apply Icons to a scenario from school, work, home, or community life that includes at least two constraints.

    1. Write the task, audience, and constraints.
    2. Sketch two possible approaches.
    3. Choose using three criteria from the chapter.
    4. Produce the result and explain one tradeoff.
    Deliverable

    A scenario response with an option comparison and a short decision note.

    Success looks like
    • Constraints are visible.
    • Both options are plausible.
    • The final choice follows the stated criteria.
    Knowledge check

    What makes an applied Icons decision defensible?

    1 question
    What makes an applied Icons decision defensible?
    Not started

    Sign in to save chapter notes to your account.

    Ready to complete this chapter? Finish the scenario response, compare two options, and explain the selected tradeoff.
  4. Chapter 4

    Study layouts: Review and improve

    Learn to diagnose and improve Study layouts work with a focused rubric instead of vague judgment. You will separate symptoms from causes, revise the highest-value issue, and document the before-and-after difference.

    30 min Not complete

    Learning objectives

    • Evaluate a draft using explicit Study layouts criteria.
    • Identify the cause behind the most important weakness.
    • Choose a revision with high impact and reasonable effort.
    • Explain how the revision changes the result.

    Key terms

    1

    Use the rubric, not a feeling

    Review the work for intentional choices, craft control, a coherent result, and thoughtful revision. Record evidence for each judgment so feedback points to something observable.

    2

    Diagnostic checklist

    Run this before you revise anything. Diagnosing first prevents the common failure of polishing the parts that were already fine.

    • Check: Trying to capture everything — is this present in your work?
    • Check: Stopping to perfect a drawing — is this present in your work?
    • Check: Editing while generating — is this present in your work?
    • Check: Chasing a vague sense that it is not good enough — is this present in your work?
    3

    The quality bar

    This is what finished work looks like in this field. Use it as the standard for your revision rather than a general sense of improvement.

    • The work is finished to a shareable state, not left at draft
    • Choices are deliberate enough that you can explain two of them
    • A specific improvement has been identified for the next piece
    4

    Diagnose before editing

    Name the symptom, then ask what decision or missing step produced it. Choose the cause you can address rather than changing everything at once.

    5

    Revise and compare

    Make one purposeful revision and compare the two versions. Keep the change only if it improves the intended result without creating a larger problem.

    CHAPTER 4 OF 5 · REVIEW & IMPROVEStudy layoutsLeaves you with a finished draft with process notesCOURSE PROGRESSdraftrevisionbriefKEY TERMS
    Framing lab

    Give the page a grid before the notes

    Sketchnote pages work when zones are decided early. Use the grid to place the title, the flow, and the summary.

    The thirds grid is a default, not a law: intersections feel alive, centers feel formal, and a horizon on a third gives the sky or the ground the vote.

    • Put the subject on each of the four power points — which feels strongest for a portrait?
    • Center the subject deliberately and name a photo that should be centered.
    Revision flowchart

    Evidence-led improvement loop

    Revise the cause of the highest-value issue, then compare the new result with the original criteria.

    Step 1 of 4: Inspect evidence
    Side-by-side comparison

    Two drafts of the same piece

    Use this pair as your revision rubric: find which column your current draft sits in, one row at a time.

    Aspect First-idea draft Developed draft
    Intent The mood drifts halfway through One clear intention carried start to finish
    Craft Every effect applied at once One technique controlled, in service of the brief
    Revision Restarted from scratch after vague dissatisfaction One named weakness fixed, with before and after kept

    The developed draft is not more talented — it is more decided.

    Practice round

    Rebuild the Study layouts method

    The steps of this chapter's method, shuffled. Arrange them so they would actually work.

    A method is a sequence, not a bag of tips — if the order surprises you, that is exactly the gap worth closing now.

    • Order the steps, then explain to yourself why step 2 cannot go last.
    • Shuffle again and solve it in fewer moves.
    Practice activity - 16 min

    Run a focused revision cycle

    Review a previous Study layouts artifact or the supplied flawed example, then improve the most consequential issue.

    1. Score the draft against three criteria.
    2. Quote or point to evidence for the weakest score.
    3. Name the likely cause and revise it.
    4. Write a before-and-after comparison.
    Deliverable

    A marked-up draft, revised version, and four-sentence change note.

    Success looks like
    • Feedback cites evidence.
    • The revision addresses a cause.
    • The comparison explains a measurable or observable improvement.
    Knowledge check

    Which feedback is most useful for improving Study layouts?

    1 question
    Which feedback is most useful for improving Study layouts?
    Not started

    Sign in to save chapter notes to your account.

    Ready to complete this chapter? Document one evidence-based diagnosis, revision, and before-and-after comparison.
  5. Chapter 5

    Lettering basics: Capstone integration

    Integrate the course methods in a compact Lettering basics capstone. You will define the brief, plan milestones, produce a complete result, gather tutor feedback, and leave with a repeatable next-practice plan.

    36 min Not complete

    Learning objectives

    • Translate the capstone brief into milestones and checks.
    • Combine the course methods without losing the central purpose.
    • Present evidence for the quality of the final result.
    • Choose the next skill to practice from the final review.

    Key terms

    1

    Define a finishable brief

    Choose a specific audience, result, and boundary for the Lettering basics capstone. Reduce scope until the project can be finished and reviewed in one focused cycle.

    2

    Bringing the parts together

    A capstone is judged on coherence, not on the number of techniques it includes. Return to the core ideas and make sure the work demonstrates them rather than decorating them.

    • Ideas, not art. Sketchnoting captures thinking rather than produces drawings. The test of a good sketchnote is whether it helps you or a colleague recall and use the idea later.
    • Five shapes draw almost anything. The visual vocabulary reduces to the dot, line, circle, square and triangle. Nearly any object can be approximated from those five, which removes the drawing-skill barrier that stops most people from starting.
    • Drawing while listening aids recall. Sketchnoting forces selection and reformulation instead of transcription, the same mechanism behind findings that longhand note-takers beat verbatim typists on conceptual questions. The constraint of limited space is doing the work.
    3

    Standards that make the work credible

    These are the marks of work that would be taken seriously by someone who does this professionally.

    • The work is finished to a shareable state, not left at draft
    • Choices are deliberate enough that you can explain two of them
    • A specific improvement has been identified for the next piece
    4

    Practitioner notes

    Small pieces of working knowledge that rarely appear in introductory material.

    • Build a personal library of twenty icons you can draw without thinking: person, gear, lightbulb, clock, arrow, money, warning. Fluency comes from repetition rather than range.
    • Use one accent colour and add it after the session. Colour applied live becomes decoration, whereas colour applied afterwards becomes hierarchy.
    5

    Build with checkpoints

    Plan foundation, first draft, verification, and revision milestones. At each checkpoint, save evidence instead of relying on memory.

    6

    Present and continue

    Present a finished draft with process notes with a concise rationale. Use the final rubric to choose one strength to retain and one next practice target.

    CHAPTER 5 OF 5 · CAPSTONELettering basicsLeaves you with a finished draft with process notesCOURSE PROGRESSrevisionbriefreferenceKEY TERMS
    Lettering lab

    Set the proportions before the pen moves

    Slide the x-height, spacing, and slant; the guideline sheet re-rules itself instantly.

    Consistent lettering is mostly consistent proportions: the guides — not talent — hold x-height and slant steady, which is why calligraphers rule lines first.

    • Compare a 45% and a 70% x-height and name the mood of each.
    • Pick a slant and imagine keeping it identical for every letter — that is the real skill.
    Visual model

    Capstone learning loop

    Capstone learning loop The capstone is a complete cycle: define a finishable brief, build, review evidence, then choose the next practice target. 1 Brief 2 Build 3 Review 4 Continue

    The capstone is a complete cycle: define a finishable brief, build, review evidence, then choose the next practice target.

    Practice round

    Match the Lettering basics vocabulary

    Tap a term, then the definition it belongs to. Wrong guesses cost nothing but honesty.

    Retrieval beats rereading: pulling a definition from memory strengthens it far more than recognizing it on the page.

    • Clear the board once, shuffle, and beat your attempt count.
    • Say each definition aloud before tapping — then check yourself.
    Practice activity - 22 min

    Complete the capstone sprint

    Create a complete Lettering basics artifact for a defined audience and purpose, using the course rubric to review it.

    1. Write a brief with scope and success criteria.
    2. Create the first complete version.
    3. Run a self-check and request focused tutor feedback.
    4. Revise, present, and set one next-practice target.
    Deliverable

    A finished capstone, evidence of one revision, and a next-practice note.

    Success looks like
    • The result answers the brief.
    • Course methods are visible.
    • Revision follows feedback or evidence.
    • The next step is specific and achievable.
    Knowledge check

    When is the Lettering basics capstone ready to finish?

    1 question
    When is the Lettering basics capstone ready to finish?
    Not started

    Sign in to save chapter notes to your account.

    Ready to complete this chapter? Submit the completed capstone, revision evidence, rubric review, and one concrete next-practice target.

Make it personal

Turn the public curriculum into your own learning path.

Ask June Hart to adapt the sequence to your level, available time, and goal. The personalized path can then be saved in your workspace.