Designing Pixel-Perfect UI course

Day 1 — UI design fundamentals

You'll learn the base User Interface design principles, how to make your UI responsive and accessible, create an icon font and a style guide, and more. Show moreShow less

• UI design principles & process
  to understand where User Interface design sits in a process and essential design fundamentals
• typography and importance of content design
  knowing when to use px and em, n-dash and m-dash, how to embed fonts and to avoid faux fonts, making your content legible
• accessibility
  to make sure you design complies with industry-standard Web Content Accessibility Guidelines (WCAG)
• iconography
  how to create a scalable and maintainable icon font, and make your icons meaningful and sharp
• graphics
  understanding which media format to use when (raster versus vector), and how to optimise it for the best performance
• layout using responsive grid
  to make sure your design works across different devices, benefitting from mobile-first approach
• styling and design systems
  creating a style guide of UI elements to have consistent design across your systems, overview of design libraries
• designing with development in mind
  to ensure your design is technically feasible to implement, understanding technical constraints