SlideShare a Scribd company logo
1 of 20
Everyday Type The good, the bad, and Comic Sans
Comic Sans Papyrus
Using a grid is a great way to get control. And it doesn’t mean everything has to be the same width. And it definitely doesn’t have to be the same size Or even the same typeface
Space
″It was 1′ 4″ long.″ Well set type-all other things being equal-makes content shine. ″It can be fiddly, but 5-10 minutes is worth it.″ “	It was 1′ 4″ long.” 	Well set type — all other things being equal — makes content shine. “	It can be fiddly, but 5–10 minutes is worth it.”
“	Typography with anything to say aspires to a kind of statuesquetransparency. ”  	Robert Bringhurst
“	Typography exists to 	honour content. ” 	Robert Bringhurst

More Related Content

Viewers also liked

Group 2 french communication
Group 2 french communicationGroup 2 french communication
Group 2 french communicationMAstudent33
 
Raspberry Pi (with FOSS Introduction)
Raspberry Pi (with FOSS Introduction)Raspberry Pi (with FOSS Introduction)
Raspberry Pi (with FOSS Introduction)Alec Joseph Rivera
 
Introduction to cryptography
Introduction to cryptographyIntroduction to cryptography
Introduction to cryptographyAmir Neziri
 
Electronic credentials
Electronic credentialsElectronic credentials
Electronic credentialsAmir Neziri
 
Software(runtime) attacks
Software(runtime) attacksSoftware(runtime) attacks
Software(runtime) attacksAmir Neziri
 
software eng by raj mishra
software eng by raj mishrasoftware eng by raj mishra
software eng by raj mishraRajkamal Mishra
 
Security of Web Servers and Web Applications
Security of Web Servers and Web ApplicationsSecurity of Web Servers and Web Applications
Security of Web Servers and Web ApplicationsAmir Neziri
 
English1,unit7, lesson1
English1,unit7, lesson1English1,unit7, lesson1
English1,unit7, lesson1xaky
 
User
UserUser
Userxaky
 
English1, unit6, lesson3
English1, unit6, lesson3English1, unit6, lesson3
English1, unit6, lesson3xaky
 
Privacy and identity management for everyone
Privacy and identity management for everyonePrivacy and identity management for everyone
Privacy and identity management for everyoneAmir Neziri
 

Viewers also liked (11)

Group 2 french communication
Group 2 french communicationGroup 2 french communication
Group 2 french communication
 
Raspberry Pi (with FOSS Introduction)
Raspberry Pi (with FOSS Introduction)Raspberry Pi (with FOSS Introduction)
Raspberry Pi (with FOSS Introduction)
 
Introduction to cryptography
Introduction to cryptographyIntroduction to cryptography
Introduction to cryptography
 
Electronic credentials
Electronic credentialsElectronic credentials
Electronic credentials
 
Software(runtime) attacks
Software(runtime) attacksSoftware(runtime) attacks
Software(runtime) attacks
 
software eng by raj mishra
software eng by raj mishrasoftware eng by raj mishra
software eng by raj mishra
 
Security of Web Servers and Web Applications
Security of Web Servers and Web ApplicationsSecurity of Web Servers and Web Applications
Security of Web Servers and Web Applications
 
English1,unit7, lesson1
English1,unit7, lesson1English1,unit7, lesson1
English1,unit7, lesson1
 
User
UserUser
User
 
English1, unit6, lesson3
English1, unit6, lesson3English1, unit6, lesson3
English1, unit6, lesson3
 
Privacy and identity management for everyone
Privacy and identity management for everyonePrivacy and identity management for everyone
Privacy and identity management for everyone
 

Recently uploaded

10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 

Recently uploaded (20)

10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 

Everyday type

  • 1. Everyday Type The good, the bad, and Comic Sans
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 11.
  • 12.
  • 13. Using a grid is a great way to get control. And it doesn’t mean everything has to be the same width. And it definitely doesn’t have to be the same size Or even the same typeface
  • 14. Space
  • 15. ″It was 1′ 4″ long.″ Well set type-all other things being equal-makes content shine. ″It can be fiddly, but 5-10 minutes is worth it.″ “ It was 1′ 4″ long.” Well set type — all other things being equal — makes content shine. “ It can be fiddly, but 5–10 minutes is worth it.”
  • 16. “ Typography with anything to say aspires to a kind of statuesquetransparency. ” Robert Bringhurst
  • 17.
  • 18.
  • 19.
  • 20. “ Typography exists to honour content. ” Robert Bringhurst

