Pathwise

Art, design and photography · 12 Lessons

Visual Design Fundamentals

Why some pages look right and yours don't, and the handful of decisions that fix it.

For anyone who makes slides, posts, posters, a CV, a menu or a simple app screen without being a designer. You'll learn the levers behind every good-looking page: hierarchy, contrast, alignment, space, grids, colour and type, each with exact recipes and numbers you can apply the same day. There are no pictures here. Designs are described in words, so you end up able to see and say what is wrong, not just feel it.

By the end you can

Learning to see

The three things your eye is already doing on every page: ranking, telling things apart, and grouping. Learn to control all three.

  1. Visual hierarchy: what do I look at first?

    Every page tells the eye where to go first, whether you planned it or not. Learn the four levers that set that order and a ten-second test to check your own work.

  2. Contrast: make different things really different

    Hierarchy runs on contrast, and timid contrast looks like a mistake. Learn the four kinds of contrast and how big a difference has to be before it looks intended.

  3. Alignment and proximity

    Two invisible things make a page look put together: lines nobody draws and gaps that carry meaning. Learn to line things up on one edge and to group what belongs together.

Layout

Stop placing things by eye. Set your space, your columns and your focal point once, and every page after that gets easier.

  1. Whitespace and a spacing system

    Empty space is a tool, not a waste. Learn what it does for a page, and replace random gaps with a small set of spacing steps you reuse everywhere.

  2. Grids and balance

    A grid answers 'where does this go?' before you ask. Learn to set columns, margins and gutters, and to balance a page either symmetrically or with a counterweight.

  3. Composition and the focal point

    Every page needs one winner and a path for the eye to follow after it. Learn to pick a single hero, place it off-centre, and lay the rest along the way people actually look.

Colour and type

Pick colours and typefaces on purpose instead of by mood, and make sure everyone can actually read the result.

  1. How colour works

    Stop hunting through swatches. Every colour is three dials you can turn on purpose, and each dial changes a different thing about how the colour behaves on a page.

  2. Building a palette

    Turn 'I like these colours' into a small set that works: one brand colour, two neutrals, one accent, shared out by the 60-30-10 rule and checked against a readable contrast ratio.

  3. Typography that reads well

    Choosing a font is the small decision. Size, line height and line length are the big ones. Learn the numbers that make text comfortable, how to pair typefaces, and what changes in Persian.

Practice

Turn the tools into habits: a way to critique any design, one poster built end to end, and a checklist you run before you send anything.

  1. How to critique a design

    Turn 'something feels off' into something you can fix. Four steps: describe what is there, name the goal, say what works, then name the one change that matters most.

  2. Design a poster, step by step

    One poster built from nothing to finished, in six stages: content, hierarchy, grid, colour, type, refine. Every number in it comes from a lesson you've already done.

  3. Ten mistakes and your checklist

    The ten ways designs usually fail, each with the fix you already know, a one-minute check to run before you send anything, and one genuinely bad slide to diagnose and rebuild.

Keep it, don't just read it

Pathwise brings each idea back just before you'd forget it, with a quick question. Free on Android and on the web, in English and Persian.

Cafe Bazaar Myket Open the web app