Graphic design for beginners: how to learn design from scratch

Step 1

Composition: where the eye goes

Composition is how elements are arranged on the page and the order in which the viewer notices them. A good layout always answers the question “what matters most here?”. Take three posters or banners you like and break each one down:

• •what you noticed first, second and third, and why (size, contrast, colour, position);
• •where the white space is and how it helps the main element;
• •which lines the elements are aligned to: usually there are only a few;
• •what is grouped by proximity and what is separated by spacing.

💡 Squint at the layout: details disappear and only the hierarchy remains. If everything is equally visible, nothing is the main thing.

Step 2

Typography: text people actually read

Most layouts are mostly text, so typography gives the biggest payoff. At the start, one or two typefaces and a clear hierarchy are enough: heading, subheading, body text, caption. Make sure the typeface supports every script you need, and watch the line length: Butterick's Practical Typography recommends an average of 45–90 characters, including spaces.

• •separate text levels by size and weight, not by five different typefaces;
• •increase line spacing for long text, reduce it for large headings;
• •never stretch or squash letters by hand: use the typeface's other styles instead.

Step 3

Colour and contrast

Start with a limited palette: one main colour, one accent and neutral shades for text and background. Generators such as Adobe Color help you pick combinations from the colour wheel. Always check contrast: for regular text, the WCAG accessibility standard requires a ratio of at least 4.5:1 between text and background. Without it, text is hard to read in sunlight, on a poor screen or for people with low vision.

💡 Make the layout in black and white first. If the hierarchy works without colour, colour will strengthen it instead of rescuing it.

Step 4

Tools and daily practice

The tool is a secondary question, but you still have to choose. Figma is a free start, especially if interfaces interest you. Adobe Photoshop, Illustrator and InDesign are the industry standard for photos, illustration and layout, but they're paid. Free alternatives: Inkscape (vector), GIMP (raster), Penpot (interfaces), and Canva for quick tasks. What matters is constrained practice:

• •an event poster with just one typeface and two colours;
• •three cover options for the same book or podcast;
• •a redesign of your favourite café's menu or a sign near your home;
• •a design game in the community: one brief for everyone, a deadline and a vote.

Step 5

A portfolio and choosing a direction

Pick your 5–8 best finished pieces and add a few sentences to each: what the brief was, who it was for, what you decided and why. Show your work in the community before sending it to an employer. Then choose a direction: branding, print, motion, illustration or UI/UX, which is interface design. UI/UX relies on the same basics (hierarchy, typography, colour) but adds logic: how a person moves through a product and reaches their goal. More in the guide How to become a UI/UX designer from scratch.

💡 Redrawing other people's work is training, not portfolio material. Only include pieces where you made the decisions.