A field guide · from absolute zero

Learn to see before you design.

Everything a total beginner needs to understand graphic design: why some colours feel trustworthy, why some fonts feel cheap, how brands decide what they want, and a day-by-day path from "I know nothing" to a real portfolio. Every idea is explained twice, once properly and once like you're ten.

Start chapter 01 → Jump to the roadmap
Watch first · 30 seconds

What a designer actually does

Explainer 00 · from mess to message
Night Market
Sat 14 Nov · 7 PM
Street food · live music · local makers
Old Mill Courtyard, Pune
Free entry →
1
2
3
 Readable in 3 seconds
  1. Start with a pileA client hands you words, a date and a picture. Everything shouts at the same volume, so nothing gets heard.
  2. Line it upAlignment: everything snaps to one invisible edge (the blue line). Instantly calmer.
  3. Decide what mattersHierarchy: the title gets huge, details get small. The numbers show the reading order.
  4. Add a moodColour sets the feeling. Warm red and yellow say night, food and energy.
  5. Same words, new powerNothing was added. Design is arranging what's already there so it's understood in seconds.
First, the big idea

Design is not decoration.

Graphic design is the job of arranging pictures, words, colour and space so that someone understands something and feels something, usually in a few seconds and usually without noticing you did it.

A poster, an app screen, a cereal box, a logo and an Instagram carousel are all the same game. You have a message, a person and a tiny window of attention. The designer's job is to make the important thing obvious, the next thing easy and the whole thing feel right for the brand.

Explain like I'm 10

Imagine your room is a mess and your mum asks for your football boots. Design is tidying the room so the boots are the first thing she sees, and making it look nice enough that she smiles.

The good news is that design is not a talent you're born with. It is a set of learnable rules (psychology, colour, type, layout) plus taste, which you can train like a muscle. This guide teaches both, in that order.

Why it matters: the research

People judge with their eyes, fast.

50msis enough for people to form a stable judgement of how visually appealing a web page is. That's faster than a blink. (Lindgaard et al., 2006)
46%of people's comments about a website's credibility were about how it looked: layout, type, colour. (Stanford Web Credibility Project, Fogg et al., 2002)
Red ≠ BlueAcross four studies, red pushed perceived "excitement" up and blue pushed "competence" up. (Labrecque & Milne, 2012)
$98kUS median pay for web & digital interface designers (graphic designers: $61,300). Source: US Bureau of Labor Statistics, May 2024.

Every number in this guide links back to a real study, and where a famous stat is shakier than people claim, I'll tell you. Being sceptical is part of having taste.

Open the research library →
The curriculum

Seven chapters. One new pair of eyes.

  1. 01Taste & seeingWhat taste is, why yours is "bad" right now, and how to train it.
  2. 02Design psychologyHow brains group, scan and decide: Gestalt and the laws of UX.
  3. 03ColourColour theory, colour psychology, harmony and contrast, with tools.
  4. 04TypographyAnatomy, font personalities, pairing, scale and readability.
  5. 05Layout & compositionGrids, hierarchy, whitespace, alignment and the squint test.
  6. 06Market researchHow clients and users decide what they want, and how you find out.
  7. 07The roadmap12 months, from zero to portfolio, with a progress tracker.
  8. 08Research library32 studies behind this guide, rated by how much to trust them.
How to use this guide

Read a little. Make a lot.

  1. Watch the explainer first

    Every chapter opens with a 30-second animated explainer. Watch it, then read.

  2. Read one chapter a week

    Don't binge it. Your eyes need time to start noticing things in the wild.

  3. Do the yellow-note exercises

    Each chapter ends with small missions. They matter more than the reading.

  4. Play with the tools

    Colour wheels, contrast checkers and type scales are built in. Break them on purpose.

  5. Tick the roadmap

    Chapter 07 saves your progress in this browser. Watch the ring fill up.