Pro level Android App Design with Adobe XD & Google Material Design

Muhammad Ahsan, UI UX Visual Designer 10+ Years

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
48 Lessons (4h 51m)
    • 1. ♥ Whats inside this Adobe XD Android Design Course

      2:44
    • 2. ♥ How to watch this course?

      2:57
    • 3. What is Screen Resolution and Density

      7:20
    • 4. Relation of DP and PX

      4:14
    • 5. Dp to Px conversion Online Tools

      4:11
    • 6. What are Density Buckets?

      5:00
    • 7. Online tool for Screen Resolution, Device size and Density

      2:09
    • 8. What are SP type sizes in Android Material Design?

      4:46
    • 9. ♥ How DP unit works in Adobe XD

      4:17
    • 10. ♥ First Project for students

      3:39
    • 11. UI Regions Of Android Material

      10:05
    • 12. How Material Design Works

      3:15
    • 13. Material Shadows

      9:39
    • 14. ♥ 8-point grid in Adobe XD & Material Design

      5:00
    • 15. Matrices And Vertical Spacing in Android App Design

      7:18
    • 16. Buttons & Icons specs for Android App Design

      7:13
    • 17. Material Tabs

      8:38
    • 18. Appbar Size and specs in Google Material Design

      3:25
    • 19. Lists In Material Design

      5:11
    • 20. Bottom Navbar in Material Design

      8:09
    • 21. Side Nav in Material Design

      2:05
    • 22. ♥ Typographic scale I am using in Adobe XD

      3:35
    • 23. Master Color Scheme in Material Design 2.0

      8:13
    • 24. Online Google Material Color Tools

      6:45
    • 25. ♥ Download Material UI kit for Adobe XD

      3:20
    • 26. ♥ Design Login Screen Part 1 - Medical Android App

      12:22
    • 27. ♥ Design Login Screen Part 2

      5:18
    • 28. ♥ Signup Screen for Medical Android App

      9:50
    • 29. ♥ Dashboard Tabs design within Material design Specs

      8:40
    • 30. ♥ Doctor avatar and Graph

      8:24
    • 31. ♥ Dashboard Card Top section Design

      12:22
    • 32. ♥ Dashboard Card bottom Design

      3:57
    • 33. ♥ Design Activities Screen

      12:14
    • 34. ♥ Design Sync Screen

      7:45
    • 35. ♥ Nav Drawer Screen

      10:38
    • 36. ♥ Final Assignment Adobe XD

      3:10
    • 37. ♥ Batch export assets in Adobe XD

      5:25
    • 38. ♥ Using Zeplin & Android Adobe XD on MAC

      10:05
    • 39. ♥ 9-patch Adobe XD

      7:16
    • 40. Whats New Material Design 2.0

      10:55
    • 41. New Options to Design for

      3:40
    • 42. Spacing Grid in Material 2.0

      2:38
    • 43. Buttons Types and States

      3:14
    • 44. List Items In Material 2.0

      3:25
    • 45. Bottom and Top TabBar

      4:45
    • 46. Material Tabs 2.0

      2:35
    • 47. Material Card 2.0

      5:27
    • 48. Typescale New Looks 2.0

      3:35
26 students are watching this class

About This Class

Master Android App Design by applying all the Design specification, sizes and guidelines by Material Design and Adobe XD

30b8cac9

Designing Android Apps on a professional level where your coders can't say "We can't code that design" is really difficult. You need to learn what is DP, SP, DPI and how you need to explain the sizes of your Android App elements in DPs and how you can define a great color scheme your coders can praise. What about exporting your design assets for multiple Android screen sizes and what about automatically creating the coded specs and styleguide for your developers

From Design to Specs to Exporting assets and Coded Style Guide, learn all that in this course using Adobe XD

You will learn all that in this course

  • How these DPs and SP Material Design units work?
  • What are Density Buckets and how do we design for all the different Android Phone Resolutions?
  • How to theme your App using Google Material Colors?
  • Understand all the Specs, Sizes and Typographic Grids of Material Design
  • What's new and possible with Material Design 2.0?
  • Design a real world actual App using XD art-boards
  • Extract all your assets using Adobe XD Batch export
  • Handoff your Android Designs to your Developers using Zeplin
  • What are 9-patch PNG assets and how to generate them?
  • Generate Coded Style Guides for your Android Developers
  • Design 6 Android App Screens of a Medical App using Adobe XD

I hope this course will enable you to become a professional Android App Designer

Take design leap and join my class now