KLD Institute
Menu
Course mapOpen study notes

Slide 18 of 22

Studio part 1

Build the visual foundations board

  • Choose one safe screen or AI-generated UI sample.
  • Mark layout, typography, color, and composition.
  • Write visible evidence before making improvements.
Practice sequence
  1. 1LayoutSpacing, grouping, alignment, grid.
  2. 2TypeSize, weight, line length, role, hierarchy.
  3. 3ColorContrast, meaning, state, brand restraint.
  4. 4CompositionBalance, density, rhythm, noise.