Website Design From Scratch In Adobe Xd

What you’ll learn

  • Adobe Xd
  • Become a UI Designer
  • Become a UX Designer
  • Secrets Of Great Workflow
  • How To Create High Converting Landing Page
  • Plan And Organize A Project
  • Secrets Of Smart Design
  • Design A Website
  • Prototype A Website
  • Prepare Designs For Development
  • How To Get Inspired
  • How To Work With Clients

Requirements

  • Adobe Xd. You can download it from Adobe’s website
  • For Windows users Windows 10. Adobe Xd does not work in Windows 7 or 8.
  • No previous Adobe XD experience required.
  • No previous design experience required.
  • There is no coding in this course.

Description

When you design a website it’s more important that it converts, then to have a trendy design. Because website is there to sell a service or a product so you have to design with that in mind.

Knowing how to structure a page for high conversion is really important because it makes you more valuable to client and more desirable as a designer. Using Adobe Xd to create it gives you unlimited possibilities because it’s free, cross platform, vector based and it has regular updates.

Hey there my name is Alex and in this course you will learn:

  • Secrets of the good design brief
  • What makes the good landing page
  • How to create landing pages that convert
  • How to apply those principles to plan, draw and create a wireframe
  • Add images, icons and shadows to create a design
  • Then add movement and transitions to create prototypes
  • Share the work with your client to get feedback
  • And finally, how to export your assets for developers

You don’t need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course. All you need is an interest in this field and you will do well by the end of this course.

Through this course you will also learn about important resources which you can use in your work, that will save you hours and sometimes even months of your projects. Hours that you can charge extra for, while keeping your free time.

So what are you waiting for? Click enroll and i’ll see you in class.

Have a creative day!

Aleksandar

Who this course is for:

  • Anyone interested in UI / UX design
  • Anyone interested in Adobe Xd and it’s lightning speed
  • Beginners and newbies but also for mediors, looking to expand their knowledge
  • Designers looking to switch to UI / UX
  • For anyone who needs a UI / UX design experience in their portfolio
Curriculum

Topics for this course

All Lessons

  • Learn adobe xd web design from scratch
    00:00:00
  • Welcome to the course what to expect
    00:00:00
  • Here are your downloads
    00:00:00
  • Adobe interface basics
    00:00:00
  • Understanding layers in XD
    00:00:00
  • Selecting moving and dublicating
    00:00:00
  • Alignment fundamentals
    00:00:00
  • The very useful assets panel
    00:00:00
  • Artboards all you need to know
    00:00:00
  • Where to get the latest pre-made templates
    00:00:00
  • Getting free fonts icons images color pallets filler text
    00:00:00
  • Preparing our first artboard grid
    00:00:00
  • Preparing our colours
    00:00:00
  • Preparing our fonts
    00:00:00
  • The big header image menu
    00:00:00
  • The wave shape divider
    00:00:00
  • Floating images with shadows
    00:00:00
  • Client logo section with the repeat grid tool
    00:00:00
  • Statistics section with empty boxes
    00:00:00
  • Testimonial section with the pen tool
    00:00:00
  • Call to action section with gradients
    00:00:00
  • Footer as a reusable symbol
    00:00:00
  • The portfolio page
    00:00:00
  • About page part 1: A Quick Start
    00:00:00
  • About page part 2: Tabs + Gallery
    00:00:00
  • About page part 3: FAQ section
    00:00:00
  • Contact page with vector icons
    00:00:00
  • A travel website with background blur
    00:00:00
  • A book store website with masks
    00:00:00
  • Responsive mobile design – Part 1
    00:00:00
  • Responsive mobile design – Part 2
    00:00:00
  • Artboard and Element exporting
    00:00:00
  • The Sticky Menu on top
    00:00:00
  • Creating a prototype for web & mobile
    00:00:00
  • Making a video and shareable link
    00:00:00
  • Congratulations + Do you want more?
    00:00:00
WebatSite
Not Allowed