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

Transcript of Nicole Ryan, Designer - Apple Inc. · “Typography exists to honor content.” •Robert...

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

The Role of 2D & 3D Typographic Design in Visual Artseyelearn.org/ma/wp-content/uploads/2012/02/Web-Typography-1.pdf · Digital technology radically influenced typographic design

The Role of 2D & 3D Typographic Design in Visual Artseyelearn.org/ma/wp-content/uploads/2012/02/Web-Typography-1.pdf · Digital technology radically influenced typographic design

Simon Fraser University Special Collections and Rare Books ... AID BRINGHURST… · Robert Bringhurst was born in Los Angeles, California on October 16, 1946, to Marion Jeanette Bringhurst

Simon Fraser University Special Collections and Rare Books ... AID BRINGHURST… · Robert Bringhurst was born in Los Angeles, California on October 16, 1946, to Marion Jeanette Bringhurst

BA in Visual and Critical Studies - Dublin Institute of ...Typography Ireland: Typography Ireland was initiated in 2005 to further research and recording of Irish typographic history

BA in Visual and Critical Studies - Dublin Institute of ...Typography Ireland: Typography Ireland was initiated in 2005 to further research and recording of Irish typographic history

Web Typography Suckswebtypography.net/talks/sxsw2007/webtypography-sxsw2007-notes.… · Elements of Typographic Style by Robert Bringhurst MB & MB: Rotis sans. One of the worst ampersands

Web Typography Suckswebtypography.net/talks/sxsw2007/webtypography-sxsw2007-notes.… · Elements of Typographic Style by Robert Bringhurst MB & MB: Rotis sans. One of the worst ampersands

ABC of Typography. Typography useful art (creating typefaces, design pages, books) science (typographic rules) craft, work (typographer ~ printer)

ABC of Typography. Typography useful art (creating typefaces, design pages, books) science (typographic rules) craft, work (typographer ~ printer)

GRDE1005 Typography Semester 2, 2016ctl.curtin.edu.au/teaching_learning_services/unit... · crafted typographic pieces. Consult the brief and assessment sheet for more detailed information.

GRDE1005 Typography Semester 2, 2016ctl.curtin.edu.au/teaching_learning_services/unit... · crafted typographic pieces. Consult the brief and assessment sheet for more detailed information.

Robert Bringhurst Book

Robert Bringhurst Book

SACRED HEART COLLEGE (AUTONOMOUS) Department ......Typography Workbook. Rockport Publishers, New edition, November 1, 2006 Bringhurst, Robert. The Elements of Typographic Style. Hartley

SACRED HEART COLLEGE (AUTONOMOUS) Department ......Typography Workbook. Rockport Publishers, New edition, November 1, 2006 Bringhurst, Robert. The Elements of Typographic Style. Hartley

Typography That Works: Typographic Composition and Fonts · 2014-12-02 · Typography That Works: Typographic Composition and Fonts Ellen Lupton Class Project: Redesign your business

Typography That Works: Typographic Composition and Fonts · 2014-12-02 · Typography That Works: Typographic Composition and Fonts Ellen Lupton Class Project: Redesign your business

Clasificacion Tipografica Robert Bringhurst

Clasificacion Tipografica Robert Bringhurst

TUGboat, Volume ), No. Book review: Palatino: The …...The Elements of Typographic Style by Bringhurst is considered one of the most influential treatises on book design; Hermann

TUGboat, Volume ), No. Book review: Palatino: The …...The Elements of Typographic Style by Bringhurst is considered one of the most influential treatises on book design; Hermann

Chapter 1 Type and Typography Chapter 2 Typographic ...ptgmedia.pearsoncmg.com/images/0130175455/samplechapter/013017… · Chapter 1 Type and Typography Chapter 2 Typographic Procedures,

Chapter 1 Type and Typography Chapter 2 Typographic ...ptgmedia.pearsoncmg.com/images/0130175455/samplechapter/013017… · Chapter 1 Type and Typography Chapter 2 Typographic Procedures,

Typography on the Web-2012 on the Web... · 2014. 1. 31. · Typography exists to honour content, but much of the typography on the web is poor in quality. Font choices, typographic

Typography on the Web-2012 on the Web... · 2014. 1. 31. · Typography exists to honour content, but much of the typography on the web is poor in quality. Font choices, typographic

Typographic Dialogues: Local-Global€¦ · The ‘literal-ness’ of expressive typography hence does not serve the purpose in this project. 2.2 Developing the typographic grammar

Typographic Dialogues: Local-Global€¦ · The ‘literal-ness’ of expressive typography hence does not serve the purpose in this project. 2.2 Developing the typographic grammar

Typography - artc1325petroff.files.wordpress.com · Typography? The Typographic Font. Diamond Sutra from Tang Dynasty China, 868 AD. Johannes Gutenberg (c. 1400 – February 3, 1468)

Typography - artc1325petroff.files.wordpress.com · Typography? The Typographic Font. Diamond Sutra from Tang Dynasty China, 868 AD. Johannes Gutenberg (c. 1400 – February 3, 1468)

Typographic - PRAGMA ADE · programming, we qualify it as typographic programming, ... typographers receive their knowledge and information about the rules of typography

Typographic - PRAGMA ADE · programming, we qualify it as typographic programming, ... typographers receive their knowledge and information about the rules of typography

For your convenience Apress has placed some of the front · International Typographic Style focuses on a few key concepts: alignment to a typographic grid, clean and consistent typography,

For your convenience Apress has placed some of the front · International Typographic Style focuses on a few key concepts: alignment to a typographic grid, clean and consistent typography,

Neo-Haipai: a typographic representation of Shanghai · 10 - 2 Expressive Typography • Typographic map of Shanghai • Blurring the boundary of type and image • Applying colours

Neo-Haipai: a typographic representation of Shanghai · 10 - 2 Expressive Typography • Typographic map of Shanghai • Blurring the boundary of type and image • Applying colours

Typography Typography exists to honor content. Robert Bringhurst, The Elements of Typographic Style.

Typography Typography exists to honor content. Robert Bringhurst, The Elements of Typographic Style.

A typographic resource · Most people know The Elements of Typographic Style by Robert Bringhurst but few know of his little pamphlet The Typographic Mind from Gaspereau Press. We

A typographic resource · Most people know The Elements of Typographic Style by Robert Bringhurst but few know of his little pamphlet The Typographic Mind from Gaspereau Press. We