โ UI/UX Design learning pathUI/UX Design ยท Module 5 of 10
Visual design principles
Make interfaces clear and attractive.
๐ Key ideas
- Hierarchy guides attention with size, weight and colour.
- Consistent spacing using an 8-point grid.
- Colour palette with primary, secondary and neutral colours.
- Typography scale for headings and body.
- 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