I am putting together a guide to typography for www.design-survival.com and wanted to make sure I had included everything on this diagram.
If you would like to add a tip for new designers on the implementation of typography please add it here: http://design-survival.com/submit-a-tip/
over 1 year ago
I like the use of colour, much better than the generic lines, nice.
Thanks Chris, trying to make it as easy as possible to understand, I've struggled to read some of the simple black versions.
Very nice and clear illustration of the type anatomy Richard.
P.s. Don't forget
1. loop (curved stroke which surrounds a counter, ie 'g')
2. brackets (curved line connecting the serif to the stroke)
3. shoulder (part of a curved stroke coming from the stem, ie. 'r')
and last but not certainly not the least, the x-height of a font.
Thanks Gert I have added an attachment that hopefully covers everything without making it too complex.
Yes, good idea. Put the focus on the basic anatomy, and details can be highlighted separately. Great work, can't wait until Monday ;)
I can't add any tips because I don't have a Twitter :(
I would be delighted to have a tip from you, would a dribbble link do?
Yeah I will definitely try that Richard, thanks brother.
what a great idea. Explained so simply! wish we had this poster in Type class.
12 months ago
Great idea, I find myself often going back to these because I sometimes forget the anatomy.
Loved your site! I added some tips. I'm definitely going to be referring designers there :)
10 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter