Material Design 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