nicole ryan, designer - apple inc. · “typography exists to honor content.” •robert...

54
#WWDC17 © 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple. Nicole Ryan, Designer What’s New in iOS Session 810 Design

Upload: others

Post on 09-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

#WWDC17

© 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

Nicole Ryan, Designer

•What’s New in iOS • Session 810

Design

Page 2: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 3: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 4: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 5: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 6: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 7: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding

Page 8: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy

Page 9: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 10: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 11: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 12: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 13: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Where should I use Large Titles?

Page 14: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Top Level of an App With Tabs

Page 15: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Apps With Rich and Extensive Content

Page 16: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Apps With Rich and Extensive Content

Page 17: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Apps With Rich and Extensive Content

Page 18: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Visually Similar Layouts

iOS 10

Page 19: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Visually Similar Layouts

New in iOS 11

Page 20: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Use Large Titles purposefully

Page 21: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Should Not be Used Everywhere

Page 22: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 23: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

“Typography exists to honor content.”

•Robert Bringhurst, The Elements of Typographic Style

Page 24: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

“Typography exists to honor content.”

•Robert Bringhurst, The Elements of Typographic Style

Page 25: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Position

Label 1 Label 2

Page 26: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Position

Label 1 Label 2

Size

Label 1 Label 2

Page 27: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Position

Label 1 Label 2

Size

Label 1 Label 2

Weight

Label 1 Label 2

Page 28: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Position

Label 1 Label 2

Size

Label 1 Label 2

Weight

Label 1 Label 2

Color

Label 1 Label 2

Page 29: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 30: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 31: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 32: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 33: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 34: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 35: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 36: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 37: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 38: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

iOS 10

Page 39: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

iOS 11

iOS 10

Page 40: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Regular weight

Page 41: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Medium weight

Regular weight

Page 42: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Photos Memories Shared Albums

Page 43: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Photos Memories Shared Albums

Page 44: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

Photos Memories Shared Albums

Page 45: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 46: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 47: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 48: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 49: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 50: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 51: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 52: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style

•Wayfinding •Typographic Hierarchy •Contrast

Page 53: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style
Page 54: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style