Course curriculum

  • 1

    Introduction

    • Introduction

    • About the course

    • References (for this topic)

    • Glossary of Terms (for this topic)

    • Useful Sites and Tools

    • References (for entire series)

    • Glossary of Terms (for entire series)
  • 2

    Foundations

    • Roles in this sector

    • Basic Web Design terms

    • Additional Web Design terms

    • Structure of a website

    • Grids, Sitemap, Wireframes and Scanning Patterns

    • Screen sizes and Responsive Design

    • Adaptive Design and Pixel Density

    • Commonly used file formats

    • SVG, WebP and JPEG 200

    • UX & UI Design

    • UX laws

    • Additional UX laws

    • App design
  • 3

    Design without coding

    • Intuitive tools for web design

    • Adobe XD + Webflow workflow - Getting started

    • Adobe XD + Webflow workflow - Importing design to Webflow

    • Adobe XD + Webflow workflow - Adding animations

    • Adobe XD + Webflow workflow - Scroll animations

    • Adobe XD + Webflow workflow - Out-of-bounds effect with parallax scrolling

    • Parallax Scrolling Prototype with Adobe XD (Part 1)

    • Parallax Scrolling Prototype with Adobe XD (Part 2)

    • Parallax Scrolling Prototype with Adobe XD (Part 3)
  • 4

    Additional areas and types of projects

    • Design systems

    • Icon design

    • Icon design techniques and terms

    • Banner ads

    • Banner campaign design - Introduction

    • Banner campaign design - Images and text

    • Banner campaign design - Vector elements

    • Banner campaign design - Main banner

    • Banner campaign design - Mutations

    • Banner campaign design - Frames

    • Banner campaign design - Exporting files

    • Social media design

    • YouTube thumbnail design

    • How to make thumbnail images stand out?

    • Presentation design

    • Interactive presentation with Adobe XD (Part 1)

    • Interactive presentation with Adobe XD (Part 2)

    • Digital publishing

    • Motion design

    • AR & VR
  • 5

    Exercises

    • Conclusion and next steps

    • Test your knowledge! - Web and Digital Design quiz

    • PROJECT - Design a mobile app prototype

    • Submit your Work [Pro Members Only]