Adobe XD for Web Design: Essential Principles for UI and UX [Video]
Video
Video
$24.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
What do you get with video?
What do you get with video?
What do you get with Audiobook?
What do you get with Exam Trainer?
Video
$24.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do you get with video?
Download this video in MP4 format
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with video?
Stream this video
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with Audiobook?
Download a zip folder consisting of audio files (in MP3 Format) along with supplementary PDF
What do you get with Exam Trainer?
Flashcards, Mock exams, Exam Tips, Practice Questions
Access these resources with our interactive certification platform
Mobile compatible-Practice whenever, wherever, however you want
-
Free ChapterGetting Started with Web Design
- Introduction
- Quick Answers to Popular Questions
- Web design - What You Need to Know
- How to Select Layers like a Professional Designer
- Exercise: Practice Your Selecting
- Here's what Coders Do with Our Designs
- Exercise: Test Your Skills and Attention to Detail
- Solving the Previous Exercise
- The Three Keys to Becoming a Great Web Designer
-
Our First Complete Responsive Website Design Project
- The Most Important Question when Starting a New Project
- How to Research/Find Inspiration for Your Project
- Set Up the Most Important Part of the Layout
- Create the Top Bar
- How to Choose Fonts for Your Project
- How to Choose Beautiful Colors
- Organize the Top Bar
- Create the Structure for the Header
- Set a Style for the Header
- Attention to Detail in the Header
- Building a Great Hero Area
- Redesign the Categories Menu
- How to Display All the Product Details in a Grid
- Here's How You Find the Best Layout for the Grid of Products
- Create the First Version of the Product Card
- The Second Version of the Product Card
- The Third Version of the Product Card
- How to Design a Clean and Modern FAQ Section
- Create a Newsletter Sign Up Form
- How to Design a Beautiful Footer
- Final Variation and Thoughts About the Homepage
-
How to Create Interior Pages
-
How to Create a Responsive Design
- Introduction to the Mobile Version
- How to Start the Mobile Version for the Homepage
- How to Adjust the Top Bar for the Mobile Version
- Here's How You Create the Header for the Mobile Version
- Modify the Hero Area and Categories for the Mobile Version
- Improve the Navigation for the Mobile Experience
- Create a Grid of Products Suited for the Mobile Version
- Finishing the Grid of Products – Mobile Version
- Make the Text Easy to Read in the FAQ Section
- How to Make the Newsletter Form Fit the Mobile Version
- Make a New Layout for the Footer
- Conclusions: E-Commerce Mobile Version
-
Responsive Design for Interior Pages
- The Mobile Version for the Product's Page
- Create the Mobile Structure for the Product's Page
- How to Style Items in Terms of their Importance
- Create a Variation to Improve Sales
- 10% More Work for 50% Better Results
- Create Another Layout for the Product's Page
- Make a Smarter Structure for the Mobile Version
- Create Reviews and Nutritional Tabs
- Adding Small Details that Matter
- Checking the Design on a Real Phone
- Incredible Variations in No Time at All
-
Prepare the Design for Coding
- Preparing the Design for Coding
- How to Give the Coder what They Need from Adobe XD
- How to Prepare Graphics for Coding
- Server-Side Content and Multi-Layer Graphics
- Getting Up and Running with Zeplin
- Best Way to Handle Assets for the Coders
- Here's Why it is Essential You Deliver what is Needed
- How the Coder Sees the Projects
-
The First Key to Becoming a Great Web Designer
- The First Pillar of Web Design
- Best Settings for a Web Design Project
- Case Study: Non-Standard Layouts
- Exercise: Create a Standard Website Layout
- How to Size Your Web Elements Correctly
- My Formula for Perfect Text
- Case Study: Text Layers
- Color Contrast
- Case Study: Colors – Part 1
- Case Study: Colors – Part 2
- How to Align Elements in the Hero Area
- 3 Rules for Web Design Icons
- Case Study: Visual Balance
- Thoughts on the First Pillar of Web Design
-
The Second Key to Becoming a Great Web Designer
- Introduction
- What's the Point of the Website?
- The User Versus the Business Owner
- Analytics in Web Design
- Templates and Website Builders – the Web Designer's Death?
- Case Study: 4 Versions of the Same Website
- E-Commerce Homepage Layout
- E-Commerce Product Details
- E-Commerce Checkout
- Why aren't Websites Pixel Perfect?
- Landing Page Versus a Website
- Case Studies: the Client's Needs
- Lead Generation in Landing Pages
- Why Landing Pages Have a Bad Reputation
- Digital Product Landing Page
- A/B Testing Landing Pages
- Case Study: Landing Page Analysis
- Final Thoughts About the Client's Needs
-
The Third Key to Becoming a Great Web Designer
-
Course Conclusion
About this
video
Create beautiful and responsive website designs in Adobe XD. Adobe XD is the next big thing in terms of design tools. It makes you look like a professional designer even if you are just a beginner. Start right now and take your designs to another level.
This course will show you how you can design a beautiful website from scratch without any previous experience.
This course will cover essential exercises that will teach you how to work like a professional; a complete web design project, from start to finish, both the desktop version and the responsive version; how to prepare the design for coding; how to understand what clients want and how to help them achieve their goals; and UI and UX principles that will help you design any website, no matter the style or client.
This course is designed for anyone who is interested in web design—from beginners to professionals, from designers to coders, from business owners to someone who is looking to start a new career or earn some money.
At the end of this course, you will not only have a beautiful project for your portfolio but also a deep understanding of what makes a website design successful.
The code bundle for this course is available at https://github.com/PacktPublishing/Adobe-XD-for-Web-Design-Essential-Principles-for-UI-and-UX
- Publication date:
- July 2021
- Publisher
- Packt
- Duration
- 9 hours 43 minutes
- ISBN
- 9781803230979