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

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)

Tags:
#ios
#design