nicole ryan, designer - apple inc. · “typography exists to honor content.” •robert...
TRANSCRIPT
![Page 1: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/1.jpg)
#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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/2.jpg)
![Page 3: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/3.jpg)
![Page 4: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/4.jpg)
![Page 5: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/5.jpg)
![Page 6: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/6.jpg)
![Page 7: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/7.jpg)
•Wayfinding
![Page 8: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/8.jpg)
•Wayfinding •Typographic Hierarchy
![Page 9: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/9.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 10: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/10.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 11: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/11.jpg)
![Page 12: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/12.jpg)
![Page 13: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/18.jpg)
Visually Similar Layouts
iOS 10
![Page 19: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/20.jpg)
Use Large Titles purposefully
![Page 21: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/21.jpg)
Should Not be Used Everywhere
![Page 22: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/22.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 23: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/23.jpg)
“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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/24.jpg)
“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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/25.jpg)
Position
Label 1 Label 2
![Page 26: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/29.jpg)
![Page 30: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/30.jpg)
![Page 31: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/31.jpg)
![Page 32: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/32.jpg)
![Page 33: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/33.jpg)
![Page 34: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/34.jpg)
![Page 35: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/35.jpg)
![Page 36: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/36.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 37: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/37.jpg)
![Page 38: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/38.jpg)
iOS 10
![Page 39: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/39.jpg)
iOS 11
iOS 10
![Page 40: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/40.jpg)
Regular weight
![Page 41: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/41.jpg)
Medium weight
Regular weight
![Page 42: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/42.jpg)
Photos Memories Shared Albums
![Page 43: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/43.jpg)
Photos Memories Shared Albums
![Page 44: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/44.jpg)
Photos Memories Shared Albums
![Page 45: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/45.jpg)
![Page 46: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/46.jpg)
![Page 47: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/47.jpg)
![Page 48: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/48.jpg)
![Page 49: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/49.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 50: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/50.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 51: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/51.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 52: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/52.jpg)
•Wayfinding •Typographic Hierarchy •Contrast
![Page 53: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/53.jpg)
![Page 54: Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert Bringhurst, The Elements of Typographic Style](https://reader034.vdocuments.mx/reader034/viewer/2022050516/5fa01e472e1d9d44fe474819/html5/thumbnails/54.jpg)