Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.

×

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:

Material Design Course Course Dates

All classes are led by a live instructor. Class times listed are Eastern time.

 

Please call 800-851-9237 or 781-376-6044 to schedule a course.

Contact AGI to request course dates.

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.

Related Certificate Programs: 
UX Certificate
UX Bootcamp

Available Delivery Methods For This Class

CLASSROOM
LIVE ONLINE
PRIVATE
MY LOCATION