Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Image source: http://sixrevisions.com/design-showcase-inspiration/30-creative-typography-art/ 1
What is
Typography?
The art and technique of arranging type to
make written language readable and appealing.
It involves s...
Typography Is Everywhere
Type is a component of design that’s ever-present in
the world around us. Road signs, magazine co...
The Basics
4
Is it a font or a typeface?
Typeface
“Font” and “typeface” are not interchangeable.
Is a set of typographical symbols and
...
Classifications:
Source: http://www.urbanfonts.com/blog/2013/02/serif-vs-sans-the-final-battle/ 6
There are different ways...
SERIF
Old Style / Humanist: Times New Roman, Garamond
Transitional: Baskerville
Modern: Bodoni
Slab Serif: Rockwell, Black...
…S P A C I N G
Kerning:
Tracking:
Leading:
The space between two letters
The space between words
The vertical spacing betw...
Working with
Typography in
Photoshop and
Illustrator
9
source: http://www.designersinsights.com/designer-resources/anatomy-of-typography
10
source: http://www.boredpanda.com/typefaces-worst-fonts-ever-creative-market/
Fonts Designers love to hate... due to popul...
curlz
Brush Script
Vivaldi
Courier
12
source: http://www.boredpanda.com/typefaces-worst-fonts-ever-creative-market/
13
source: http://www.boredpanda.com/typefaces-worst-fonts-ever-creative-market/
14
source: http://www.creativebloq.com/typography/5-embarrassing-examples-bad-
kerning-91412894
15
source: http://www.buzzfee...
Image source: http://visual.ly/10-commandments-typography
16
Quick Tips:
Pay attention to tiny details: This can make the difference
between graphic design work that is just acceptabl...
Image source: http://paultheillustrator.deviantart.com/art/Times-
Type-Factory-130458605
Image source: http://www.cssdesig...
Image source: http://designshack.net/articles/inspiration/typographic-posters-100-stunning-examples/
Image source: http://www.fromupnorth.com/best-typography-of-2014/
Image source: http://blog.kidrobot.com/may-the-force-of-...
Image source: http://gcore.deviantart.com/art/Death-by-Typography-46884415
21
Sources:
http://design.tutsplus.com/articles/a-20-minute-intro-to-typography-basics--psd-3326
http://www.noupe.com/essenti...
It's all about typography
Upcoming SlideShare
Loading in …5
×

It's all about typography

Yesterday the 11th of June 2015, the User Experience department took us down the exciting path of fonts and typography.

Facilitated by Crystal Chijindu, we came to realize the importance of Typography as an intricate element of design and idea development.

Have a good read and don't forget to share.

  • Be the first to comment

It's all about typography

  1. 1. Image source: http://sixrevisions.com/design-showcase-inspiration/30-creative-typography-art/ 1
  2. 2. What is Typography? The art and 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
  3. 3. Typography Is Everywhere Type is a component of design that’s ever-present in the world around us. Road signs, magazine covers, posters, TV ads, film, etc. 3
  4. 4. The Basics 4
  5. 5. Is it a font 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)
  6. 6. Classifications: Source: http://www.urbanfonts.com/blog/2013/02/serif-vs-sans-the-final-battle/ 6 There are 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.
  7. 7. 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
  8. 8. …S P A C I N G Kerning: Tracking: Leading: The space between two letters The space between words The vertical spacing between lines of text 8
  9. 9. Working with Typography in Photoshop and Illustrator 9
  10. 10. source: http://www.designersinsights.com/designer-resources/anatomy-of-typography 10
  11. 11. source: http://www.boredpanda.com/typefaces-worst-fonts-ever-creative-market/ Fonts Designers love to hate... due to popularity, ugliness, or both. 11
  12. 12. curlz Brush Script Vivaldi Courier 12
  13. 13. source: http://www.boredpanda.com/typefaces-worst-fonts-ever-creative-market/ 13
  14. 14. source: http://www.boredpanda.com/typefaces-worst-fonts-ever-creative-market/ 14
  15. 15. source: http://www.creativebloq.com/typography/5-embarrassing-examples-bad- kerning-91412894 15 source: http://www.buzzfeed.com/sludgepunkslimeharpy/things-that-make- graphic-designers-cringe-82dk#.cbbvMnL9 Quick Note:
  16. 16. Image source: http://visual.ly/10-commandments-typography 16
  17. 17. Quick Tips: Pay attention to 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
  18. 18. Image source: http://paultheillustrator.deviantart.com/art/Times- Type-Factory-130458605 Image source: http://www.cssdesignawards.com/articles/50- ultra-creative-typographic-poster-designs/49/ Be Inspired!
  19. 19. Image source: http://designshack.net/articles/inspiration/typographic-posters-100-stunning-examples/
  20. 20. Image source: http://www.fromupnorth.com/best-typography-of-2014/ Image source: http://blog.kidrobot.com/may-the-force-of-typography-be-with-you/
  21. 21. Image source: http://gcore.deviantart.com/art/Death-by-Typography-46884415 21
  22. 22. Sources: http://design.tutsplus.com/articles/a-20-minute-intro-to-typography-basics--psd-3326 http://www.noupe.com/essentials/icons-fonts/a-crash-course-in-typography-the-basics-of-type.html http://designshack.net/articles/typography/8-rules-for-creating-effective-typography/ http://designinstruct.com/tools-basics/the-basics-of-typography/ http://www.urbanfonts.com/blog/2013/02/serif-vs-sans-the-final-battle/

    Be the first to comment

    Login to see the comments

  • OwolabiGideonAC

    Nov. 30, 2016
  • dickdelavega

    Jan. 16, 2017
  • JeremyJames15

    Jan. 25, 2017
  • MariaSilverstein

    Apr. 1, 2017
  • LydiaCrestani1

    Jul. 9, 2017
  • san125001

    Aug. 30, 2017
  • srichinnari

    Dec. 26, 2017
  • KyraSamontaez

    Jan. 15, 2018
  • VedaEdu

    Feb. 10, 2018
  • NimishaSaxena9

    Sep. 24, 2018
  • muizibrahim

    Dec. 27, 2018
  • MarvinJastillanaMFA

    Mar. 20, 2019
  • MdAnamulHasan

    Jun. 4, 2019
  • rowanhp

    Dec. 15, 2019
  • DanDan228

    Jan. 15, 2020
  • MohammadNiyazi

    Sep. 24, 2020
  • SakshiArya6

    Jan. 26, 2021
  • AmyMoore122

    Mar. 23, 2021
  • MuizAriffin

    Apr. 26, 2021
  • kmtun

    Jun. 23, 2021

Yesterday the 11th of June 2015, the User Experience department took us down the exciting path of fonts and typography. Facilitated by Crystal Chijindu, we came to realize the importance of Typography as an intricate element of design and idea development. Have a good read and don't forget to share.

Views

Total views

12,887

On Slideshare

0

From embeds

0

Number of embeds

614

Actions

Downloads

1,058

Shares

0

Comments

0

Likes

77

×