Master Android App Design in Photoshop using Google Material Design Guide | Muhammad Ahsan | Skillshare

Master Android App Design in Photoshop using Google Material Design Guide

Muhammad Ahsan, UI UX Visual Designer 10+ Years

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
50 Lessons (5h 35m)
    • 1. Whats inside Android App Design Class

      2:27
    • 2. What Is Screen Resolution and Density

      7:20
    • 3. Relation of DP and PX

      4:14
    • 4. Dp and Px Online conversion Tools

      4:11
    • 5. Density Buckets

      5:00
    • 6. Online tool for Screen Resolution, Device size & Density

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

      4:46
    • 8. How does Dp work In Photoshop?

      13:22
    • 9. Project → Photoshop Material Design

      5:09
    • 10. UI Regions Of Android Material Design

      10:05
    • 11. How Material Design Works?

      3:15
    • 12. Material Shadows

      9:39
    • 13. 8 Point Grid In Photoshop for Android App Design

      6:35
    • 14. Metrics and Vertical Spacing in Material Design

      7:18
    • 15. Buttons & Icons sizes and Specs in Android App Design

      7:13
    • 16. Material Tabs

      8:38
    • 17. Android AppBar Sizes and Specs in Material Design

      3:25
    • 18. Lists Specs in Material Design

      5:11
    • 19. Bottom Nav Bar in Android Material Design

      8:09
    • 20. Side Nav or Drawer usage and Specs

      2:05
    • 21. Android Type Sizes Scales For Photoshop

      9:16
    • 22. Master Color Scheme In Material Design

      8:13
    • 23. Online Google Material Color Tools

      6:45
    • 24. Download UI Design Assets and UI Kits

      3:13
    • 25. XXHdpi Template For Photoshop

      9:43
    • 26. Signup Screen Part 1 → Design Android Medical App

      7:36
    • 27. Signup Screen Part 2→ Design Android Medical App

      12:35
    • 28. Signup Part 3 → Design Android Medical App

      10:32
    • 29. Login Screen → Design Android Medical App

      10:18
    • 30. Dashboard Tabbar → Design Android Medical App

      10:28
    • 31. Dashboard Top Content → Design Android Medical App

      8:38
    • 32. Dashboard Card Top → Design Android Medical App

      4:03
    • 33. Dashboard Card Bottom → Design Android Medical App

      4:03
    • 34. Activities Screen → Design Android Medical App

      13:01
    • 35. Sync Files Screen → Design Android Medical App

      8:24
    • 36. Sidenav Drawer → Design Android Medical App

      11:29
    • 37. Final Project for Students → Design Android Messaging SMS App

      3:10
    • 38. Handoff your Android App Design with Zeplin

      13:34
    • 39. What is 9 patch asset?

      5:55
    • 40. More about 9 Patch graphical assets for Android Apps

      9:04
    • 41. Extracting assets using Photoshop Export As panel

      4:32
    • 42. What's New Material 2.0?

      10:55
    • 43. New Options to Design for in Material Design 2.0

      3:40
    • 44. Spacing Grid In Material 2.0

      2:38
    • 45. Buttons Types & States in Material 2.0

      3:14
    • 46. List Items in Material 2.0

      3:25
    • 47. Bottom and Top AppBar in Material 2.0

      4:45
    • 48. Material Tabs 2.0

      2:35
    • 49. Material Card Design Specs

      5:27
    • 50. Typescale New Looks in Material Design 2.0

      3:35