HOME | DD

YordanH — Anatomy of Typography

Published: 2010-08-12 17:51:34 +0000 UTC; Views: 28348; Favourites: 373; Downloads: 47
Redirect to original
Description a basic Anatomy of Typography made by me.

Resources:
Book; Designing for the web - five simple steps

*minor edit:
edited the tagline, counter in the 'P' is fixed
Related content
Comments: 28

McJay1994 [2014-04-28 17:40:01 +0000 UTC]

hello, I'm a design student, I have a college project where I am designing a design magazine, I have a Typography section. and I was wondering if you would allow me to use this picture in my magazine. of course it will be credited to you. the magazine is just a college project, so it is not for publishing purposes.

👍: 0 ⏩: 0

Oomizo [2014-04-03 22:34:54 +0000 UTC]

Hmmmm... this is cool even if I probably wont learn it

👍: 0 ⏩: 0

mykeeCaparas [2013-10-14 13:00:14 +0000 UTC]

nice info

👍: 0 ⏩: 0

alejandrosantanaarts [2013-08-08 11:07:08 +0000 UTC]

Damn! Really good quickstarter! Nice to see this typography explanation, complete yet simple. Thanks.

👍: 0 ⏩: 1

YordanH In reply to alejandrosantanaarts [2013-08-08 13:31:21 +0000 UTC]

Thanks for the kind words, glad you like it

👍: 0 ⏩: 0

YordanH [2013-04-22 15:51:08 +0000 UTC]

Thanks for the kind words all

👍: 0 ⏩: 0

sie7e [2013-04-10 22:28:07 +0000 UTC]

Omg this is amazing, it would be really helpfull on my tesis.

👍: 0 ⏩: 0

plissken2005 [2013-03-19 15:01:04 +0000 UTC]

hi Yordan

what typeface did you use?

plissken2005.

👍: 0 ⏩: 0

otakubhogs [2013-02-07 12:09:32 +0000 UTC]

Great!

👍: 0 ⏩: 0

Quest10 [2012-12-27 18:20:05 +0000 UTC]

Educative and beautiful.

👍: 0 ⏩: 0

MartinSilvertant [2012-09-28 06:17:53 +0000 UTC]

Very nice work. I actually forgot about the finial so this is a nice reminder.

I think you made two mistakes though. 13 is not an ear but a shoulder. The thing at the top of /g is an ear. Also, number 15 is a terminal; the whole descender of /y is the tail, so you should color a bigger part blue.

👍: 0 ⏩: 0

commissionary1 [2012-07-30 11:45:41 +0000 UTC]

Love it!

👍: 0 ⏩: 0

manisar24 [2011-10-10 15:04:57 +0000 UTC]

really neat and simple........

👍: 0 ⏩: 0

simo2409 [2011-01-26 22:05:42 +0000 UTC]

It's great, I really like it! Good job!

👍: 0 ⏩: 0

RebeckaVigil [2010-11-21 09:35:35 +0000 UTC]

very cool!

👍: 0 ⏩: 0

DeviantStyle [2010-10-14 22:47:54 +0000 UTC]

You're starting to be a guru

👍: 0 ⏩: 0

TheOrangeness [2010-08-25 01:45:50 +0000 UTC]

Very nice. I suggested that my Professor show this in his Typography class.

👍: 0 ⏩: 0

Hakidasu [2010-08-18 00:25:35 +0000 UTC]

This is a very simple, easy to understand diagram. Very clean, very structured; it reflects traditional typography well. A tad bit predictable, and there are some areas which could use a little more attention as far as kerning is concerned, but overall it is well executed.

One thing: the counter of your 'p' is labeled as 14, as is the shoulder of your 'h'. You might want to fix that.

👍: 0 ⏩: 1

Hakidasu In reply to Hakidasu [2010-08-18 00:38:26 +0000 UTC]

One other thing, relating to grammar:

Your general description of typefaces is good, but I would rewrite it to say 'Typefaces, like most things, are made up of constituent parts; the characteristics of these parts give typefaces their character.' If written like that then some of the super minor grammatical errors disappear. (Other than that, there is only the small matter of having 'characteristics' describe 'character'; consider a synonym for character, such as 'individuality' or 'distinctiveness'.)

I know you didn't ask for a critique, but I hope I have helped!

This piece is quite easy to look at, and overall I get the feeling that you paid attention to what you were doing. So, again, good work!

👍: 0 ⏩: 0

Shy-Flower [2010-08-17 15:41:44 +0000 UTC]

Simple and very useful!

👍: 0 ⏩: 0

Greybird007 [2010-08-16 21:11:55 +0000 UTC]

You've made a simple, direct, uncluttered reference aid. Even if most of those terms are rarely used outside of typeface design, I've found they do help at times when explaining typefaces' differences to clients. Very worthwhile!

👍: 0 ⏩: 0

Bekey [2010-08-16 19:35:01 +0000 UTC]

What are the \ / \ and / on the W called?

👍: 0 ⏩: 0

Syonath [2010-08-13 08:20:18 +0000 UTC]

Erg strak Yoeri, super duidelijk.

Alweer een beetje klaar voor school?

👍: 0 ⏩: 1

YordanH In reply to Syonath [2010-08-13 09:07:09 +0000 UTC]

Thanks ouwe!
Nog niet echt klaar voor school, laatste week ga ik al me spullen eff in orde brengen haha Kheb er wel weer zin in, dat dan weer wel
Jij?

👍: 0 ⏩: 1

Syonath In reply to YordanH [2010-08-13 19:24:42 +0000 UTC]

hehe ja ik ook man, knallend afstuderen

zie je over paar weken op school!

👍: 0 ⏩: 0

projectsweetman [2010-08-12 20:57:58 +0000 UTC]

hey, i really like the simplicity of this. we were set a uni project almost exactly the same as this piece. i am re-doing mine at the moment

👍: 0 ⏩: 1

YordanH In reply to projectsweetman [2010-08-13 09:07:49 +0000 UTC]

Thanks for your comment When your piece is finished, let me know where I can find it

👍: 0 ⏩: 1

projectsweetman In reply to YordanH [2010-08-13 10:47:10 +0000 UTC]

will do!

👍: 0 ⏩: 0