Learn Adobe Xd Webdesign: Design professional websites from scratch - UI UX Design

Focused View

Rino De Boer

3:28:31

38 View

01 Learn Adobe Xd Webdesign Design professional websites from scratch UI UX Design.mp4

02:32

02 Welcome to the course! What to expect.mp4

01:34

03 Here are your downloads (dont forget to install fonts).mp4

01:59

04 Adobe Interface Basics.mp4

08:15

05 Understanding Layers in Xd.mp4

03:21

06 Selecting, moving and duplicating.mp4

04:01

07 Alignment fundamentals.mp4

07:12

08 The very useful Assets panel.mp4

04:32

09 Artboards. All you need to know.mp4

03:47

10 Where to get the latest pre made templates.mp4

03:52

11 Getting free fonts & icons & images & color pallets & filler text.mp4

06:53

12 Preparing our first Artboard.mp4

07:45

13 Preparing our colours.mp4

05:24

14 Preparing our fonts.mp4

10:54

15 The big header image & menu.mp4

09:41

16 The wave shape divider.mp4

09:29

17 Floating images with shadows.mp4

06:46

18 Client Logo section with the Repeat Grid tool.mp4

07:22

19 Statistics section with empty boxes.mp4

04:17

20 Testimonial section with the pen tool.mp4

05:35

21 Call to action section with gradients.mp4

07:39

22 Footer as a reusable symbol.mp4

03:36

23 The portfolio page.mp4

07:01

24 About page part 1 A Quick Start.mp4

07:03

25 About page part 2 Tabs + Gallery.mp4

06:25

26 About page part 3 FAQ section.mp4

04:15

27 Contact page with vector icons.mp4

06:27

28 A travel website with background blur.mp4

07:34

29 A book store website with masks.mp4

08:51

30 Responsive mobile design Part 1.mp4

07:58

31 Responsive mobile design Part 2.mp4

04:24

32 Artboard and Element exporting.mp4

08:11

33 The Sticky Menu on top.mp4

04:58

34 Creating a prototype for web & mobile.mp4

04:29

35 Making a video and shareable link.mp4

02:56

36 Congratulations + Do you want more.mp4

01:33

Description

Is Adobe Xd really better than Photoshop when it comes to webdesign?

The problem
The problem with designing websites in older design tools (like Photoshop or Illustrator) is that these tools don't have the features that UX/UI designers really need to help them designing websites. Like working with color pallets, font style guides and repeating elements. Or things like sharing your work via prototypes. These old software tools are also not vector, which can be an issue for development.

What is the solution?
Working with Adobe Xd! Because Adobe Xd was built with UI/UX designers in mind. This means that Adobe has done everything to make sure that you can design and share your work without limitations. The only thing you have to do is prepare a few things upfront and then re-use your elements on the whole website.

What if I don't have any design elements?
In this course was build for people who only have Adobe Xd on their computer. I will give you my design files to practice and I will give you websites where you can get fonts, colors and images for free (for your next project).

The opportunity
Learning how to design websites comes with huge opportunities. You will be able to design your own website (like I do in this course) or design websites for other people or businesses. This makes website creation a hugely profitable skill. Companies are willing to spend thousands of dollars for each website.

Why is this course different?
Most Adobe Xd courses on this platform focus on App Design. This is cool and very fancy, but I like a more realistic approach. Because from my experience an UI/UX designer doesn't start his first interface design project for a cool startup. We start by designing websites for web and mobile. This is why I believe this course is very different from most of the courses about Adobe Xd. Again, app design is fancy, but I like to give you a skill that you can actually start using next week (because you probably already know a few people who need a redesign for their current website, don't you?).

I am not new to this game
I've gathered more than 30.000 subscribers on YouTube over the past few years and generated more than over 4 million views. I've been so thankful and happy that people like my content. That's why I'm also creating online video courses now.

Step by step
In this course we are not going to rush and design a quick cool website without learning the basics first. There is enough of that on the internet. I am going to show you a real project where I'm going to start from scratch and slowly built up 4 pages in Adobe XD. This means that I will show you all the steps, from the first title to the last button.

Once we progress in the course (and you've seen the same techniques over and over) we will slowly start increasing the speed so will also be able to speed up your skills by watching this course.

Watch out
I don't know how long I will keep this course live since I'm also working on my own course platform.

Reviews from others
"I watch your videos and I get inspired every time because of your work/design." - Sam
"Your channel has inspired me to start designing myself." - Jordy
"I can't wait until the next video. I am following you for 4 years already and I've learned how to design this way :)" - Floor

Get Adobe Xd here: https://livingwithpixels.com/xd

I hope to see you inside of the course!

---------------------------------------------

Take the Next Step: Join my Wordpress course on how to transform this design into a real website by only using free tools.

What You'll Learn?

Web Design
User Experience
Responsive Web Design
Creative
Style Guide Creation
Web Graphics
Page Layout

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Adobe XD

User Experience Design

User Interface

Rino De Boer

Instructor's Courses

Hi, I'm Rino and I've been in design for over more than 10 years now. I started with design as a hobby, but I quickly realised that this was more than a hobby for me. So that's why I went to design school and studied: Communication and Multimedia Design at the University of Applied Sciences in Rotterdam (The Netherlands).

I was so passionate about it that I started my first YouTube channel (in Dutch) about design. I grew this channel to about 30.000 subscribers and after that I created my first English channel where I already have more than 150.000 subscribers. In total I’ve generated over 10 million total views on YouTube alone.

Because of this YouTube channel I was approached by big influencers and brands, and I got the opportunity to start my own company and work for brands like: Coca Cola, ICI Paris XL, RTL and a lot of big influencers (with around 100k to 1m followers).

Because of these projects and the YouTube videos I've learned how to create in an efficient way, and most importantly: in real life scenarios. I create everything myself and I don't rely on templates, which gives me the freedom to create whatever I want. If you like this approach, then I think you will like my courses.

I hope you like my courses!

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.