How to create a login form in Adobe XD
In this UI design tutorial I’ll show you how to design and animate a login screen in Adobe XD. Subscribe: https://bit.ly/2AQm1xh
In this video we’re really using the component states to create a flow that the user would follow as they enter their details to login to a website or app. Adobe XD makes it really easy to link together effectively a sequence of states to show how a component or screen can evolve as a user interacts with it.
This design is a little cheeky as its omitting any ‘forgotten details’ button, so you’ve got me if you noticed that. As a UI designer I think it’s really good to spend time creating things from a purely aesthetic perspective, because ultimately it’s our job to make things look as good as possible. That being said, you should NEVER forget the usability of something, so you’d never take a design like this into production.
I hope you enjoyed this tutorial, stay tuned for more Adobe XD and UI design content!
Видео How to create a login form in Adobe XD канала UX&D
In this video we’re really using the component states to create a flow that the user would follow as they enter their details to login to a website or app. Adobe XD makes it really easy to link together effectively a sequence of states to show how a component or screen can evolve as a user interacts with it.
This design is a little cheeky as its omitting any ‘forgotten details’ button, so you’ve got me if you noticed that. As a UI designer I think it’s really good to spend time creating things from a purely aesthetic perspective, because ultimately it’s our job to make things look as good as possible. That being said, you should NEVER forget the usability of something, so you’d never take a design like this into production.
I hope you enjoyed this tutorial, stay tuned for more Adobe XD and UI design content!
Видео How to create a login form in Adobe XD канала UX&D
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Creating a Buttons Library in Adobe XD with The New Components FeatureE-commerce App Design in Adobe XD (Wireframe/Mockup + Prototype)Adobe XD for Beginners | FREE COURSEMulti-Level Nested Dropdown Menus in Adobe XDHow to create an animated checkbox in Adobe XD | Component tutorialAdobe XD Basics | Top 10 Things to know when getting started with Adobe XDSoft UI Sign-up Screen [UI Design & Prototype] - Adobe XD Tutorial pt.2 [2020]How to Create Typing Field Animation in Adobe Xd | Using Auto AnimateCours complet Adobe Xd pour débutants : Les bases du prototypage en 2h30 !How to make input interaction in Adobe XD using one artboardAdobe XD Tutorial | Login/Signup Page | Basic Course of UI/UX DesignInput Fields Design & Prototype | Adobe Xd | Blue Fin Design20 Most useful Plugins for Adobe XD - Plugins you need in XD for UI DesignHow to Create a Drop down Menu Component in Adobe XD | TutorialFood App Design | UX/UI ( Wireframe, Prototype, Export)How to Create a Button Hover In 2 Minutes - Adobe XD TutorialAdobe XD Multiple Interactions Prototype TutorialAWESOME PARALLAX CAROUSEL | Adobe XD TutorialFree Adobe XD Tutorial: User Experience Design Course with Adobe XD CourseAdobe XD Tutorial - Sign in Sign up Page | Free Course