Download as PDF, PPTX
Uploaded byInteractive Communications
It's all about typography
Typography is the art of arranging type to make written language readable and appealing. It involves selecting typefaces, font sizes, line spacing, letter spacing, and kerning. A typeface is a set of fonts that share common designs, while a font is a specific size and style within a typeface. There are different classifications of typefaces such as serif, sans serif, script, and decorative. Effective typography requires attention to spacing and kerning between letters as well as leading between lines. Typography is an important design element that can be explored creatively.
More Related Content
![Introduction to Graphic Design PDF [slideshare]](https://cdn.slidesharecdn.com/ss_thumbnails/prologuegraphicdesignslideshare-190815200118-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to It's all about typography
It's all about typography
- 2.
- 3. What is Typography? The artand technique of arranging type to make written language readable and appealing. It involves selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pairs (kerning). 2
- 4. Typography Is Everywhere Typeis a component of design that’s ever-present in the world around us. Road signs, magazine covers, posters, TV ads, film, etc. 3
- 5.
- 6. Is it afont or a typeface? Typeface “Font” and “typeface” are not interchangeable. Is a set of typographical symbols and characters. It’s the letters, numbers, and other characters that let us put words on paper (or screen) A typeface is a family of fonts (e.g. Helvetica Regular, Helvetica Italic, Helvetica Bold, Helvetica Black) 5 Font Is basically a complete character set within a typeface, often of a particular size and style A font is one weight or style within a typeface family (e.g. Helvetica Regular)
- 7. Classifications: Source: http://www.urbanfonts.com/blog/2013/02/serif-vs-sans-the-final-battle/ 6 Thereare different ways to classify typefaces and type families. Serif typefaces have small strokes/stems attached to the main strokes of characters. Serif typefaces are most often used for body copy in print documents, as well as for both body text and headlines online. Sans Serifs typefaces on the other hand, lack serif details on characters. They are often more modern in appearance than serifs.
- 8. SERIF Old Style /Humanist: Times New Roman, Garamond Transitional: Baskerville Modern: Bodoni Slab Serif: Rockwell, Blackoakstd SAN SERIF Grotesque: Franklin Gothic Transitional/ Neo Grotesque: Helvetica Humanist: Tahoma, Gill Sans Geometric: Futura SCRIPT (formal & Casual): Edwardian Script , Brush Script BT DECORATIVE Rosewood, ORNAMENT Symbol, Wingdings 7
- 9. …S P AC I N G Kerning: Tracking: Leading: The space between two letters The space between words The vertical spacing between lines of text 8
- 10. Working with Typography in Photoshopand Illustrator 9
- 11.
- 12. source: http://www.boredpanda.com/typefaces-worst-fonts-ever-creative-market/ Fonts Designerslove to hate... due to popularity, ugliness, or both. 11
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. Quick Tips: Pay attentionto tiny details: This can make the difference between graphic design work that is just acceptable or really good. Make it legible: There is more to it than just choosing fonts and making copy look good It also makes layouts look good in an aesthetic way. Keep learning more: Once you have these basics You can find lots of good quality typographic material online to help you learn more and improve your typography skills. Explore typography as Art: Never feel you have to be confined by the structure of existing fonts. Expand on the font shapes to suit your needs. Try adding swirls, texture, blotches, spats, and anything else you can think of to spice up the look of the type. 17
- 19. Image source: http://paultheillustrator.deviantart.com/art/Times- Type-Factory-130458605 Imagesource: http://www.cssdesignawards.com/articles/50- ultra-creative-typographic-poster-designs/49/ Be Inspired!
- 20.
- 21. Image source: http://www.fromupnorth.com/best-typography-of-2014/ Imagesource: http://blog.kidrobot.com/may-the-force-of-typography-be-with-you/
- 22.
- 23.