Design You First Website In Adobe XD

Design You First Website In Adobe XD, available at $74.99, has an average rating of 4.57, with 63 lectures, based on 7 reviews, and has 57 subscribers.

You will learn about Design Websites in Adobe Xd Independently use Adobe Xd Design and Prototype a Website Use Adobe Xd's Tools and Techniques To Build a Website This course is ideal for individuals who are Beginner web designers who want to learn of the industry's standard tools It is particularly useful for Beginner web designers who want to learn of the industry's standard tools.

Enroll now: Design You First Website In Adobe XD

Summary

Title: Design You First Website In Adobe XD

Price: $74.99

Average Rating: 4.57

Number of Lectures: 63

Number of Published Lectures: 63

Number of Curriculum Items: 63

Number of Published Curriculum Objects: 63

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Design Websites in Adobe Xd

Independently use Adobe Xd

Design and Prototype a Website

Use Adobe Xd's Tools and Techniques To Build a Website

Who Should Attend

Beginner web designers who want to learn of the industry's standard tools

Target Audiences

Beginner web designers who want to learn of the industry's standard tools

Would you like to learn how to design and prototype a website using Adobe Xd?

Well, if you are here you clearly would and I wanted to thank you for choosing this course

Here you will learn how to design and prototype your first website using Xd.

If you are completely new to the subject, let me just tell you that with Xd you can design an interactive website so that you can show your clients not only what the site would like, but also how it would work

And the best part is, that Xd comes with a full-fledged, free version, that we will be using in this course, so there really is no excuse not to at least try it out.

I’ve divided this course into two main parts. In the first one, you will learn all there is to know to get yourself started with the software, like:

how to use the interface

how to create new files

how to use the tools, plugins and assets

the differences between designing and prototyping

and only real-world aspects of web typography, best practices and trends

In the second part, we will roll up our sleeves and get our hands dirty and design and prototype a website. We will create a desktop and a mobile version of a web design freelancer’s website.

In the process, we will go deeper into adding and using elements that you are most likely to use in a real-life web design project, like mobile menus, sliders, testimonial, portfolios and so much more.

When that’s done, you will learn how to save and share your design either with a client or with other stakeholders.

The course will take you step by step from learning the basics of using Xd through designing and prototyping a website all the way to saving and sharing it.

So, if you want to become a web design freelancer or you maybe want to land a job in a web design agency, learning Adobe Xd is really a must.

So, jump right in and I really hope to see you inside!

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

Instructors

Dawid Tuminski
Adobe Certified Expert Designer and Online Entrepreneur

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 2 votes

5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!