Course outline for UI Design Principles and Guidelines
TechnologyUser Interface Design PhilosophiesDuration
* 2 – 3 days
LevelPrerequisites listed
About UI Design Principles and Guidelines
- Material Design Documentation
- Flat UI Design Framework
- Discussions and Questions about Material Design, Responsive Design, Atomic Design and Flat UI
Pre-requisites
- The participants should have some experience with UI design and development
How we train
Online training for UI Design Principles and Guidelines
- Instructor-led live cohorts
- Self-paced learning with expert coaches
- 24x7 cloud labs with end-to-end examples
All sessions are 100% hands-on. Labs and activities are derived from real-world work our engineers deliver.
Classroom training
Available for corporate teams in:
- Bengaluru
- Chennai
- Hyderabad
- Mumbai
- Delhi/Gurgaon/NCR
- Pune
Note: Classroom training is for corporate clients only.
Self-paced hands-on sessions are delivered via VirtualCoach.
Detailed Course Outline
Hands-onIntroduction to Material Design
- Material Design principles
- Web design meets 3D world
- Material characteristics and behaviours
- Understanding physical world of Material Design – elevation and shadow
Material Motion, Style and Layout
- Duration and Easing
- Transforming material
- Motion choreography
- Color, Icon and Imagery
- Typography and Writing
- Measurements and Units
- Structure of Interfaces
- Responsive UI
Responsive Web Design
- Introduction to responsive design
- Flexible images
- Flexible grids
- Media query
Flat Design Principles
- Design Minimalism
- Simple and Clean UI
- Color and Typography
- 2D design world
Atomic Design Principles
- Atoms – building blocks of web page
- Molecules of design system
- Organisms – combining web design molecules
- Templates
- Pages – templates into reality