Autoplay
Autocomplete
Previous Lesson
Complete and Continue
UI and UX App Design in Adobe XD
Introduction To The Course
01.01 Introduction To The Course (1:30)
01.02 Introduction Of The Instructor (2:05)
01.03 Why Should You Learn User Interface And User Experience In Adobe XD (2:04)
01.04 Quick Win (1:32)
01.05 What Is UI vs UX vs Product Designer (2:22)
01.06 Course Requirements (What Software, Experience) (1:30)
Wireframes in Adobe XD
02.01 What We Will Learn in this Section (0:37)
02.02 Wireframing in Adobe XD (4:09)
02.03 How Wide Should Your Site or App be in Adobe XD (6:31)
02.04 Work with Existing UI Kits in Adobe XD (5:58)
Working with Types
03.01 What Will We Learn In This Section (0:33)
03.02 Work with type in XD wireframes (8:48)
03.03 Basic colors and buttons in adobe XD wireframes (8:07)
03.04 Make a gradient in adobe XD (5:23)
03.05 Free icons for adobe XD and UX UI projects (4:30)
03.06 Add footers to your XD wireframe (3:59)
03.07 Add lorem ipsum to your XD wireframe (3:16)
03.08 New pages and artboards in adobe XD (2:37)
03.09 Build a wireframe homepage (5:45)
03.10 Build a wireframe contact us page (7:45)
03.11 Section Summary (0:45)
Prototyping in XD
04.01 What Will We Learn In This Section (0:32)
04.02 Prototype and add interactivity in adobe XD (7:03)
04.03 Build a popup modal or popup box (4:46)
Components and Repeat Grids
05.01 What Will We Learn In This Section (0:35)
05.02 Work With Groups And Isolation Mode (3:32)
05.03 Make And Use Components (7:57)
05.04 Left Navigation (2:10)
05.05 Use The Repeat Grid (3:03)
05.06 Update Components (3:42)
05.07 Section Summary (0:42)
Prototype an app
06.01 What Will We Learn In This Section (0:50)
06.02 Mock Up An App In Adobe XD (12:51)
06.03 Use The XD App On iPhone And Android (1:53)
06.04 Add iPhone And Android Battery And Status Icons To Mockup (3:56)
06.05 Build Login And Dashboard Screens (21:03)
06.06 Section Summary (0:52)
Share your wireframes
07.01 What Will We Learn In This Section (0:39)
07.02 Share Wireframes For Comments In Adobe XD (6:51)
07.03 Record Interactions Via Video With Adobe XD (4:15)
Advanced text and fonts
08.01 What Will We Learn In This Section (0:40)
08.02 Use Web Safe Fonts For iOS (6:45)
08.03 Use Android Specific Fonts In Adobe (4:29)
08.04 Build Realistic Buttons With Paste Properties (3:24)
08.05 Section Summary (0:42)
Work with images in Adobe XD
09.01 What Will We Learn In This Section (0:44)
09.02 Work With Images And CC Library Connection (5:53)
09.03 Adobe Stock Connection To Find Images (3:34)
09.04 Find Free Images To Use In XD Mockups (Pixabay) (4:55)
09.05 Masking And Opacity And Blurring Background Images (6:52)
09.06 Section Summary (0:45)
Micro interactions
10.01 What Will We Learn In This Section (0:43)
10.02 What Are Micro Interactions (6:26)
10.03 Button Grow Interaction (6:20)
10.04 Full Screen Image Interaction (8:31)
10.05 Animated Image Gallery With Micro Interactions (7:45)
10.06 Full Vector Change Micro Interaction (9:21)
10.07 Section Summary (0:42)
Advanced prototyping
11.01 What Will We Learn In This Section (0:52)
11.02 Time Delay Transitions (2:15)
11.03 Animated Mobile Side Navigation For Burger Menu (7:27)
11.04 Build A Working Drop Down Menu (5:21)
11.05 Use The Drag Transition (3:58)
11.06 Section Summary (0:52)
Exporting to developers
12.01 What Will We Learn In This Section (0:33)
12.02 Export Images And Assets To Developers (7:38)
12.03 Export Code To Engineers With Design Specs (7:29)
Summary
13 Course Summary And Next Steps (2:29)
Project Files
02.04 Work with Existing UI Kits in Adobe XD
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock