Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Web Design with Adobe XD
Introduction
What You Will Find in This Course (2:07)
Basic Concepts
The Starter Version (2:22)
What Is Adobe Xd (3:14)
How to download Adobe Xd (1:58)
Getting To Know the Program
The Home Screen (3:58)
The Workspace (3:53)
Designing vs prototyping in XD (2:10)
Your First New Document
Managing artboards (3:22)
Creating a new file (3:19)
Layers (2:33)
Tools overview (11:34)
Plugins and Assets
Plugins you are most likely to use in your designs (9:04)
Adding And Managing Plugins (2:33)
How to use Document assets (2:29)
Quick introduction to design systems in Xd (2:47)
Getting Ready to Start Designing
Tools To Find The Right Colors For Your Layo (7:03)
How To Choose the Right Colors For Your Designs (4:16)
How To Choose The Right Typeface for Your Websites (8:04)
Best Practices of Good Web Design (7:16)
The Design and the Prototype Process
Getting ready to start designing (1:59)
Let's create a new file first (4:59)
Finding The Right Colors For Our Design (3:42)
Add The Colors And Fonts (6:28)
Let's Add The Logo And The Navigation (4:09)
Let's Prototype Our First Element (8:05)
Let's Add The Active State and The First Hero Elements (5:19)
Let's Start The Mobile Version Of The Design (6:46)
Let's Add The Mobile Menu (5:50)
Let's Learn A Better Way Of Animating The Menu (11:04)
Let's Add More Hero Elements (4:59)
Let's Add The Social Media Icons (5:07)
Let's Make The Hero Section Responsive (3:13)
Let's STart The Sevices Section (4:20)
Let's Add The Services (15:26)
Let's Add The Call To Action Button (2:24)
Let's Make The Services Responsive (10:04)
Let's Start Adding The Portfolio Items (8:32)
Let's Finish The Portfolio (8:27)
Let's Make The Portfolio Reponsive (6:42)
Let's Add an Image Carousel (11:54)
Let's Start Adding The Blog Section (4:56)
Let's Start Adding The Blog Post Excerpts (12:55)
Let's Set Up Blog Pages (12:15)
Let's Learn Some Pagination Effects (7:50)
Let's Set Up The Single Post Page and Finish the Section (7:45)
Let's Add the About Me Section (11:13)
Let's Add the Contact Me Section (12:56)
Let's Add The Footer (8:58)
Let's Make The Footer Responsive (1:38)
The Finishing Touches (2:58)
How To Share Your Project
The Share workspace (3:11)
Sharing by exporting (4:50)
Sharing your project with a client (2:12)
Summary
Summary (1:32)
Let's Add The Active State and The First Hero Elements
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock