Introduction to Adobe XD
- Download and Install Adobe XD
- Welcome Screen - Adobe XD Interface 2020
- Introduction to Adobe XD Interface
- Properties Panel - Adobe XD Interface
- Mac and Windows differences in Adobe XD versions
- Exercise → Create simple Design about yourself
- Updates and Upcoming features in XD
- Design Introduction Mobile Screen about yourself
Basics of Adobe XD in detail
- Artboards and Grids in Adobe XD
- 8 tools in Xd
- Using Rectangle Tool
- Ellipse Tool and how to use it for quick clipping
- Background Blur and Object Blur
- Basics of Pen Tool
- Creating Icons with Pen Tool
- Line Tool
- Polygon Tool - UDPATE
- Text Tool
- Using Colors and generating Palettes
- Creating Gradients in XD
- Generating Color Schemes using Coolors.io
- Custom Masks in Adobe XD
- Guides in Adobe XD
- Character Styles in XD
- Repeat Grid in XD
- Common Keyboard shortcuts in Adobe XD
- More Keyboard Shorcuts
- Re-useable Components in Adobe XD - UPDATE
- Using Linked Assets and Design System -UPDATE
- Using Horizontal and Vertical Stack in Adobe XD - UPDATE
- Plugins and App Integrations in Adobe XD (NEW UPDATE)
- Download Resources for Adobe XD Course
All about Paper and Interactive Prototyping
- What is Block-Level Design?
- Sketching your first Design Idea using Block design technique
- Adding details to your drawn Block Sketch
- What are Vertical, Horizontal, T and Local prototypes?
- Static and Interactive Prototypes → What is low, medium and high fidelity design
- Pop Quiz about Prototyping
- Adding Details to block design using Adobe XD
- Using UI Kits and Pattern libraries to speedup your design workflow
- Exericse → Design Signup Screen using IOS UI Kit
- Create Login Signup Prototype using Adobe XD
Designing real world Medical iPhone App Screens in Adobe XD
- Preparing for Design → Downloading Assets and Recources
- Getting Color Scheme Ideas and Inspirations
- Solving UX (User Experience) problems of old medical App
- Design Welcome Screen of Medical App
- Designing the Login Screen
- Designing the active Login Screens
- Desining the Signup Screen
- Designing the Dashboard Screen Part 1
- Designing the Dashboard Screen Part 2
- Designing the Hamburger Sidebar menu screen
- Designing Activities Screen
- Designing Sync to Cloud Screen
- Designing Sync Status Screen
- Using Grids to fine-tune your App Screens
- Refining your Style Guide in XD
- IOS Design Guidelines, Specs and Measurements you must learn
Prototyping in Adobe XD - Creating, sharing and using Design Inspect
- Fixing Tap Targets and tap boundary area in your designs
- Prototyping Login and Signup Screens
- Prototyping Dashboard, Activities and Sync Screens
- Sharing your Prototype with others in Adobe XD
- Recording Video of your Prototype on MAC
- Using Design Inspect in Adobe XD with me
- Auto Animate in Prototyping (New Feature)
- Creating Animated Loaders using Auto Animate
- Drag in Prototypes (NEW FEATURE)
- Voice controlled Prototype in Adobe XD (NEW FEATURE)
Export your Artboards and Assets in 1X, 2X and 3X sizes
- Why we need to export in 1X, 2X and 3X sizes?
- Perfect Example to understand 1X 2X 3X concept
- Export Artobards and create Device Mockups in Adobe Photoshop
- Batch export all your designs assets from your App
- Using Photoshop Mockup Files with XD (Student Request Lecture)
- Final Concept App Design Challenge
Developer Handoff using Zepling and Avocode and a lot more XD Integrations
- Live preview of your App prototype on your iPhone
- Collaborate with Developers using Zeplin tool
- Using Avocode to handoff your designs to Developers
- Opening Sketch, Photoshop and Illustrator files in XD
Adobe XD Updates → Whats new in Adobe XD
- Adobe XD New Updates (April May 2018)
- Fixed elements and Overlays Adobe XD June 2018 Update
- Better control for image fills and Design using math calculations June2018
- Time Trigger in Prototyping (NEW Update)
- Responsive Sizing in XD (NEW SEP 2018 Update)
- Audio Playback in Adobe XD (March 2020)
- Scroll to in Adobe XD (March 2020)
- What to do NEXT?
- BONUS LECTURE
