Pro level Android App Design with Adobe XD & Google Material Design | Ahsan Idrisi | Skillshare

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

Ahsan Idrisi, UI UX Visual Designer

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

      2:44
    • ♥ How to watch this course?

      2:57
    • What is Screen Resolution and Density

      7:20
    • Relation of DP and PX

      4:14
    • Dp to Px conversion Online Tools

      4:11
    • What are Density Buckets?

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

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

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

      4:17
    • ♥ First Project for students

      3:39
    • UI Regions Of Android Material

      10:05
    • How Material Design Works

      3:15
    • Material Shadows

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

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

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

      7:13
    • Material Tabs

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

      3:25
    • Lists In Material Design

      5:11
    • Bottom Navbar in Material Design

      8:09
    • Side Nav in Material Design

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

      3:35
    • Master Color Scheme in Material Design 2.0

      8:13
    • Online Google Material Color Tools

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

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

      12:22
    • ♥ Design Login Screen Part 2

      5:18
    • ♥ Signup Screen for Medical Android App

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

      8:40
    • ♥ Doctor avatar and Graph

      8:24
    • ♥ Dashboard Card Top section Design

      12:22
    • ♥ Dashboard Card bottom Design

      3:57
    • ♥ Design Activities Screen

      12:14
    • ♥ Design Sync Screen

      7:45
    • ♥ Nav Drawer Screen

      10:38
    • ♥ Final Assignment Adobe XD

      3:10
    • ♥ Batch export assets in Adobe XD

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

      10:05
    • ♥ 9-patch Adobe XD

      7:16
    • Whats New Material Design 2.0

      10:55
    • New Options to Design for

      3:40
    • Spacing Grid in Material 2.0

      2:38
    • Buttons Types and States

      3:14
    • List Items In Material 2.0

      3:25
    • Bottom and Top TabBar

      4:45
    • Material Tabs 2.0

      2:35
    • Material Card 2.0

      5:27
    • Typescale New Looks 2.0

      3:35

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

83

Students

2

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Ahsan Idrisi

UI UX Visual Designer

I started my Freelancing Career just 8 years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.

In just 1 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have...

See full profile

Report class