โ† UI/UX Design learning path
UI/UX Design ยท Module 5 of 10

Visual design principles

Make interfaces clear and attractive.

๐Ÿ“– Key ideas

  1. Hierarchy guides attention with size, weight and colour.
  2. Consistent spacing using an 8-point grid.
  3. Colour palette with primary, secondary and neutral colours.
  4. Typography scale for headings and body.
  5. Contrast and alignment improve readability.
๐Ÿ’ก Real-life example: Visual design is arranging a shop window: the hero product big and lit, others neatly supporting it.
Visual hierarchyOrder of visual importance
8-point gridSpacing system based on 8
Type scaleSet of font sizes
PaletteChosen set of colours