mani amini, designer...mani view and edit profile travel for work? invite friends settings help...

81
#WWDC17 © 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple. Mani Amini, Designer Designing Glyphs Session 823 Design

Upload: others

Post on 25-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

#WWDC17

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

Mani Amini, Designer

•Designing Glyphs • Session 823

Design

Page 2: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 3: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 4: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 5: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 6: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 7: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 8: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Icons

Page 9: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Glyphs

Icons

Page 10: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 11: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 12: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 13: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 14: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Effective Glyphs

Page 15: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Simplified form

Effective Glyphs

Page 16: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Simplified form

Universal symbology

Effective Glyphs

Page 17: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Simplified form

Universal symbology

Quickly readable in context

Effective Glyphs

Page 18: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 19: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 20: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Delicious

Page 21: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Delicious

Page 22: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Delicious

Page 23: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Delicious

Page 24: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Delicious

Page 25: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Delicious

Page 26: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Where are glyphs used?

Page 27: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 28: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 29: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 30: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 31: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 32: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 33: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 34: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 35: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 36: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Design Considerations

Page 37: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Design Considerations

Optical weight

Page 38: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Design Considerations

Optical weight

Lines

Page 39: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Design Considerations

Optical weight

Lines

Positioning

Page 40: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 41: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 42: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 43: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 44: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 45: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 46: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 47: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Lines

Page 48: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 49: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 50: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 51: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 52: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Positioning

Page 53: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 54: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 55: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 56: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 57: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 58: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 59: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 60: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 61: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 62: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 63: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 64: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Crafting Glyphs

Page 65: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Crafting Glyphs

Build as a set

Page 66: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Crafting Glyphs

Build as a set

Test in context

Page 67: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Crafting Glyphs

Build as a set

Test in context

Preview on device

Page 68: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

How do I get started?

Page 69: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

In-app

Page 70: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Light

Heavy

Page 71: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 72: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

System spaces

Page 73: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 74: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 75: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED
Page 76: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Recap

Page 77: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Recap

Simplify and think globally

Page 78: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Recap

Simplify and think globally

Build as sets and test in context

Page 79: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Recap

Simplify and think globally

Build as sets and test in context

Harmonize with type

Page 80: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED

Recap

Simplify and think globally

Build as sets and test in context

Harmonize with type

Adapt for system spaces

Page 81: Mani Amini, Designer...Mani View and edit profile Travel for work? Invite friends Settings Help & support Why host Become a host Give us feedback o INBOX 100% PROFILE Q EXPLORE SAVED