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
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

-
LevelIntermediate