The Art of Typography in the Web Design By Nestor Ramirez

https://www.meetup.com/es-ES/WordPress-Barranquilla/events/245921222/

Transcript

3. Typography is the art and technique of arranging type in order to make the language it forms most appealing to transparent learning and recognition. Wikipedia “
9. Typography is what language looks like. It embraces every element that affects web design including, line length, point size, layout, color palette, typeface, and design integration. “ Ellen Lupton Director of the Graphic Design MFA program at Maryland Institute College of Art in Baltimore
11. • Typography Evoke Feelings • Typography’s Role in Branding • Typography as a Guide • Typography makes the Content Attractive
14. Exercise
15. "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn
16. • 60% of websites use sans-serif typefaces for headlines, mostly Arial, Verdana, Lucida Grande and Helvetica. Among them: CNN, ArsTechnica, Slate, BBC and NewScientist.
 • Only 34% of websites use a serif typeface for body copy. Among them: New York Times, Typographica, Time, AIGA and Newsweek.
19. Exercise
20. "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn
21. "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn
22. "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn
23. "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn
24. "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn
25. "I am the brother of Elia Martell. And do you know why I've come all the way to this stinking sh*t pile of a city? For you. I am going to hear you confess before you die: You raped my sister. You murdered her. You killed her children. Say it now, and we can make this quick. Say it. You raped her! You murdered her! You killed her children. You raped her! You murdered her! You killed her children! YOU RAPED HER! YOU MURDERED HER! YOU KILLED HER CHILDREN! You're dying? No, no, no, you can't die yet. You haven't confessed! Say it. Say her name: Elia Martell. You raped her. You killed her children. Elia Martell! Who gave you the order? WHO GAVE YOU THE ORDER?! Say her name! You raped her! You murdered her! You killed her children! Say it! Say her name! SAY IT!" - Oberyn
29. HTML Default font sizes Body Copy - 14px - 1em Heading 1 - 32px - 2em Heading 2 - 24px - 1.5em Heading 3 - 19px - 1.17em Heading 4 - 14px - 1em Heading 5 - 13px - 0.83em Heading 6 - 11px - 0.67em
30. Average Font Size For Headlines Heading 1 - from 24 to 26 px Average Font Size For Body Copy Body Copy - from 14 to 16 px
32. Exercise
33. Dave Feathers Band Grand Arena, Grand West, Cape Town 30 Dec 2017 & 01 Dec 2017 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
34. Dave Feathers Band Grand Arena, Grand West, Cape Town 30 Dec 2017 & 01 Dec 2017 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
35. Dave Feathers Band Grand Arena, Grand West, Cape Town 30 Dec 2017 & 01 Dec 2017 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
36. Dave Feathers Band Grand Arena, Grand West, Cape Town 30 Dec 2017 & 01 Dec 2017 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
37. Dave Feathers Band Grand Arena, Grand West, Cape Town 30 Dec 2017 & 01 Dec 2017 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
38. Dave Feathers Band Grand Arena, Grand West, Cape Town 30 Dec 2017 & 01 Dec 2017 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
39. Dave Feathers Band Grand Arena, Grand West, Cape Town 30 Dec 2017 & 01 Dec 2017 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
40. Dave Feathers Band Grand Arena, Grand West, Cape Town Dates: 30 Dec 2017 & 01 Dec 2017 Time: 8pm Dave Feathers Band will tour South Africa for the very first time performing in Cape Town on 30th November 2017 at the Grand Arena, GrandWest and Johannes-burg at the Coca-Cola Dome on 3rd December 2017. The band is touring in support of their new album “Superstar”.
42. Verdana Georgia Times New Roman Courier New Tahoma Trebuchet MS Arial Helvetica Arial Black Comic Sans
43. Best Web Fonts from Google Web Fonts and @font-face
44. Best Web Fonts from Google Web Fonts and @font-face
46. • DON'T use too many different fonts • DO watch kerning and line height • DON'T use ornate fonts for large blocks of text • DO pay attention to hierarchy • DON'T use comic sans for anything ever • DO occasionally break the rules
47. Thanks!