Design You First Website In Adobe XD

Course Curriculum

Chapter 1: Introduction

Lecture 1: What You Will Find in This Course

Chapter 2: Basic Concepts

Lecture 1: What Is Adobe XD

Lecture 2: The Starter Version

Lecture 3: How to Download Adobe Xd

Chapter 3: Getting To Know the Program

Lecture 1: The Home Screen

Lecture 2: The Workspace

Lecture 3: Designing vs Prototyping in Xd

Chapter 4: Your First New Document

Lecture 1: Creating a New File

Lecture 2: Managing Artboards

Lecture 3: Layers

Lecture 4: Tools Overview

Chapter 5: Plugins and Assets

Lecture 1: Adding And Managing Plugins

Lecture 2: Plugins You Are Most Likely to Use in Your Designs

Lecture 3: How To Use the Document Assets

Lecture 4: Quick Introduction to Design Systems in Xd

Chapter 6: Getting Ready to Start Designing

Lecture 1: How to Choose the Right Colors for Your Designs

Lecture 2: 5 Tools To Find the Right Colors for Your Layouts

Lecture 3: How To Choose The Right Typeface for Your Website Designs

Lecture 4: Best Practices Of Web Design

Chapter 7: The Design and the Prototype Process

Lecture 1: The Project Overview

Lecture 2: Let’s Create a New File First

Lecture 3: Finding the Right Colors for Our Design

Lecture 4: Add the Colors and Fonts

Lecture 5: Let’s Add the Logo and the Navigation

Lecture 6: Let’s Prototype Our First Element

Lecture 7: Let’s Add the Active State and the First Hero Elements

Lecture 8: Let’s Start the Mobile Version of the Design

Lecture 9: Let’s Add the Mobile Menu

Lecture 10: Let’s Learn a Better Way of Animating the Menu Icon

Lecture 11: Let’s Add More Hero Elements

Lecture 12: Let’s Add the Social Media Icons

Lecture 13: Let’s Make the Hero Section Responsive

Lecture 14: Let’s Start the Services Section

Lecture 15: Let’s Add the Services

Lecture 16: Let’s Add the Call to Action Button

Lecture 17: Let’s Make the Services Responsive

Lecture 18: Let’s Start Adding the Portfolio Items

Lecture 19: Let’s Finish the Portfolio

Lecture 20: Let’s Make the Portfolio Reponsive

Lecture 21: Let’s Add an Image Carousel

Lecture 22: Let’s Start Adding the Blog Section

Lecture 23: Let’s Start Adding the Blog Post Excerpts

Lecture 24: Let’s Set Up Blog Pages

Lecture 25: Let's Learn Some Pagination Fx

Lecture 26: Let's Set Up the Single Post Page and Finish the Section

Lecture 27: Let’s Add the About Me Section

Lecture 28: Let’s Add the Contact Me Section

Lecture 29: Let’s Add the Footer

Lecture 30: Let’s Make the Footer Responsive

Lecture 31: The Finishing Touches

Chapter 8: How To Share Your Project

Lecture 1: Sharing by Exporting

Lecture 2: The Share Workspace

Lecture 3: What File Formats You Should Use to Deliver the File to the Client

Chapter 9: Summary

Lecture 1: Thanks for Making It All the Way to This Part of the Course

Chapter 10: BONUS section

Lecture 1: 36 Most Useful Adobe Xd Shortcuts

Chapter 11: Every Adobe XD Tool Explained (and one little bonus video)

Lecture 1: How To Use the Selection Tool

Lecture 2: The Rectangle and the Ellipse Tools

Lecture 3: The Line and the Polygon Tools

Lecture 4: The Pen Tool

Lecture 5: The Text Tool

Lecture 6: The Artboard Tool

Lecture 7: The Zoom, Eyedropper and Hand Tools

Lecture 8: How To Create a Mobile Menu in Adobe Xd