Learn how to design a website with all the tools and flexibility you need, and then prototype that website so your clients and collaborators can see exactly how it will work. It’s all possible with Adobe XD.This course shows everything you need to know to design your first website with Adobe’s new prototyping app. Learn how to lay out a design, import graphics, and add headers and body copy. See how to create complex screen designs with repeating lists and grids that are as easy to change as they are to create. Then find out how to add new pages and use screen elements from the iOS, Android, and Windows UI kits that are built right into Adobe XD. Once the design is done, author SHAHER YAR shows how to add interactions and transitions to demonstrate how the website will “work” from one screen to the next. Plus, learn how to share a fully interactive prototype with other designers and clients, and export artboards and other assets to use in site development.

Course Timeline:
A Welcoming Note from the Author
What you should know before watching this course
Understanding the workspace
Using the exercise files
Creating Graphics
Importing Vector Graphics
Importing and manipulating bitmap graphics
Adding transparency and drop shadows
Adding blurred backgrounds
Creating additional pages
Designing for different screen sizes and platforms
Using graphics from UI kits
Making a Repeat Grid
Adding unique images for each repeat grid elements
Using repeat grid for an About page
Creating multiple pages for prototyping
Prototyping a simple interaction
Prototyping an entire website
Creating a video of interactions
Sharing a prototype
Exporting artboards and assets
Adding text and fonts
Test
Adobe XD Test 1...

Course Reviews:

Average Rating 5
1 Ratings
Details
5 Stars 1
4 Stars 0
3 Stars 0
2 Stars 0
1 Stars 0
  • By: Edy Student
    1 week ago

    Excellent course. Really helped me on my way to excelling in my UI/UX journey.