Pro level Android App Design with Adobe XD & Google Material Design
Offered By: Skillshare
Course Description
Overview
Master Android App Design by applying all the Design specification, sizes and guidelines by Material Design and Adobe XD
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
Syllabus
- ♥ Whats inside this Adobe XD Android Design Course
- ♥ How to watch this course?
- What is Screen Resolution and Density
- Relation of DP and PX
- Dp to Px conversion Online Tools
- What are Density Buckets?
- Online tool for Screen Resolution, Device size and Density
- What are SP type sizes in Android Material Design?
- ♥ How DP unit works in Adobe XD
- ♥ First Project for students
- UI Regions Of Android Material
- How Material Design Works
- Material Shadows
- ♥ 8-point grid in Adobe XD & Material Design
- Matrices And Vertical Spacing in Android App Design
- Buttons & Icons specs for Android App Design
- Material Tabs
- Appbar Size and specs in Google Material Design
- Lists In Material Design
- Bottom Navbar in Material Design
- Side Nav in Material Design
- ♥ Typographic scale I am using in Adobe XD
- Master Color Scheme in Material Design 2.0
- Online Google Material Color Tools
- ♥ Download Material UI kit for Adobe XD
- ♥ Design Login Screen Part 1 - Medical Android App
- ♥ Design Login Screen Part 2
- ♥ Signup Screen for Medical Android App
- ♥ Dashboard Tabs design within Material design Specs
- ♥ Doctor avatar and Graph
- ♥ Dashboard Card Top section Design
- ♥ Dashboard Card bottom Design
- ♥ Design Activities Screen
- ♥ Design Sync Screen
- ♥ Nav Drawer Screen
- ♥ Final Assignment Adobe XD
- ♥ Batch export assets in Adobe XD
- ♥ Using Zeplin & Android Adobe XD on MAC
- ♥ 9-patch Adobe XD
- Whats New Material Design 2.0
- New Options to Design for
- Spacing Grid in Material 2.0
- Buttons Types and States
- List Items In Material 2.0
- Bottom and Top TabBar
- Material Tabs 2.0
- Material Card 2.0
- Typescale New Looks 2.0
Taught by
Muhammad Ahsan
Related Courses
مقدمة إلى برنامج أدوبي إكس ديCoursera Project Network via Coursera اِبدَأ مشروعًا في برنامج أدوبي إكس دي
Coursera Project Network via Coursera Use Adobe XD to Create a Presentation
Coursera Project Network via Coursera 3D Transforms in Adobe XD
Coursera Project Network via Coursera Build a High-Fidelity Prototype for a Mobile App in Adobe XD
Coursera Project Network via Coursera