Web Design for Beginners

Web Design for Beginners

Envato Tuts+ via YouTube Direct link

Creating the typography for our project

11 of 36

11 of 36

Creating the typography for our project

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Web Design for Beginners

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Welcome!
  2. 2 Course brief and assignment
  3. 3 UI design vs. UX design vs. web design
  4. 4 Learning to work with project briefs
  5. 5 Working with wireframes
  6. 6 Picking the right design tool
  7. 7 Color theory
  8. 8 Color harmonies, psychology and tools
  9. 9 Creating a color palette for our project
  10. 10 Let’s talk about typography
  11. 11 Creating the typography for our project
  12. 12 Spacing and sizing in web design
  13. 13 Using icons and images in web design
  14. 14 Definition and use cases for headers
  15. 15 Let’s design a header
  16. 16 Definition and use cases for hero areas
  17. 17 Let’s design a hero area
  18. 18 Definition and use cases for buttons
  19. 19 Let’s design some buttons
  20. 20 Definition and use cases for image galleries
  21. 21 Let’s design an image gallery
  22. 22 Definition and use cases for footers
  23. 23 Let’s design the footer
  24. 24 Definition and use cases for testimonials
  25. 25 Let’s design some testimonials
  26. 26 Definition and use cases for tabs
  27. 27 Let’s design some tabs
  28. 28 Definition and use cases for accordions
  29. 29 Let's design an accordion
  30. 30 Definition and use cases for contact forms
  31. 31 Let’s design a contact form
  32. 32 What is a responsive website?
  33. 33 Making layout changes for tablets and phones
  34. 34 Making a component responsive
  35. 35 A quick word about prototyping
  36. 36 Next steps and key takeaways

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.