When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

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

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon3 hours 29 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

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

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

Welcome to the course! What to expect

Here are your downloads (don’t forget to install fonts)

Adobe Interface Basics

Understanding Layers in Xd

Selecting, moving and duplicating

Alignment fundamentals

The very useful Assets panel

Artboards. All you need to know.

Where to get the latest pre-made templates

Getting free fonts & icons & images & color pallets & filler text

Preparing our first artboard & grid

Preparing our colours

Preparing our fonts

The big header image & menu

The wave shape divider

Floating images with shadows

Client Logo section with the Repeat Grid tool

Statistics section with empty boxes

Testimonial section with the pen tool

Call to action section with gradients

Footer as a reusable symbol

The portfolio page

About page part 1: A Quick Start

About page part 2: Tabs + Gallery

About page part 3: FAQ section

Contact page with vector icons

A travel website with background blur

A book store website with masks

Responsive mobile design - Part 1

Responsive mobile design - Part 2

Artboard and Element exporting

The Sticky Menu on top

Creating a prototype for web & mobile

Making a video and shareable link

Congratulations + Do you want more?

What You Will Learn?

  • Is Adobe Xd really better than Photoshop when it comes to webdesign?The problemThe 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 opportunityLearning 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 gameI'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 stepIn 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 outI 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. .