Editor's Notes

  1. So I guess the point of this is to persuade you lot to care a little bit about something I care deeply about – typography. It makes a massive difference to the way people react to your words, but it can seem like a pretty geeky thing to be passionate about.
  2. Maybe it is, but a big part of the appeal is that type is (or used to be) a physical, tactile, thing. So we're going to do some printing. These are little pieces of letterpress type. We're going to use a technique that people used to use when they were cutting metal type in the old days, a smoke proof.
  3. I'm going to do one, and if you've got a lighter or a match or something you can have a go too, or wait until you get home. So if we coat the end with soot it acts like the ink...and when we press it into the paper…
  4. …Bob's your uncle: we've printed a character. Here’s one I madeearlier. So that might be a bit childish...it's basically one step up from potato printing...but it's weirdly exciting, isn't it?
  5. And you get a letter that is unique. You created that, in all it's smudgy, imperfect, glory. And if you look closely, it's three dimensional, indented into the page. Metal type has depth as well as shape, each letter is a mini sculpture.
  6. But metal type is history, or art. Type is everyday. We're all creators of content...whether it's on the web, in Word, in PowerPoint...which means we're all typesetters, even if you’ve never touched a piece of type before. It’s humbling to think how much time it used to take.
  7. The average computer has more typefaces installed than any printer would have had in stock in the days of metal type. Adjusting leading or justification is a matter of clicking a button. So job one is to pick a typeface.
  8. Choosing the right type is like picking the right clothes. There ARE good and bad typefaces, but mostly there are appropriate and inappropriate typefaces for the job at hand.
  9. There’s a danger that access to all this choice of fonts and these powerful tools makes us like the sorcerer's apprentice, running around creating havoc until the master comes home. It's been said that good typography is invisible, but that doesn't mean it's easy. Time for some bad examples.
  10. If typefaces are clothes, Comic Sans is clown shoes...but that's too easy. Let's do Papyrus. You may recognise it from every café in the world, it's a shortcut for anyone that wants to look “natural”. Like the Na'vi. Or Lamb of God. The problem is that it’s become a cliché.
  11. Is there such a thing as a good cliché? Well you don't have to know many designers to discover their rule is "when in doubt, use Helvetica". [That's pretty sound thinking...although it kind of backfired on Gap!] Likewise, no one ever got sacked for using Bembo to set book text. But picking a typeface is pretty much the least important part of typography.
  12. More important are a relatively small set of rules designers use to set type. Step 1 is planning the architecture of the page in advance…not squeezing text to fit like PowerPoint does by default.
  13. One of the things that shows you're in capable hands is when elements of the design, particularly type elements, line up. Many designers will design to a grid...which works really well if you want to give a whole document a coherent and balanced rhythm.
  14. Designers also tend to be a lot more comfortable with whitespace than the rest of us. Big margins mean short lines, which are easier to read. Smaller text, with the right leading, looks better and is easier to read than big text poorly set.
  15. Sometimes it's the little details which, almost subliminally, make the difference. Things like proper use of quote marks, using the correct dashes, hanging punctuation so the text lines up, using ligatures. Little things, but they add up to more than the sum of their parts.
  16. Then there's the obscure stuff: lining figures, proper fractions and small caps. But a lot of it is about subtlety. Varying only one element for emphasis or headings.Good type, like most things, has a designed simplicity...it's all very zen.
  17. If you want advice, the web is overflowing with it...some of it good, and some of it bizarrely specific. Like typographyforlawyers.com (I wish I was joking) which, to be fair, is actually very good. But learning the rules is pretty easy…caring enough to apply them is what’s rare.
  18. And sometimes you need to break the rules to get the right effect. Occasionally your message is best served by a type treatment which goes against all the rules. David Carson epitomises this approach…but his type treatments still serve the overall message of his content. Like he says, it’s about communication.
  19. We're all typographers now, and we‘re all responsible for making our content look as good as it deserves to. It might turn you into a type geek, and it's dangerously addictive, but being in CONTROL of the way your words look is a great feeling.
  20. For all that I’ve talked about rules, the only one you really need to know is that type is about setting words, not glyphs. You should care about typography because it helps you tell your story in the most powerful way possible.