Web Design Fundamentals and Course Roadmap

Getting Started with Adobe XD Downloading XD

Basic Terms in Web Design

The Web Design Workflow

The Brief

What is Wireframing

Working with UI Kits

Working with Types in XD Wireframes

Working with Colors

Adding New Pages and Artboard

Working with Repeat Grid

Working with Icons

Wireframing About Page and Class Project

Wireframe Summary

High Fidelity Design Part I

High Fidelity Design Part II

High Fidelity UI Design Top Destination Section

Blog Section High Fidelity UI Design

Our Partners Section High Fidelity UI Design

Footer Section High Fidelity UI Design

More on Footer Section Making Component

Class Project High Fidelity UI Design

What is Prototyping

Prototyping Triplore

Component State Change for User Experience on Prototyping

Prototyping Class Project

Record Prototype Interactivity

Exporting Images and Assets

What's next after prototyping and mockup introduction

Mocking up your design

Final Class Project

Course Conclusion