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
04.02 Prototype and add interactivity in adobe XD
Lesson content will be unlocked within 30 minutes.
Teachable is working on this bug.
No further action will be required on your part
.
Thank you for your patience