Typography Fundamentals

Lesson 10 of 13

Breaking Down Typeface: Bodega Serif

 

Typography Fundamentals

Lesson 10 of 13

Breaking Down Typeface: Bodega Serif

 

Lesson Info

Breaking Down Typeface: Bodega Serif

Is there a basic form when people start designing and von is there a basic form that they start off with? H is and o's actually to get the basic proportion and shapes and wait thicknesses and whatnot. But then there is a test word that's not a real word that designers usual type designers usually do and it's it's hamburger ponds okay, you might see this, you might see it in my book, you might see it online somewhere in lower case sometimes they're using cap h h a m, b u r, g e f o n and sometimes there's an s v. Ok, the reason they used that word is because once they solved the design problems of all of those lower case characters, every other missing character contains parts of those characters. So they're solving all the design problems of a type face just with those characters. And so once they kind of nailed that, then they can draw everything else and everything is in there. Okay, so that's really the proper way again, these are things a lot of people wouldn't know, but if there i...

s a logic to it, you know, I will also tell you that people who start, um, designing typefaces often think the easiest typeface to design is a geometric sands I'm just going to use circles and straight edges and it'll be great I can't go wrong I'm telling you that is one of the most difficult kinds of type faces to draw properly because of all the optical issues that I'm telling you about nothing ever looks right until you make subtle adjustments to many of those characters okay even connecting around to a straight is really really difficult because connecting if you draw a circle and then you add a straight to it it usually looks like there's a bump there okay that was a little easier to fix in the days when typefaces were drawn using pan in a okay because you could do what you want it's a little more difficult in the digital world because as much as you think you have total control over digital points and all that stuff you don't have a cz much control it can only look so good compared to that's the old fashioned way how we looking here looking looking great and good yes yeah yeah this is great all right thank you. Okay. All right so this typeface is bodega serif so yes this is another sarah if but this is a more contemporary typeface I believe it was drawn in nineteen eighty nine it's a little funkier a little quirkier okay, so even though it's a sarah if it really is quite different from the gara mont okay and um so let's see? Okay the e I haven't taken out the yet let's see what people did most people did what I expect and I've seen mostly before, which is draw signed kind of a traditionally but with with you know, the horizontal stroke enclosing the counter can remember the counter is the enclosed negative space within a character so we have this one this one this one we don't need this here anymore this one this one okay most of them except for that or the majority have that kind of a shape. Why don't you think that shape is the correct solution whether you've done it or not? Because the shape of the sea okay it's sort of a part part of an answer, but anyone have a little more about that that really many horizontal zeman other than the syrups and I guess that that's exactly it you don't see that kind of a horizontal stroke or more importantly, you don't see that kind of a counter okay the counter whether you call it a teardrop counter whatever the counter this negative space the enclosed negative space inside this character resembles not perfectly but resembles a ll the others look here, here, here, here, here, here. Okay, so the one that a lot of people tend to draw really doesn't resemble anything in this typeface, okay, also, considering there were no alternates in this particular version, so in fact, if somebody was wanting to draw alternates to this and do an open type font and they made the kind of any that other people are doing even the angled one, which is kind of, you know, it's a little closer it's sort of I think this person sort of felt like is something different it's not shouldn't be just normal, but I don't not sure what it is if somebody were to draw this kind of ah character for this typeface they would need to create other characters that had that similar look to it so you can't have one carrying shouldn't in a well john typeface have one character that looks totally different from everything else. Okay, sometimes you do have kind of a symmetrical typeface designs, but you'll find those quirks appear in more than one character. Okay, well, you should so that it becomes a re occurring kind of a thing. Okay, so, um this one is the closest in concept I'm not saying it's perfect I don't expect perfection, but this person definitely got the right idea of imitating the other characters. This one also was close. I think so those those are the only two that kind of got the right idea for this typeface oh, I love that that's that's like a halfway between the one story and the two story g that's like it could have started like that and then they said oh maybe it's the other in this way I'm covered both ways okay? I don't know it's just I love watching it's entertaining and it's it's not to make fun of anyone it's really it's all about I can see somebody's thought process because I've done this so much looking at what people are doing anyway okay so let's look at the g um okay, so it's not a two story it's just you know, fifty fifty chance you get that right or wrong here's a case where somebody took a chance and said, well, I think it has a full you know, around the loop which actually impact wound up having okay but this typeface actually doesn't this one is is squared off and let's see what does this look like? It doesn't really look like I don't see where that would have come off with that, you know? So that looks like not even the pier the que um it's not you know, not a bit, not a bad concept. Obviously these two are not not making it this one and these two were kind kind of the closest this one imminent it is kind of ok, I know what this person did you might be here I don't know this person copied the bottom of the g okay, did somebody here do this okay it doesn't matter I mean it's just I mean you did a good like I said other people the creative live studio did these okay, so um that's actually a smart solution it's actually the closest solution so if we look at the you know what the at the actual alphabet you will see or actual typeface design you will see that the lower case g in the lower case g r are they the same or they little different they're a little different you think that's good or bad you think there's so close that should have been the same or do you think there's a reason why they're a little different there's gotta be a reason well, I think maybe it looks like a little bit longer on the g tillich balance the bowl okay, the keyword is balance it actually is not longer it looks longer looks because this aspect of the curve is fuller okay, where is this a little bit is a little bit more shallow. Okay if you mean low you mean longer this way mean wider. Okay, yeah it's slightly wider. You're absolutely right then the j so why, you know a lot of people when they're starting to design a typeface or even experience think I want to draw some characters and I'm just going to copy and paste those sections on everything and I got it made that's way it's really consistent not always important, ok, not always correct reason being this one is fuller and wider to balance, as you said, what's going on above it over here. Okay, um, this one is shallower because there's nothing else happening over here so it's more appropriate that it has a more conservative treatment of the de sender where this sort of chunkier wider treatment, if this had that it would look puny and probably look unbalanced. Okay, so once again, the logic of thinking copy and paste every syrup looks the same, every decent early should look the same. Not always true. You're going to find it in some typefaces, and it might be okay, but in a well designed, well thought out typeface, as in your own design using typography, every detail matters don't take any decision for granted, okay? Because, you know, even though we're spending a lot of time on the details of a typeface, you might be saying, or people won't be saying, well, how is that really going to help me in my design? The way it's going to help you is you're learning toe look at things extremely critically, and if you could see the details that we're talking about in a typeface, you're all of a sudden going to be able to see more details in all of your design everything is going to look different to you because you're training your eye as you would be training ah, muscle if you went to a tennis camp or if you went to a music camp or if you learning to play golf and you went, you know, whatever skill you can think of or fly fishing or something, the more you learn about it, the more you're able teo appreciate the vet, you know what makes something good? So learning to see the details is only going to help you in the big picture. Okay. Moving along. Where, uh, the k o k. Okay, no pun intended so here's. Okay, one, two capt. Case I told you, there's still not as many as I usually see. Um, this type fees is is a little bit different if we look at the actual k the key is to make it narrow onda also to capture the way contrast direction upper right lower left is the thin upper left lower right is the thick um, so some people didn't get that at all. Some people made kind of ah flared strokes, which you don't really see here. Um, I mean, see, this one got the concept is just the construction was wrong and and whatnot, so ah lot of people missed that. This one did get that aspect correctly in terms of the upper right being thin and that's thick and once again, aside from it being a cap k, we always get people who like to add curves the things and make him look pretty. And I always say, great looking kay, but not for this typeface, okay? So there's, nothing else in this typeface that has a curve diagonal, so that would not be appropriate, ok, the other aspect of the k is, wow, you guys said some strange things here is ok, I've seen it all that's, why you're here? No, listen, you know what? You have to have a sense of humor about all of this. I try to keep things light and entertaining, and I think you all know that because, you know, typography can be a very dry topic and I'll tell you working in this business, you can't take yourself so seriously, we have to be able to laugh at ourselves and have fun. So this is all men in the spirit of learning, I mean and that's how I teach and that's how, you know, I'm presenting everything to you because I'm the first one to laugh at myself trust me, all right, so let's, look at the sarah ifs let's look at the bottom of the k well let's look at all of the sarah's most of the sarah ifs either go in one direction or the other ok they don't go in both directions that's just one of the quirks of this typeface so it doesn't go on both sides it goes one or the other okay as you can see the same thing is happening here so some people let me see they a lot of them just went in the summer missing sarah's but a lot of them went in the wrong direction the main vertical stroke a lot of people did the sarah off to the right this one's off to the right this one's on both sides so as we just looked and noticed that none of them worked that way this one has no sarah ifs this one goes in the both directions both directions okay we're going to talk about thies too. Okay? Because the things that these two did right is that they both have one sided saref but they did walk like an egyptian you remember the old days okay? The actual sarah ifs on the k or or splayed like that how would you know? Okay, I'll tell you how would you know I wouldn't expect anybody to get it in twenty minutes or even people at home necessarily but there is a logic to it the single stroke characters in this typeface have bottom serves that go to the right so for instance the d a the f the I remember single stroke I the l okay any of the other characters that have more than two strokes are splayed to the outside right so for instance the bottom of the h the que hay the m and and the top of all these characters so if you were actually designing a typeface or you had a lot of time to really try to get this right that's how you would determine that bit of information okay and then now let's see we have two more are well you know the story with the are you khun see pretty much what people have done um br is very narrow it does have the single stroke off with the syrup off to the right it does have the little spur here so I mean you know most people didn't get it completely or they went in the wrong direction this one is nice sorta went in the wrong direction on the bottom so I don't think anybody did it off you know did the bottom serif off to the right but once again the thing to note is once again very very narrow our uh for the reason you will know I don't have to explain it it's all about the spacing and then finally another man those darn tease I did she giving us those teas okay so you could basically see the same train of thought which is I'll do a nail with a crossbar ok most people do that most people do that this one this one the bottom is is good okay this one you got the right idea this one went a little too far but at least you got the right idea but again it's once again the top is what's challenging with the t the top of the tea is not all that different in concept from the gara mont okay so once again the top of the tea is shorter than all the other s sending characters look att the tea in the l okay see how much shorter it is so even though it doesn't look like gary want it's not that different from gary mon gara mind has the curve here well this there's no curves here in these kinds of strokes so this has a diagonal gara mon has the curve here this has the curve a swell gara mon has the I'm sorry I keep saying gara mind then I mean by adoni okay so forgive me for that looking for the tony um the right side of the cross bar is wider than the left side in the back tony same thing here so even though this is a very different typeface so you go back and I can show you it's following the same rules so to speak okay, so here's the tea different looking same design principles okay question about the curve of the tea is it like the angle and the curve of it? It doesn't is it designed so that it leads up to like the top of an l or an h not really it's just next year maybe it's just designed to be visually pleasing and it's designed to be historically correct now I could say that and I'm not sure this is true, but I haven't fingered probably is ah lot of a lot of typefaces were initially designed with, um brushes things like that so I can imagine that this might have started off if you looked up the history of the tea and again I'm just guessing at this point I don't all right in that oh she's wrong about the history this is possibly how it could have evolved it could have evolved as a lower case character somebody could have had a chiseled brush and started that stroke and it made a point like that very possibly because all of these characters didn't start off looking like this they all evolved from different things so it's possible that's how that stroke evolved? It might have been a lot of reasons like that it could have been a technical, but I can't tell you for sure you know it was designed specifically to lead into another character it's just really supposed to be pleasing as a whole okay, okay any do we have any, uh, thoughts? Questions? You know, I think that we're good on the questions right now and we have people who are who were charming in with their explanation of possibilities with the tea but you know, it's all just kind of guessing right now, huh? Yeah. It's fine this fun stuff because it's this way had a question coming from tee it up for cc and they said single stroke b and f what determines the direction of the sarah? Any idea how that works when you're determining the direction of the sarah? Well, it depends on which type face you're if you're talking about the last one the bodega that's just a decide that's a design decision that was made by by by the designer so what you mean I don't know if what they mean the top, the bottom there's only room for it to go to the left so it would look kind of odd for the top to go in the other direction because although I guess it could possibly because here this goes to the right and this goes to the left, but I think that would look odd, okay, so some of it is just aesthetic decisions by the designer it's not all rules and regulations that makes sense yes, stylistic differences great got any other questions from from our students here? It has been helpful for you to do this exercise. Yeah, gonna look at everything gonna go out and you're gonna go oh, my god. Nothing looks the same and then you're gonna blame me, huh? Ok, good. That's what I like oh, it was saying that, um I even noticed that has similar characteristics to the tias faras that that cost line the f right? Yeah, you're right. You say you're already starting to notice that the right side is wider than the left and that's for the same reason that you have it's balancing off what's going here, if it were wider, it would hit all the characters and it would probably look like it was falling over backwards. So these are subtleties that air critically important to a well designed type face that you will take for granted. But that's, why it's important that you start to look the things a little bit more critically so you can determine what's the right type face what's the bedtime best typeface. What looks good in a headline you know, it's just opening your eyes to see everything. So I hope this was helpful to you and and I hope the people at home have participated in this is well so they could have the same experience

