a typographic methodology for ebooks - ebookcraft 2014 - charles nix

59
A Typographic Methodology for eBooks Charles Nix Monday, March 17, 14

Upload: booknet-canada

Post on 22-Jan-2015

1.306 views

Category:

Education


1 download

DESCRIPTION

"A Typographic Methodology for Ebooks" - Charles Nix (Scott & Nix) at ebookcraft 2014, presented by BookNet Canada and eBOUND Canada - March 5, 2014.

TRANSCRIPT

  • 1. ATypographic Methodology for eBooks Charles Nix Monday, March 17, 14

2. 0.0 Read Actively Monday, March 17, 14 3. 0.1 Make notes while reading Monday, March 17, 14 4. 0.1 Make notes while reading 0.1.1 Comprehend content Monday, March 17, 14 5. 0.1 Make notes while reading 0.1.1 Comprehend content 0.1.2 Question structure Monday, March 17, 14 6. 0.1 Make notes while reading 0.1.1 Comprehend content 0.1.2 Question structure 0.1.3 Look for visual cues/clues Monday, March 17, 14 7. 0.2 Active reading outcomes Monday, March 17, 14 8. 0.2 Active reading outcomes 0.2.1 Editorial queries Monday, March 17, 14 9. 0.2 Active reading outcomes 0.2.1 Editorial queries 0.2.1 The Design Memo 0.2.2 Design notes Monday, March 17, 14 10. 0.2 Active reading outcomes 0.2.1 Editorial queries 0.2.1 The Design Memo 0.2.2 Design notes Monday, March 17, 14 11. 1.0 Visualize Monday, March 17, 14 12. 1.1 Imagine the book as it will be read Monday, March 17, 14 13. 1.1 Imagine the book as it will be read 1.1.1 Overall impression 1.1.2 Structure 1.1.3 Typography Monday, March 17, 14 14. 1.1 Imagine the book as it will be read 1.1.1 Overall impression 1.1.2 Structure 1.1.3 Typography Monday, March 17, 14 15. 1.1 Imagine the book as it will be read 1.1.1 Overall impression 1.1.2 Structure 1.1.3 Typography Monday, March 17, 14 16. 1.1.3.1 Choose type well Monday, March 17, 14 17. 1.1.3.1 Choose type well 1.1.3.1.1 Study history, form, and use 1.1.3.2 Explore new type releases Monday, March 17, 14 18. Study: Form Writing & Illuminating & Lettering by Edward Johnston An Atlas of Typeforms by James Sutton and Alan Bartram Lettering for Advertising by Mortimer Leach Lettering for Reproduction by David Gates Counter punch by Fred Smeijers Layout in Advertising by W.A. Dwiggins ABC of Lettering and Printing Types by Erik Lindegren The Origin of the Serif by Edward Catich Type Sign Symbol by Adrian Frutiger Printing Types by D.B. Updike Monday, March 17, 14 19. Better Type by Betty Binns The Crystal Goblet by Beatrice Warde The Elements of Typographic Style by Robert Bringhurst Asymmetric Typography by Jan Tschichold Designing with Type by James Craig First Principles of Typography by Stanley Morison The Design of Books by Adrian Wilson Thinking with Type by Ellen Lupton The Chicago Manual of Style Study: Use Monday, March 17, 14 20. 1.1.3.1 Choose type well 1.1.3.1.1 Study history, form, and use 1.1.3.1.2 Explore new type releases Monday, March 17, 14 21. Study: Current fonts.com google.com/fonts fontshop.com fontspring.com linotype.com myfonts.com ilovetypography.com Monday, March 17, 14 22. 1.1.3.1 Choose type well 1.1.3.1.1 Study history, form, and use 1.1.3.1.2 Explore new type releases 1.1.3.1.3 Observe x-height Monday, March 17, 14 23. x Walbaum MT Std 9.08 x Garamond 3 9.64 x Fournier MT Std 9.83 x Adobe Garamond Pro 10.00 x Adobe Caslon Pro 10.64 x Bauer Bodoni 10.42 x Courier Std 11.03 x Minion 11.12 x Sabon LT Std 11.20 ITC Galliard Pro 11.24 x Times New Roman 11.35 x Avenir Book 11.89 x Excelsior 11.92 x Futura Book 11.94 x Century Expanded 12.14 x Georgia 12.23 x Myriad Pro 12.3 x PT Serif 12.7 x ClearviewText Book 12.75 x ITC Franklin Gothic Book Std 12.90 x Arial 13.20 x Ubuntu 13.21 x Helvetica 13.30 x Droid Sans 13.62 x Droid Serif 13.62 x Verdana 13.85 x Walbaum MT Std 9.08 x Garamond 3 9.64 x Fournier MT Std 9.83 x Adobe Garamond Pro 10.00 x Adobe Caslon Pro 10.64 x Bauer Bodoni 10.42 x Courier Std 11.03 x Minion 11.12 x Sabon LT Std 11.20 x ITC Galliard Pro 11.24 x Times New Roman 11.35 x Avenir Book 11.89 x Excelsior 11.92 x Futura Book 11.94 x Century Expanded 12.14 x Georgia 12.23 x Myriad Pro 12.3 x PT Serif 12.7 x ClearviewText Book 12.75 x ITC Franklin Gothic Book Std 12.90 x Arial 13.20 x Ubuntu 13.21 x Helvetica 13.30 x Helvetica 13.30 x Droid Sans 13.62 x Droid Serif 13.62 x Verdana 13.85 x Walbaum MT Std 9.08 x Garamond 3 9.64 x Fournier MT Std 9.83 x Adobe Garamond Pro 10.00 x Adobe Caslon Pro 10.64 x Bauer Bodoni 10.42 x Courier Std 11.03 x Minion 11.12 x Sabon LT Std 11.20 x ITC Galliard Pro 11.24 x Times New Roman 11.35 x Avenir Book 11.89 x Excelsior 11.92 x Futura Book 11.94 x Century Expanded 12.14 x Georgia 12.23 x Myriad Pro 12.3 x PT Serif 12.7 x ClearviewText Book 12.75 x ITC Franklin Gothic Book Std 12.90 x Arial 13.20 x Ubuntu 13.21 x Helvetica 13.30 x Helvetica 13.30 x Droid Sans 13.62 x Droid Serif 13.62 x Verdana 13.85 Untitled-2 1 3/4/14 8:45 AMMonday, March 17, 14 24. Walbaum MT Std (solid20) Every art and every inquiry, and similarly every action and pursuit, is thought to aim at some good; and for this reason the good has rightly been declared to be that at which all things aim. But a certain dierence is found among ends; some are activities, others are products apart from the activities that produce them. Where there are ends apart from the actions, it is the nature of the products to be better than the activities. Now, as there are many actions, arts, and sciences, their ends also are many; the end of the medical art is health, that of shipbuilding a vessel, that of strategy victory, that of economics wealth. But where such arts fall under a single capacityas bridle- making and the other arts concerned with the equipment of horses fall under the art of riding, and this and every military action under strategy, in the same way other arts fall under yet othersin all of these the ends of the master arts are to be preferred to all the subordinate ends Verdana (solid20) Every art and every inquiry, and similarly every action and pursuit, is thought to aim at some good; and for this reason the good has rightly been declared to be that at which all things aim. But a certain difference is found among ends; some are activities, others are products apart from the activities that produce them. Where there are ends apart from the actions, it is the nature of the products to be better than the activities. Now, as there are many actions, arts, and sciences, their ends also are many; the end of the medical art is health, that of shipbuilding a vessel, that of strategy victory, that of economics wealth. But where such arts fall under a single capacityas bridle-making and the other arts concerned with the equipment of horses fall under the art of riding, and this and every military action under strategy, in the same way other arts fall under yet othersin all of these the ends of the master arts are to be preferred to all the subordinate ends Monday, March 17, 14 25. Walbaum MT Std (solid30.5) Every art and every inquiry, and similarly every action and pursuit, is thought to aim at some good; and for this reason the good has rightly been declared to be that at which all things aim. But a certain dierence is found among ends; some are activities, others are products apart from the activities that produce them. Where there are ends apart from the actions, it is the nature of the products to be better than the activities. Now, as there are many actions, arts, and sciences, their ends also are many; the end of the medical art is health, that of shipbuilding a vessel, that of strategy victory, that of economics wealth. But where such arts fall under a single capacity as bridle-making and the other arts concerned with the equipment of horses fall under the art of riding Verdana (solid20) Every art and every inquiry, and similarly every action and pursuit, is thought to aim at some good; and for this reason the good has rightly been declared to be that at which all things aim. But a certain difference is found among ends; some are activities, others are products apart from the activities that produce them. Where there are ends apart from the actions, it is the nature of the products to be better than the activities. Now, as there are many actions, arts, and sciences, their ends also are many; the end of the medical art is health, that of shipbuilding a vessel, that of strategy victory, that of economics wealth. But where such arts fall under a single capacityas bridle-making and the other arts concerned with the equipment of horses fall under the art of riding Monday, March 17, 14 26. Walbaum MT Std (solid30.5) Every art and every inquiry, and similarly every action and pursuit, is thought to aim at some good; and for this reason the good has rightly been declared to be that at which all things aim. But a certain dierence is found among ends; some are activities, others are products apart from the activities that produce them. Where there are ends apart from the actions, it is the nature of the products to be better than the activities. Now, as there are many actions, arts, and sciences, their ends also are many; the end of the medical art is health, that of shipbuilding a vessel, that of strategy victory, that of economics wealth. But where such arts fall under a single capacity as bridle-making and the other arts concerned with the equipment of horses fall under the art of riding Verdana (solid20/30.5) Every art and every inquiry, and similarly every action and pursuit, is thought to aim at some good; and for this reason the good has rightly been declared to be that at which all things aim. But a certain difference is found among ends; some are activities, others are products apart from the activities that produce them. Where there are ends apart from the actions, it is the nature of the products to be better than the activities. Now, as there are many actions, arts, and sciences, their ends also are many; the end of the medical art is health, that of shipbuilding a vessel, that of strategy victory, that of economics wealth. But where such arts fall under a single capacityas bridle-making and the other arts concerned with the equipment of horses fall under the art of riding Monday, March 17, 14 27. 1.1.3.1 Choose type well 1.1.3.1.1 Study history, form, and use 1.1.3.1.2 Explore new type releases 1.1.3.1.3 Observe x-height 1.1.3.1.4 Observe horizontal proportions Monday, March 17, 14 28. Walbaum MT Std (2375.64 mm) eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeettttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaoooooooooooooooooooooooooooooooooooo oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiinnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnssssssssssssssssssssssssssssssssssssssssss ssssssssssssssssssssssssssssssssssssssssssshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhr rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrdddddddddddddddddddddddddddddddddddddddddddddddddddddddddllllllll llllllllllllllllllllllllllllllllllllllllllllllccccccccccccccccccccccccccccccccccccccuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuummmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwggggggggggggggggggggggggggg yyyyyyyyyyyyyyyyyyyyyyyyyyyppppppppppppppppppppppppppbbbbbbbbbbbbbbbbbbbbvvvvvvvvvvvvvkkkkkkkkkkjjxxqz Verdana (3100.7 mm) eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeetttttttttttttttttttttttttttttt ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaooooooooooooooooooo ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooiiiiiiiiiiiiiiiiiiiiiiiiiii iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiinnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss sssssssssssshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh hhrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrdddddddddddddddddddddddddddddddddd dddddddddddddddddddddddllllllllllllllllllllllllllllllllllllllllllllllllllllllccccccccccccccccccccccccccccccccccccccuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuummmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmwwwwwwwwwwww wwwwwwwwwwwwwwwwwwwwffffffffffffffffffffffffffffffgggggggggggggggggggggggggggyyyyyyyyyyyyyyyyyyyyyy yyyyyppppppppppppppppppppppppppbbbbbbbbbbbbbbbbbbbbvvvvvvvvvvvvvkkkkkkkkkkjjxxqz Monday, March 17, 14 29. 1.1.3.1 Choose type well 1.1.3.1.1 Study history, form, and use 1.1.3.1.2 Explore new type releases 1.1.3.1.3 Observe x-height 1.1.3.1.4 Observe horizontal proportions 1.1.3.1.5 Understand character sets Monday, March 17, 14 30. ! " # $ % & ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [] ^ _ a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ ' ` Rp K R a e k m n r Th ch ck ct fb ff ffb ffh ffi ffj ffk ffl fft fh fi fj fk fl ft sp st b h i k l t i l 0 a b c d e f g h i j k l m n o p q r s t u v w x y z i & ! ? 0 1 2 3 4 5 6 7 8 9 $ # % 0 1 2 3 4 5 6 7 8 9 0 $ # 0 1 2 3 4 5 6 7 8 9 $ # a b d e g h i l m n o r s t 0 1 2 3 4 5 6 7 8 9 . , $ - ( ) 0 1 2 3 4 5 6 7 8 9 . , $ - ( ) 0 1 2 3 4 5 6 7 8 9 . , $ - ( ) 0 1 2 3 4 5 6 7 8 9 . , $ - ( ) @ - { } [ ] ( ) G h g ` g ` A B C D E F G H I J K L M N O P Q R S T U V W X Y Z G i / - Garamond (MicroSoft / Monotype) Minion Pro Monday, March 17, 14 31. Monday, March 17, 14 32. 1.1.3.1 Choose type well 1.1.3.1.1 Study history, form, and use 1.1.3.1.2 Explore new type releases 1.1.3.1.3 Observe x-height 1.1.3.1.4 Observe horizontal proportions 1.1.3.1.5 Understand character sets 1.1.3.1.6 Understand font families Monday, March 17, 14 33. a:a a:a a:a : a:a : :: :: :: Monday, March 17, 14 34. 1.1.3.1 Choose type well 1.1.3.1.7 Understand font formats Monday, March 17, 14 35. 1.1.3.1 Choose type well 1.1.3.1.7 Understand font formats 1.1.3.1.8 Know your budget Monday, March 17, 14 36. 1.1.3.2 Create meaningful typographic relationships 1.1.3.1.7 Understand font formats 1.1.3.1.8 Know your budget Monday, March 17, 14 37. 1.1.3.2 Create meaningful typographic relationships 1.1.3.2.1 Size shifts should be marked 1.1.3.1.8 Know your budget Monday, March 17, 14 38. e e eee e e eee Fibonacci Sequence The Golden Ratio 7 11 18 29 47 7 11.33 18.33 29.65 47.98 Monday, March 17, 14 39. 1.1.3.2 Create meaningful typographic relationships 1.1.3.2.1 Employ marked size shifts 1.1.3.2.2 Pair fonts intelligently Monday, March 17, 14 40. 2.0 Prototype Monday, March 17, 14 41. 2.1 The design memo is a design map. 1.1.1 Overall impression 1.1.2 Structure 1.1.3 Typography Monday, March 17, 14 42. 2.2 Use type well 2.2.1 Overall impression 1.1.2 Structure 1.1.3 Typography Monday, March 17, 14 43. 2.2 Use type well 2.2.1 A letter is the smallest unit 2.2.2 Words average ve letters 2.2.3 Sentences average 60 characters 2.2.4 Opt. line length is 65 characters 2.2.5 Set eBook text ush left. Monday, March 17, 14 44. 2.2 Use type well 2.2.1 A letter is the smallest unit 2.2.2 Words average ve letters 2.2.3 Sentences average 60 characters 2.2.4 Opt. line length is 65 characters 2.2.5 Set eBook text ush left. Monday, March 17, 14 45. 2.2 Use type well 2.2.1 A letter is the smallest unit 2.2.2 Words average ve letters 2.2.3 Sentences average 60 characters 2.2.4 Opt. line length is 65 characters 2.2.5 Set eBook text ush left. Monday, March 17, 14 46. 2.2 Use type well 2.2.1 A letter is the smallest unit 2.2.2 Words average ve letters 2.2.3 Sentences average 60 characters 2.2.4 Opt. line length is 65 characters 2.2.5 Set eBook text ush left. Monday, March 17, 14 47. 2.2 Use type well 2.2.1 A letter is the smallest unit 2.2.2 Words average ve letters 2.2.3 Sentences average 60 characters 2.2.4 Opt. line length is 65 characters 2.2.5 Set eBook text ush left. Monday, March 17, 14 48. 2.2.6 Use ems for type measurement Monday, March 17, 14 49. 2.2.6 Use ems for type measurement 2.2.7 x-Height and linespace are interconnected Monday, March 17, 14 50. 3.0 Program Monday, March 17, 14 51. Our ends Monday, March 17, 14 52. Jenson 1470 Monday, March 17, 14 53. Latin Margins Typeface Paragraphs Paper Monday, March 17, 14 54. Latin Margins Typeface Paragraphs Paper Monday, March 17, 14 55. Latin Margins Typeface Paragraphs Paper Monday, March 17, 14 56. Latin Margins Typeface Paragraphs Paper Monday, March 17, 14 57. Latin Margins Typeface Paragraphs Paper Monday, March 17, 14 58. Monday, March 17, 14 59. Thank you. @chasnix Monday, March 17, 14