Body size text = 10-12pts In website design= 15-25 pixels Leading/Line spacing= 120-145x of font size primary heading= 180-200% of body text Secondary heading= 130-150% of body text
I always have a hard time with these sets of rules. Especially, I'd call them suggestions since these rules vary from project to project. For instance in German, hyphenation is way more commonly used in body text than in English. Also, sizing is, in my opinion, more a matter of optical functionality, than numbers, since font sizes vary throughout. However if you're a beginner these things can be helpful.
Satori, as always, your tutorials are smooth, concise, impacting with continuous value. I like the stretch in format to insert a quiz. A great tool to incorporate. It's like embedding facts and principles to help the viewer's design experience. Super - Nice!
Awesome video !! Also please make a video on negative space logos one more time. The last one was too good. But would love to see more of that. Thank you in advance.
Satori either you know me personally or you want to provide max. value through your channel because this was the exact difficulty I was facing. haha.. Thanks man! Yours ardent follower
Great video!, to continue the conversation.... I worked many years in newspapers and many of these rules are different, Many newspapers use 8,5 to 9,5 or they use hyphenation with text aligned to the left and many other tricks to put more information.
@@SatoriGraphics 9pt is the lowest if you use huge fonts like Open Sans. And 10pt is the lowest for Times New Romans. Why can't typeface makers have a standard for all font size 12?
Not only in newspapers, but magazines as well. Body text is usually around 10pt (typeface dependant, of course). 12pt for something like Frutiger, Myriad and even a lot of the more current serif faces that have larger x-height is absolutely immense. @DarkPa1adin because the size determines the width of the virtual bounding box surrounding the glyphs of a font, and usually encapsulates the widest glyph (traditionally a capital M, but not always). Wider typefaces of course end up smaller in height than narrower typefaces for a given size (but most designers end up fudging numbers a bit to keep some consistency).
Interesting video. When I got into print way back in the 90's (using Windows 3.11 and CorelDRAW 4 mind you), 8 point text was the "default" for main body text. It all depended on the font used, it's line weight and legibility. Even for web design, it was 8 points. What's changed now is the resolution of monitors and therefore display text is smaller at 8 points. Everything else, except for hyphenation, is relevant; just not a Golden Rule but more of a guideline.
@@SatoriGraphics You're welcome. I enjoy your videos, they're very informative. It's interesting to see how "graphic design" has changed over the years (and how much of it has remained the same).
Awesome video.. Thank u.. learnt new things today.. All quiz answers were correct except for the last one.. i thought its related to alignment but it was test print..
Very good the Quiz at the End, makes you recall everything we saw from the beginning, as a piece of advice, It would be interesting to put one question of more expertise that you didn't talk about in the video just to spike the interest even more of the ones that are watching. Like a golden nugget of the video ;) I'm loving the Journey, keep at it !!
For body copy in general as far as print goes, 12pt is a little too clunky. Project depending. In the main I’d go for 9-10pt as an ideal for body copy. With the hit to print by the advent of online/digital, I’ve noticed many magazines have reduced not only how many pages, but actual size of the page to sub A4, with editors still demanding similar word counts, I’ve had to go as low as 8pt for body copy. So font choice becomes critical. Top tip, when printing on solid black with white text, avoid serif in regards to body copy, if possible, but whether you go for a serif or sans font, make sure you add a small hairline ‘trap’ or outline of default black of 0.1pt. Mainly to copy 11pt or under. It helps prevent bleed and register issues especially if you are placing your type on a rich black background. Keep up the great videos, no matter how experienced you are I always find something useful to take away, or reminded of something I’d forgotten… and I’ve been doing this since before DTP and my tool of choice was a huge set of drawers filled with Letraset.
Web pixels: Around when the CSS1 or CSS2 standard was created, they needed to settle on what physical size a CSS pixel was. It was set at 96 pixels per inch rather than 72 pixels per inch. (72dpi was the old Mac screen standard.) So at 96 pixels per inch, 8px = 6pt; 12px = 9pt = 0.125in; 16px = 12pt = 1/6in = 1 pica; 24px = 18pt = 0.25in; 32px = 24pt = 1/3in; and so on; Headlines: An alternative is to use a percentage of the 12pt common body text size. So 300% = 36pt; 250% = 30pt; 200% = 24pt; 150% = 18pt; 125% = 15pt; 100% = 12pt; 83.33% = 5/6 = 10pt; 75% = 9pt; 66.67% = 4/6 = 8pt; 50% = 6pt; However, making your headlines smaller than the body text size is not too sensible, and below 9pt gets into tiny mouse-print size; The same set of rules of thumb can help with doing super/subscripts and small-caps scaling. Doing business cards with type smaller than 8pt to 9pt is again in mouse-print range and can fill up the ink, especially in raised / embossed text;
lol! yeah that is quite a unique situation. Pro tip for printing and designing billboards. If the billboard is 800cm x 400cm, make your PSD document 80cm x 40cm and at something like 150ppi. You then tell the printer the design is a 10% scale, and so when they print it then need to enlarge the design. The result will be 15ppi which is fine for billboards. This helps with the problem of having huge PS files when working on billboards.
there is nothing wrong with comic sans if you use it for what it is supposed to be used: with comics, with childish illustrations, teaching dyslexic kids how to read
I notice you refer to a 'half point size' as .5 when actually the Font point system is based on .12 = 1 point. Therefore, half a point size would be 9.6 - LOVE YOUR VIDEOS!
Hi Tom, how about telling us more about you mate, I'm guessing you're English but now live in America, but did you go to design school or are you totally self-taught? Is this the only job you've ever had? I believe I'm not the only person who is interested in a bit of your background.
@0:35 sorry but this is a really false information. I print a lot of stuff in 5pt when the font is good for small sizes. Packaging uses 2-3 pt. in some cases for the backtext. Just a matter of the font you are using. Also that body text need to be between 10-12pt. is wrong. Printing a lot of scientific magazines and the body text is set in 8p and making it still readable. This also depence on the font.
@@kizune1 "Leading" is the space between the bottom of the descenders on one line and the top of the ascenders on the next line. The name comes from literal thin pieces of lead that were wedged in between lines of hot-metal type. "Line spacing," in contrast, is the space between the baseline of one line of type and the baseline of the next line of time - the point size of the text plus the point size of the leading.
when text is aligned to left, is it unprofessional to not make them equal length for each row? In another word, is it more professional to make each line neatly aligned at right and left?
Looks like David Carson doesn't follow these rules. I remember visiting a typesetting shop in San Francisco as desktop publishing was becoming popular. A few months later that business was gone. Just an empty space with sheets of paper strewn everywhere.
You make a "typography" video but did not bother to align the 't' and the 'y' (where they meet) at the beginning of the video. Shows you only bother to make video for content and are not passionate about the subject.
Oh I've been passionate about typography since my college years back in 2007. I am one man and rushing to make content often can lead to mistakes, mistakes I notice after uploading. With actual graphic design projects I have more time to revise the artwork
Body size text = 10-12pts In website design= 15-25 pixels Leading/Line spacing= 120-145x of font size Magazine & Website Desing Headings primary heading= 180-200% of body text Secondary heading= 130-150% of body text
I like the quiz at the end, it is like you are preparing to release a course :). Thanks for your videos
felipe #logologic
i loved this as well
Body size text = 10-12pts
In website design= 15-25 pixels
Leading/Line spacing= 120-145x of font size
primary heading= 180-200% of body text
Secondary heading= 130-150% of body text
Again: Very helpful and smooth video :)
Thanks for your effort, you're keeping me engaged to stick to graphic design!
that's always awesome to read, thanks for the feedback Sandra
I always have a hard time with these sets of rules. Especially, I'd call them suggestions since these rules vary from project to project. For instance in German, hyphenation is way more commonly used in body text than in English. Also, sizing is, in my opinion, more a matter of optical functionality, than numbers, since font sizes vary throughout. However if you're a beginner these things can be helpful.
I love quizie on the end of your videos. Thx for your hard work. Cheers!
Satori, as always, your tutorials are smooth, concise, impacting with continuous value. I like the stretch in format to insert a quiz. A great tool to incorporate. It's like embedding facts and principles to help the viewer's design experience. Super - Nice!
Great video, Satori! These are super helpful!
5/5. Great tips, especially for amateur designers.
Always happy to learn about type or simply brush up. Thanks for sharing.
The end quiz is a very good idea... answers questions and reinforces the knowledge...
Thanks for providing clear information in such a simply creative way!!!
Thanks for this one. Hope you have a great weekend... Cant wait for Monday..
Awesome video !! Also please make a video on negative space logos one more time. The last one was too good. But would love to see more of that.
Thank you in advance.
Satori either you know me personally or you want to provide max. value through your channel because this was the exact difficulty I was facing. haha.. Thanks man!
Yours ardent follower
Man your videos very well keep it up bro
Great golden rules. I like the points about the size of the type. Good standards to live by. Thanks for the tutorial.
Lol, I needed some tips on type for a logo, and then you posted. I always find useful things on your channel, thanks!
Really love the quiz at the end. Thank you!
Great video!, to continue the conversation.... I worked many years in newspapers and many of these rules are different, Many newspapers use 8,5 to 9,5 or they use hyphenation with text aligned to the left and many other tricks to put more information.
Eugenio #logologic
@@SatoriGraphics 9pt is the lowest if you use huge fonts like Open Sans.
And 10pt is the lowest for Times New Romans.
Why can't typeface makers have a standard for all font size 12?
Not only in newspapers, but magazines as well. Body text is usually around 10pt (typeface dependant, of course). 12pt for something like Frutiger, Myriad and even a lot of the more current serif faces that have larger x-height is absolutely immense.
@DarkPa1adin because the size determines the width of the virtual bounding box surrounding the glyphs of a font, and usually encapsulates the widest glyph (traditionally a capital M, but not always). Wider typefaces of course end up smaller in height than narrower typefaces for a given size (but most designers end up fudging numbers a bit to keep some consistency).
Great to have this video ! Really helpful! Thanks :)
Glad it was helpful Tajzi, enjoy your day 👍
I loved the quiz at the end.
Yeah I need to do this more
Interesting video. When I got into print way back in the 90's (using Windows 3.11 and CorelDRAW 4 mind you), 8 point text was the "default" for main body text. It all depended on the font used, it's line weight and legibility. Even for web design, it was 8 points. What's changed now is the resolution of monitors and therefore display text is smaller at 8 points. Everything else, except for hyphenation, is relevant; just not a Golden Rule but more of a guideline.
@@SatoriGraphics You're welcome. I enjoy your videos, they're very informative. It's interesting to see how "graphic design" has changed over the years (and how much of it has remained the same).
Practical 'rules' - thank you! Great as guidelines
Happy to help always
Thank you for your hard-working, This is a very helpful tutorial for a new designer.
cheers man, happy to hear that
Awesome video..
Thank u.. learnt new things today..
All quiz answers were correct except for the last one.. i thought its related to alignment but it was test print..
Very good the Quiz at the End, makes you recall everything we saw from the beginning, as a piece of advice, It would be interesting to put one question of more expertise that you didn't talk about in the video just to spike the interest even more of the ones that are watching.
Like a golden nugget of the video ;)
I'm loving the Journey, keep at it !!
@@SatoriGraphics always glad to help, I'm cheering for you ;)
4/5 not a bad way to start a Friday 😎✨ thx for these vids, hope u have a great weekend
Edward Seeber #logologic
Aweaome.......i learned 3 new rules
For body copy in general as far as print goes, 12pt is a little too clunky. Project depending. In the main I’d go for 9-10pt as an ideal for body copy. With the hit to print by the advent of online/digital, I’ve noticed many magazines have reduced not only how many pages, but actual size of the page to sub A4, with editors still demanding similar word counts, I’ve had to go as low as 8pt for body copy. So font choice becomes critical.
Top tip, when printing on solid black with white text, avoid serif in regards to body copy, if possible, but whether you go for a serif or sans font, make sure you add a small hairline ‘trap’ or outline of default black of 0.1pt. Mainly to copy 11pt or under. It helps prevent bleed and register issues especially if you are placing your type on a rich black background.
Keep up the great videos, no matter how experienced you are I always find something useful to take away, or reminded of something I’d forgotten… and I’ve been doing this since before DTP and my tool of choice was a huge set of drawers filled with Letraset.
Thanks for the education!
Our pleasure!
thank you so much, thats all I need
You're welcome!
Great video! Thanks for the tips... love the quiz...
Nizam Najmuddin #logologic
It's simple to know typography and very useful. Thank you very much!
Great, really helpful tips.
George Mallard #logologic
thank you alot this video is vey helpfull
Web pixels: Around when the CSS1 or CSS2 standard was created, they needed to settle on what physical size a CSS pixel was. It was set at 96 pixels per inch rather than 72 pixels per inch. (72dpi was the old Mac screen standard.) So at 96 pixels per inch, 8px = 6pt; 12px = 9pt = 0.125in; 16px = 12pt = 1/6in = 1 pica; 24px = 18pt = 0.25in; 32px = 24pt = 1/3in; and so on;
Headlines: An alternative is to use a percentage of the 12pt common body text size. So 300% = 36pt; 250% = 30pt; 200% = 24pt; 150% = 18pt; 125% = 15pt; 100% = 12pt; 83.33% = 5/6 = 10pt; 75% = 9pt; 66.67% = 4/6 = 8pt; 50% = 6pt; However, making your headlines smaller than the body text size is not too sensible, and below 9pt gets into tiny mouse-print size; The same set of rules of thumb can help with doing super/subscripts and small-caps scaling.
Doing business cards with type smaller than 8pt to 9pt is again in mouse-print range and can fill up the ink, especially in raised / embossed text;
Thanks man, your videos help a lot 🙏🏼
Are we gonna talk about how this is actually 8 rules? Did they make you commit to a title before you wrote a script?
Test printing an entire highway billboard For my current project that's how literal am taking this
lol! yeah that is quite a unique situation.
Pro tip for printing and designing billboards. If the billboard is 800cm x 400cm, make your PSD document 80cm x 40cm and at something like 150ppi. You then tell the printer the design is a 10% scale, and so when they print it then need to enlarge the design. The result will be 15ppi which is fine for billboards. This helps with the problem of having huge PS files when working on billboards.
@@SatoriGraphics thank you very helpful
Hope you can make a video on manual kerning especially for serif fonts!
@@SatoriGraphics I've seen your San serif ones tho
Super helpful super awesome 🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🤘🤘🤘🤘🤘
Glad you liked it :)
7th rule: Don't use Comic Sans ;)
there is nothing wrong with comic sans if you use it for what it is supposed to be used: with comics, with childish illustrations, teaching dyslexic kids how to read
Use Comic Neue for Comic Sans haters. It is the best alternative, and it's free too.
... or Algerian!
Or Lobster 😂
😅
love your course!
Excellent
Thanks!
Awesome work man...
Wonderful 🙏🌻👍👍My Super Friend we are very happy all of us see your posts useful as always thank you so much
Thank you!
You're welcome!
I notice you refer to a 'half point size' as .5 when actually the Font point system is based on .12 = 1 point.
Therefore, half a point size would be 9.6 - LOVE YOUR VIDEOS!
Like your style and voice...
Thanks for the feedback Reggie 👍
Really, it was not a quick video if you are a learner. Thanks satori.
Please can you do a video on how to correct some typography mistakes suck us river, widow, orphan etc in Ai.
This video is amazing
Why did you stop doing quiz at the end of the video?
12pt for body text is (of course, typeface dependant) immense.
Thanks for sharing
no probs :D
Hi Tom, how about telling us more about you mate, I'm guessing you're English but now live in America, but did you go to design school or are you totally self-taught? Is this the only job you've ever had? I believe I'm not the only person who is interested in a bit of your background.
Excellent questions
thank u sir for good knowledge...
THANKS!
Happy to have helped Sara 👍🏻
I would love to see some investigation about type perception and sizes (if it exists)
Great man
Very helpful video
@0:35 sorry but this is a really false information. I print a lot of stuff in 5pt when the font is good for small sizes. Packaging uses 2-3 pt. in some cases for the backtext. Just a matter of the font you are using.
Also that body text need to be between 10-12pt. is wrong. Printing a lot of scientific magazines and the body text is set in 8p and making it still readable. This also depence on the font.
I got 3/5....😅 thanks for the quiz though.
*super helpful video, 4/5 of the quiz isn't bad right? Thanks for sharing this*
THANKS
No problem bro
Nice
#logologic
How can I learn to make motion graphics like you?
Good question
Satori, what's your take on people who 'justify'?
@@SatoriGraphics , justify their text.
"Leading" and "line spacing" are not the same thing, although they are commonly used interchangeably.
Agreed
What is the difference?
@@kizune1 "Leading" is the space between the bottom of the descenders on one line and the top of the ascenders on the next line. The name comes from literal thin pieces of lead that were wedged in between lines of hot-metal type.
"Line spacing," in contrast, is the space between the baseline of one line of type and the baseline of the next line of time - the point size of the text plus the point size of the leading.
@@hendersonlamar Thank you for clarifying this for me.
🔥🔥
when text is aligned to left, is it unprofessional to not make them equal length for each row? In another word, is it more professional to make each line neatly aligned at right and left?
Is tracking and kerning the same thing?
could you make tutorial or series on how to make editable mockup or rules in making an ediable mockup?
no prob. Instead of watching video on this topic from other I like the way you told about designs that why I requested.
dope
Looks like David Carson doesn't follow these rules.
I remember visiting a typesetting shop in San Francisco as desktop publishing was becoming popular. A few months later that business was gone. Just an empty space with sheets of paper strewn everywhere.
magazines use hyphens all the time
can someone recommend me magazins with good typography? :)
Blueprint Magazine or Creative Review
👌👌👌
My short term memory isn't good enough for the quiz
How do get clients??
@@SatoriGraphics thanks
Is that dagogo??
Great Video Learned A Lot but the video was a bit boring
yes it is one of my older videos, the style is different compared to now
@@SatoriGraphics yes, your new video are much better
heading
TEST PRINT
first
12
Rekening piro bos tak bayar e
Peace
2024
💪💛
You make a "typography" video but did not bother to align the 't' and the 'y' (where they meet) at the beginning of the video. Shows you only bother to make video for content and are not passionate about the subject.
Oh I've been passionate about typography since my college years back in 2007. I am one man and rushing to make content often can lead to mistakes, mistakes I notice after uploading. With actual graphic design projects I have more time to revise the artwork
?
People that strictly follow these rules usually produce horrible designs.
Body size text = 10-12pts
In website design= 15-25 pixels
Leading/Line spacing= 120-145x of font size
Magazine & Website Desing Headings
primary heading= 180-200% of body text
Secondary heading= 130-150% of body text
very very helpful video