Class Description

AFTER THIS CLASS YOU’LL BE ABLE TO:

  • Select the best typefaces for your design
  • Work efficiently with OpenType
  • Think and approach projects like a type designer
  • Identify and remedy common type crimes

ABOUT ILENE’S CLASS:

Typography is an essential element of design: it should communicate your message effectively, and with purpose. Yet, even professional graphic designers can lack the “eye” and deeper understanding of type aesthetics.

In Typography Fundamentals, author, educator, and expert Ilene Strizver teaches you how to take full advantage of the power of type. You’ll learn not only the fundamentals of typographic design, but also how to “see” type through new eyes - all to make more sophisticated type choices that will open doors and set your work apart.

With your enrollment in Ilene’s class, you’ll also receive access to a webinar hosted by renowned designer Gerard Huerta.

Check out Ilene’s related course, Advanced Typography: Fine Tuning & Finessing.

WHO THIS CLASS IS FOR:

This class is designed for creative professionals of all levels working with type, whether you are brand new, or just want to build on your existing knowledge and fill in the gaps. In-house design teams, web developers, motion graphic designers, recent graduates, freelancers and illustrators working with type: don’t miss your chance to learn from one of the most respected educators in the field.

ABOUT YOUR INSTRUCTOR:

Ilene Strizver, founder of The Type Studio is a noted typographic educator, consultant, designer and writer. She specializes in all aspect of visual communication, from the aesthetic to the technical. Ilene has written and lectured extensively on type and typographic design to both students and professionals in the field. Ilene formerly was the Director of Typeface Development for International Typeface Corporation (ITC) where she developed more than 300 text and display typefaces with such respected and world-renowned type designers as Sumner Stone, Erik Spiekermann, Jill Bell, Jim Parkinson, Tim Donaldson, and the late Phill Grimshaw. She “cut her typographic teeth” by working on Upper and Lowercase (U&lc) and other type projects with such legendary icons as Ed Benguiat, Aaron Burns and Herb Lubalin. Her clients include Monotype Imaging Corporation, International Typeface Corporation (ITC), Adobe, Linotype, Time Inc., Whole Foods, Harlequin Books, Somerset Entertainment, Integrated Marketing, Parents Magazine, MeadWestvaco, Nationwide Insurance, Life is good, and Johnson & Johnson. Ilene authors the popular column TypeTalk for creativepro.com, as well as fy(t)i For Your Typographic Information and the Fontology series for fonts.com. Her book, Type Rules! The designer’s guide to professional typography, 4th edition has received numerous accolades from the type and design community. She publishes the popular FREE enewsletter, All Things Typographic, and conducts her widely acclaimed Gourmet Typography workshops internationally. Ilene is an adjunct instructor at School of Visual Arts in NYC. Connect with Ilene online: thetypestudio.com | Book: Type Rules! The Designer’s Guide to Professional Typography | Facebook | Twitter

