Reviews of our Material Design Course
Material Design Course - Introduction rating: 5 stars from 128 reviewers
"I learned a lot about the UX process from the course. Great teacher." - Tina C
See all reviews for UX Courses & UX TrainingAll UX classes include
Free retakes
Detailed curriculum
Live instructor
Flexible rescheduling
Certificate of Completion
Material Design Course
Material Design Course
Learn the principles of Material Design and how to incorporate it into apps, websites, and interfaces that you create. This Material Design course teaches considerations for creating flexible layouts used on mobile and tablet devices using Material Design guidelines and principles. In this course, users gain an understanding of designing for flexible layout, mobile layouts, and the elements of Material Design.
In this Material Design course you will learn:
- Foundations for Material design
- Components of Material design
- Using Material design to create mobile and flexible layouts
- Buildign information architecture for flexible layouts
- Understanding UI and UX touch requirements
- Using Material design touch gestures
- Testing and prototyping Material designs
Complete Materail Design training details are below, with a complete course outline. This Materail Design class can be adapted to include specific projects that are being developed by your organization or team.
If you have questions about the Material Design class, or are interested in a private or customized Material design training, call to speak with a training consultant: 781-376-6044.
This course is available individually or as part of these certificate programs:
Please call 800-851-9237 or 781-376-6044 to schedule a course.
Foundations of Material design: Gain an understanding of the core principles of Material design.
- Environment
- Layout
- Navigation
- Typography
- Sound
- Motion
Components in Material design: Understand key components of Material design and when they should be used, including:
- Cards
- App bars
- Backdrop
- Icons
- Banners
- Navigation drawers and rails
- Floating action bars
- Radio buttons
- Checkboxes
- Cards
- Chops
- Date pickers
- Data tables
- Dialogs
Designing for Material design with Flex and Mobile Layout in mind
- Understanding fluid layouts, media queries, and responsive media
- Understanding platforms and what additional features you can take advantage of
- Responsive layout options
- Grid types
Design approach for flexible layouts in Material design
- Important components of mobile development
- Building to multiple screen size
- Screen resolutions
- Options as a designer
Adjusting scenarios for mobile users
- Understanding goals for users on mobile devices
- Mapping out stories and scenarios for mobile users
Building the information architecture for flexible layout and Material design
- Establishing features
- Prioritizing features
- Organizing features based upon hierarchy
- Testing the information architecture
Designing UI and UX for touch in Material design
- Touch requirements
- Orientation
- Patterns of interaction
- Direct manipulation
- Providing Visual feedback
Primary touch gestures in Material Design
- Tap, Tap and hold, Swipes, pinch and zoom and more
- Understanding that touch is not exact
- Compensating for the lack of a hover state in touch
- Best touch experiences for users based upon physical limitations.
Touch requirements for best user experience
- Providing immediate feedback
- Having content follow finger
- Keeping interactions reversible
- Providing visual feedback
Designing a touchable Material design user interface (UI)
- Understanding common postures for touch devices
- Designing for the interaction vs. reading on a touch device
- Avoiding occlusion
- Building touchable UI
Understanding and using a typographic grid in Material design
- Applying a grid to your mobile layout
- Using typography to convey your information hierarchy
- Taking advantage of metaphors in mobile design
- Grids in mobile platforms
Creating a mobile prototype for your Material design project.
- Paper prototypes
- Interactive prototypes
Creating wireframes of your Material design app or site
- Creating and testing a wireframe for your mobile app
- Adapting your wireframe for expanded break points
- Testing your wireframe
Testing your Material design project
- Testing your prototype
- Refining the experience
This course uses software requirments based on material design principles from Google. We suggest using Figma for the wireframining portion of the course, which is available as a no cost trial version.
You will receive a comprehensive course manual for this class developed by the Adobe Certified Instructors at AGI. AGI instructors have created many of the official training guides and books for Adobe Systems.