Material Design on iOS
Resources from my SyncMobile presentation at Odecee on 15/2/2016.
Introduction to Material Design
- Slide 2: Material Design spec
- Slide 3: Introduction to Material Design
- Slides 4-5: What is material?
- Slide 6: Cards & lists
- Slide 7: UI components
- Slide 8: Card layout
- Slide 9: Navigation
- Slide 10: Meaningful transitions
- Slide 11: Material Design principles vs iOS Design principles
Navigation
- Slide 18: Quote by Mike Stern, Apple UX Evangelist, WWDC 2014
- Slide 19: The mystery meat of mobile navigation
- Slide 22: Floating Action Button
- Slides 23-25: Path iOS app
UI components
- Slide 30: Material (iOS)
- Slide 31: MaterialKit (iOS)
- Slide 32: Material Controls on iOS (iOS)
- Slide 33: Material Design Lite (web)
- Slide 34: MaterialTextField (iOS)
Meaningful motion
- Slides 37-38: Quotes on animation from iOS Human Interface Guidelines
- Slides 39-40: Quotes on animation from Material Design spec
- Slide 41: Meaningful transitions
- Slide 42: BubbleTransition (iOS)
- Slide 43: User Profile Interface Animation by Dmytro Prudnikov
- Slide 44: MaskZoomTransition (iOS)