Lessons

  1. Bonus Video with Purchase: 'Custom Letterforms - Gerard Huerta'

    Join designer Gerard Huerta in a deep dive into his vast portfolio spanning decades of clients including Johnson & Johnson, Architectural Digest, IBM, Men’s Journal, Wired Magazine, Google Wallet, and Swiss Army. Gerard walks us through his graphic design process of logos, brand identities, magazine covers, movie posters, album covers, and concept projects, demonstrating typography at its purest: Gerard draws his own lettering rather than manipulate existing typefaces.

  2. Beginning of Typography

    How have graphic designers’ roles changed with the advent of digital technology? How can typographic design skills benefit you? Ilene introduces you to the power of typography and the skills you will learn in this course - whether you are a student, professional, making a career change, or strengthening your portfolio.

  3. Selecting the Right Type for the Job

    Type has the power to make or break a job - so how do you approach selecting the best typeface? What questions should you ask yourself and of a client? Whether you are working with the body text of an annual report, a book cover, or a travel brochure, Ilene breaks down the process of font exploration and key factors to consider when selecting the right type.

  4. Text vs. Display

    When considering typefaces for a business card or storefront, font-size is not the only factor. Typefaces are meticulously designed with specific uses in mind; all have personalities, and font exploration goes far beyond sans serif vs. serif. Ilene dives into the differences between text and display fonts, the differences between a typeface and a font, and when to consider hand-lettering rather than digital fonts.

  5. Type Hierarchy

    A wall of text can overwhelm your audience. How do you create type hierarchy to organize information in your design? You can rely on a font-family as a guide, but you shouldn’t be limited to presets - Ilene shares invaluable guidelines and tips on how to train your eye to see good combinations. She also shares resources on how to stay up-to-date with typeface design and new typefaces.

  6. OpenType Demystified

    OpenType - the brainchild and font developed by Adobe and Microsoft - why should you be familiar with it? Ilene demonstrates OpenType’s advantages and takes you into InDesign to see how to access extended character sets, different numeral styles, ligatures, and stylistic sets.

  7. Taking the Plunge with Type

    Ilene brings you deeper into the world of possibilities OpenType offers, demonstrating the power of glyph substitution. You will see the “intelligence” of OpenType fonts in action, automatically adjusting letter-spacing and x-height depending on the context within a word.

  8. Think Like a Type Designer

    Print out your typeface templates from the course materials for the next three lessons, as Ilene leads you in a fascinating activity and analysis of letter forms. You’ll participate in an activity as type designers do, breaking down the individual letter and intuiting what optically looks “right”.

  9. Breaking Down Typeface: Bodoni

    What are the characteristics and challenges of individual lowercase letters? Ilene continues to train you to develop your eye for typographic design in this study of the high contrast Bodoni typeface, encouraging you to go against your instincts and trust what optically looks right, rather than mechanical correctness.

  10. Breaking Down Typeface: Bodega Serif

    How does asymmetry solve typeface design challenges? In this last exercise, Ilene wraps up a geometric study of individual character needs, and how to design with them in mind. Fine-tune your typographic eye in lesson, and learn the secret to testing new typefaces.

  11. Are You a Type Criminal?

    Buckle up. In the last three lessons, Ilene teaches you the eleven most common type crimes, the history behind them, and how to fix them. Whether you are manuscript writing, proofreading, or designing, this is essential knowledge. In this lesson, you’ll learn how to quickly correct word spacing and the difference between “smart” and “dumb” quotes.

  12. Typography Misdemeanors - Part 1

    What’s the difference between a hyphen, en dash, and em dash? What’s wrong with all-caps? What are the challenges of swashes on capital letters? When is it appropriate to justify your type? Ilene resolves these questions and shows you how to correct more type “crimes”.

  13. Typography Misdemeanors - Part 2

    Ilene cautions against the last type crimes regarding improper type sizes, letter-spaced lowercase, and inappropriate styling.

Reviews

a Creativelive Student
 

Ilene's courses on Typography are jam-packed with excellent information that will elevate the quality of your work in print. She knows what's current, but also what's important in long-time standards, and why. Just an incredible amount of information! you will enjoy watching, but you will want to purchase because of the sheer amount of useful content.

a Creativelive Student
 

This course is packed full of the answers to questions I've had at the back of my mind for a long time. Ilene teaches with great clarity, her material is well organised, and she teaches at a good pace - with a bit of humor to lighten it up. I found it really useful.

shiran
 

This course taught me very well about Typography. I knew almost nothing before taking it (I barely understood then the difference between Serif and Sans-Serif...). And now, I feel that I really understand a lot. It is a very good starter to learn when, how and why to use type. Plus, Ilene is a great teacher with a big sense of humor and a lot of experience in Typography. A must have for everyone who want to understand something about types and fonts.