Design You First Website In Adobe XD

Focused View

Dawid Tuminski

5:18:38

8 View

1. Introduction

1.1 What You Will Find In This Course.pdf

1. What You Will Find in This Course.mp4

02:07

2. Basic Concepts

1.1 2.What Is Adobe XD.pdf

1. What Is Adobe XD.mp4

03:14

2.1 The Starter Plan.pdf

2. The Starter Version.mp4

02:22

3. How to Download Adobe Xd.mp4

01:58

3. Getting To Know the Program

1. The Home Screen.mp4

03:58

2. The Workspace.mp4

03:53

3.1 Designing vs Prorotyping.pdf

3. Designing vs Prototyping in Xd.mp4

02:10

4. Your First New Document

1. Creating a New File.mp4

03:19

2. Managing Artboards.mp4

03:22

3. Layers.mp4

02:33

4. Tools Overview.mp4

11:34

5. Plugins and Assets

1. Adding And Managing Plugins.mp4

02:33

2. Plugins You Are Most Likely to Use in Your Designs.mp4

09:04

3. How To Use the Document Assets.mp4

02:29

4.1 Quick Intro To Design Sets In Adobe XD.pdf

4. Quick Introduction to Design Systems in Xd.mp4

02:47

6. Getting Ready to Start Designing

1. How to Choose the Right Colors for Your Designs.mp4

04:16

2. 5 Tools To Find the Right Colors for Your Layouts.mp4

07:03

3. How To Choose The Right Typeface for Your Website Designs.mp4

08:04

4. Best Practices Of Web Design.mp4

07:16

7. The Design and the Prototype Process

1.1 Design For Students.zip

1. The Project Overview.mp4

01:59

2. Lets Create a New File First.mp4

04:59

3. Finding the Right Colors for Our Design.mp4

03:42

4. Add the Colors and Fonts.mp4

06:28

5. Lets Add the Logo and the Navigation.mp4

04:09

6. Lets Prototype Our First Element.mp4

08:05

7. Lets Add the Active State and the First Hero Elements.mp4

05:19

8. Lets Start the Mobile Version of the Design.mp4

06:46

9. Lets Add the Mobile Menu.mp4

05:50

10. Lets Learn a Better Way of Animating the Menu Icon.mp4

11:04

11. Lets Add More Hero Elements.mp4

04:59

12. Lets Add the Social Media Icons.mp4

05:07

13. Lets Make the Hero Section Responsive.mp4

03:13

14. Lets Start the Services Section.mp4

04:19

15. Lets Add the Services.mp4

15:26

16. Lets Add the Call to Action Button.mp4

02:24

17. Lets Make the Services Responsive.mp4

10:04

18. Lets Start Adding the Portfolio Items.mp4

08:32

19. Lets Finish the Portfolio.mp4

08:27

20. Lets Make the Portfolio Reponsive.mp4

06:42

21. Lets Add an Image Carousel.mp4

11:54

22. Lets Start Adding the Blog Section.mp4

04:56

23. Lets Start Adding the Blog Post Excerpts.mp4

12:55

24. Lets Set Up Blog Pages.mp4

12:15

25. Lets Learn Some Pagination Fx.mp4

07:50

26. Lets Set Up the Single Post Page and Finish the Section.mp4

07:45

27. Lets Add the About Me Section.mp4

11:13

28. Lets Add the Contact Me Section.mp4

12:56

29. Lets Add the Footer.mp4

08:58

30. Lets Make the Footer Responsive.mp4

01:38

31. The Finishing Touches.mp4

02:58

8. How To Share Your Project

1. Sharing by Exporting.mp4

04:50

2. The Share Workspace.mp4

03:10

3. What File Formats You Should Use to Deliver the File to the Client.mp4

02:12

9. Summary

1. Thanks for Making It All the Way to This Part of the Course.mp4

01:32

Description

Get To Know Adobe Xd and Design and Prototype Your First Website

What You'll 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 is this for?

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

What You Need to Know?

Basic computer skills and design knowledge is advised, thoug not essential

It would be great if you had Xd installed on your system, though it's not essential to start the course

More details

Description
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!
Who this course is for:
Beginner web designers who want to learn of the industry's standard tools

User Reviews

Rating

average 0

Total votes0

Focused display

Designer, coder and educational entrepreneur.Adobe Certified Expert in Illustrator whose courses were listed in the Udemy's TOP 10 best reviewed courses.Creating online courses on design tools like Adobe Illustrator and Adobe Photoshop, logo design, web design, graphic design freelancing, online teaching and digital marketing .Teaching +100k students in 160 countries worldwide.Owner of a graphic design studio.Loves the freedom of creating courses and prides in his teaching method, which is straight to the point and with a smile.His motto: Boring instructors are worse than boring topics!His students value his courses for their conciseness, professionalism and actionable tips and techniques they can apply in their day-to-day design tasks and online education businesses.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.