More Than Words: The Power of Type
Before the mind reads your message, it has already gathered information based on the visual clues from your type alone. Type is an extremely powerful design element that can literally transform the way people perceive your content. Type influences perceptions, emotions, and feelings of trust in the messages you are sending. Harnessing this power goes beyond simply selecting a typeface. It requires an understanding of typographic elements, history, pairing, and application. Websites are just a jumping off point for applying these lessons. By the end of this session, you will be able to use type thoughtfully to communicate more clearly, visually differentiate yourself, and even control the way your message is received. Presented at MinneBar 14 on April 27, 2019
More Than Words: The Power of Type
- 6. spotify.ooo
- 20. Font = what you use Typeface = what you see
- 22. How we read text
- 28. Photo Background: Randen Pederson on Flickr
- 29. Image: NOAA
- 32. Credit
- 38. amazon.com
- 47. xkcd.com/1015/
- 50. Photo: Terminal Design, Inc. BEFORE AFTER
- 51. Pairing
- 53. +
- 54. blog.visme.co
- 55. Liquorstore is my headline Proxima Nova is my body copy. Bacon ipsum dolor amet meatloaf cupim spare ribs landjaeger. Strip steak turkey leberkas sausage rump, swine beef. Swine andouille cow ?let mignon doner. Bacon ball tip bresaola cupim cow kevin pancetta landjaeger, ?let mignon strip steak pastrami. Chicken ?ank beef sausage, hamburger picanha biltong ham hock frankfurter salami. Pork picanha porchetta pork loin. Venison cow pork belly turducken hamburger, corned beef chicken.
- 56. Liquorstore is my headline Proxima Nova is my body copy. Bacon ipsum dolor amet meatloaf cupim spare ribs landjaeger. Strip steak turkey leberkas sausage rump, swine beef. Swine andouille cow ?let mignon doner. Bacon ball tip bresaola cupim cow kevin pancetta landjaeger, ?let mignon strip steak pastrami. Chicken ?ank beef sausage, hamburger picanha biltong ham hock frankfurter salami. Pork picanha porchetta pork loin. Venison cow pork belly turducken hamburger, corned beef chicken.
- 57. Get inspired
- 62. Other Pairing Resources http://typ.io - Search for a font & get a visual list of other websites using it & CSS http://fontpair.co - Helps designers pair Google Fonts together http://justmytype.co - Collection of font pairings from Typekit and H&FJ typeconnection.com - Typographic dating game where you try to match fonts tobiasahlin.com/typesource/ - Google Web Font inspiration in HTML & CSS
- 63. Think beyond the font menu
- 66. fontsquirrel.com
- 67. Support Indie Foundries Playtype Process Type Foundry Swiss Typefaces TypeTrust Village Type & Design Chank Fonts Colophon Commercial Type Frere-Jones Type Grilli Type Klim Milieu Grotesque Okay Type Optimo P22 Type Foundry
- 68. Your turn
- 70. Don’t use too many fonts at once center everything add 2 spaces after a period be afraid to experiment stop believin’
- 73. Photo: @anildash on Twitter
- 75. @myklroventine mykl@orangejackalope.com Primary Fonts Used: Liquorstore Proxima Nova Roboto Humblle Neutraface