Web Design

Basics

Resources Tasks
What is product design?
Read
What is design thinking?
Read
What is web design?
Read
What is color theory?
Read
What is RGB?
Read
What is CMYK?
Read
Reducing design complexity
Read
Color combinations
Read

Prototyping

What is an MVP?
Read
What is low fidelity prototyping?
Read
What is high fidelity prototyping
Read

UI & UX

UI vs UX
Read
Simplicity
Read
Typography
Read
Grid
Read
Google Fonts
Read
Font Types
Read

Design Systems

Space, grids, and layouts
Read
Color
Read
Typography
Read

Tasks

Low fidelity design Working with shapes Drawing animal icons Profile Card Color Theory Practice Golden Ratio Design Practice Copying a website Website Layout Review

Resources

  1. Presentation: Color Theory
  2. App: Color Wheel
  3. Article: Color Theory
  4. Article: Color Blind Design
  5. Fibonacco sequence in UI: The Golden Ratio
  6. Golden Ratio Calculator
  7. Fontstruct - font-building tool
  8. Add a font to Figma design
  9. Typescale
  10. Bootstrap 5 UI Kit
  11. 10 Websites Made With Bootstrap