Udemy - Adobe XD from Beginner to Expert -Design, Prototype, HandOff
Adobe XD is becoming a Popular tool in User Experience Design due to its simple Design tools and powerful Prototyping capabilities
Description
Adobe XD is becoming a Popular tool in User Experience Design due to its simple Design tools and powerful Prototyping capabilities
This course is for Beginners to learn step by step how to efficiently use Adobe XD to create sleek iPhone Apps along with learning all about Prototypes like Paper Prototypes and Interactive Prototypes
Every Design is a solution to a problem and Designs are useless if you can't convert them into coded Apps. So In this Adobe XD course, you will learn from scratch that how you can Design using Adobe XD. Then how you can create and share your prototypes with your users instantly and the most important part how you can Collaborate and hand-off your designs to your developers so they kiss your hands
Even if you are a novice or beginner, you will have no difficulty learning Adobe XD tool as it covers all the basics step by step
This course major key topics are
All the basics and keyboard shortcuts of Adobe XD (from scratch)
Designing iPhone App in XD
Creating Style Guides for your iPhone App
Paper Prototyping (Types and how to draw them on paper) UX of Prototyping
Interactive Prototyping using Adobe XD
Exporting all your assets and art-boards in 1X 2X and 3X
Collaborating with developers using Zeplin & Avocode
Open Sketch, Photoshop and Illustrator files with Adobe XD
All the latest updates and features in Adobe XD
Install and use Plugins for UI Design in Adobe XD
Learn Apple IOS Design Specification/ Guidelines
So if you are Graphic Designer, a developer or you are a UI or User Experience Designer who uses Photoshop and wants to learn how to quickly design and prototype with Adobe XD, this course is for you. Its the most easiest and lightest tool among all design tools where you can get expert in no time. Believe me
The best thing about Adobe XD is that it is available both for Windows and MAC operating systems and I will be showing both of them in this course so don't hesitate and join now to learn all about Prototyping and Adobe XD now
Even if you have never used any Design tool, still you can learn Adobe XD
Who this course is for:
- UI Designer
- UX Designer
- Developers
- Project Managers
- Graphic Designers
- Beginners
Course content
- Introduction to Adobe XD
- Download and Install Adobe XD
- Updates and Upcoming features in XD
- Welcome Screen - Adobe XD Interface
- Top Bar - Adobe XD Interface
- Left Toolbar - Adobe XD Interface
- Properties Panel - Adobe XD Interface
- Mac and Windows differences in Adobe XD versions
- Exercise → Create simple Design about yourself
- 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
- 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
