The Ultimate Guide to Typography | FREE COURSE
Vložit
- čas přidán 4. 07. 2024
- Do you know the difference between a typeface and a font? Tracking and kerning? Learn everything you need to know in our ultimate typography guide.
Good typography is one of the cornerstones of good design. In The Ultimate Guide to Typography, you'll learn everything from the most basic elements of typography and common mistakes through to more complex topics like combining and choosing fonts for your projects.
By the end of this course, you’ll be able to confidently talk about typography and experiment with concepts and fonts as you hone your typography skills.
► Download all the fonts and other resources featured in this course: elements.envato.com/collectio...
Read more on The Ultimate Guide to Typography and follow along on Envato Tuts+: design.tutsplus.com/articles/...
What You'll Learn:
00:00:00 1.1 Introduction
00:01:19 1.2 Brief History of Type
00:05:47 1.3 Typeface vs. Font
00:07:14 2.1 Type Classification
00:17:00 2.2 Type Families
00:19:48 2.3 Font File Types
00:22:32 3.1 Legibility and Type Anatomy
00:25:19 3.2 Readability and Typesetting Basics
00:28:53 3.3 Common Typesetting Mistakes
00:31:09 4.1 Choosing the Right Fonts
00:34:41 4.2 Font Combinations
00:37:42 5.1 Conclusion
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?...
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
► Subscribe to Envato Tuts+ on CZcams: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
You are doing a great service to society by releasing such informational content for free. I thank you from the bottom of my heart.
Wow, thank you!
Tbh they do have incentive to do it. All of the fonts that are used in these eye-catching designs can often only be bought from them, so in the end they make money from the video
But this knowledge is free anyway.
@@lynlyn1418 just because they have an incentive doesn't mean it's not really useful knowledge, you can apply the knowledge to typefaces you find on Google Fonts etc and the video doesn't push the purchase of their typefaces.The examples given were just examples, used to demonstrate certain points but as the video points out, there are 1000s of font variations depending on your use. It's not like a lot of sales driven content that's like HERE'S THE THINGS YOU MUST USE IF YOU DON'T WANNA LOOK 2012.
Clear, brief presentation of a whole semester of topics. Brilliant.
As someone just starting out with graphic design, this is the best introductory tutorial I've come across so far. I'd never really given much thought about the importance of typeface and the structure of fonts when it comes to choosing the correct one for a particular purpose. One thing I've learned is if you don't notice the font style, then whoever selected it has done a good job. I don't mean it shouldn't be eye-catching, or draw attention to itself, it should just fit. If it doesn't, then there needs to be a good reason why that's the case. I've never really understood why I find certain typefaces pleasing and attractive, or noticed the subtle differences between them. Now I feel a bit more confident I can make better selection choices because I at least know there are a few certain conditions and characteristics I need to consider at a practical level.
Thank you so much for this, it's helped me a lot.
This free course is perfect for me. It is really straightforward and the lesson itself is easy-to-digest. Now I have a better understanding about typography which will be helpful in my designing career. Thank you so much!
I'd have never guessed that a single video would teach me so much about a field I'm almost a complete newbie to. It's even better given that this is the first video I checked out on the topic. I saved so much time!
I'm extremely grateful. Thank you so much.
Glad you enjoyed it!
Awesome Video! Love how simple you made typography appear. Honestly I was loosing my mind trying to understand what my collage was teaching me. So you saved me with this content. Wish I had more time to time stamp your entire video.
GEOMETRIC
13:07
Characteristics
1. Optically circular bowls
2. little to no stroke contrast
3. Characters typically are very rectangular
4. The letter O displays Vertical Stress apposed Horizontal or Diagonal stress
5. There is commonly 0 modulation, even weight and no contrast in the letter O.
usually feature a single-story lowercase a. Which indicates that there is a Closed Loop but no Open Loop like we see in a doubled story a.
SCRIPT
13:40
Script is broken into two big different categories Formal & Casual
These fonts are not suitable for body copies. Instead use them for display texts. Headlines, Titles or very short copies.
Formal Script
13:58
Use cases.
Formal scripts are elegant typefaces used on wedding invitations and diplomas.
They are inspired by writing from the 17th & 18th century.
Swishes
Exaggerated Flourishes
Characteristics of Formal Script
14:06
1.Each character Includes a End Tail for fluidity
Which is more commonly known by how cursive font connects.
2.Swashes are mainly features in script fonts to adorn characters.
Terminology for describing different types of design on the back of capital letters that where at the beginning of each word displayed.
Exaggerated Flourishes, Swirls, swishes, expressive display, extravagant display, melodramatic display
14:20
Casual Script Fonts
PS. I don't know if you want my home work as a comment or not. But let me know if you would rather have me take it down. Thanks again.
Amazing, thank you. As a non-designer, that was extremely helpful. That little short history of typography was very insightful too. Let me playing around with some of these typefaces and fonts like a pro now 😊
You're amazing and teaches well. And the way you teach, your voice makes me not to get bored listening to you. Awesome 👍
Thanks for providing this course free. I was reading a book to understand typography. However, it was a less intuitive and strenuous process. You made it easy by making this video.
This video is super awesome, knowledgeable and useful to me. I spent years to study in design school but only fully understand typography today. Thanks!
This very helpful. definitely one of the best design course I've come across. Thank you
Hint I learned long long back from a pre-computer typesetter (that did dry transfer lettering, like Letraset). When kerning a header, put the text up-side down. It releases your brain from interpreting the letters and you see more easily where you need kerning.
To illustrate this, take out some book from your shelf with titles on their backs and turn them so the text is upside down. You will find that some have very bad kerning that you would not have spotted if having them in normal orientation :)
Thank you for the well organized and very focused video. This is helpful in prepping me for a typography course I plan to take.
Pure gold. Keep this video bookmarked
This was an excellent video. I have learned a lot and will never read a book the same again. I truly appreciate your time and effort. Thank you so much🤗
Thank you so much guys for making this course♥️
Outstanding video. Great info, accessible, easy to understand, and FREE. Very glad I happened across this comprehensive and well-produced video.
Thanks for this comprehensive guide. The best takeaway lesson for me is "Fonts are like humans, each one has its own personality and character."
GUYS U ARE CRAZY AS , I DONT KNOW HOW TO SAY MAN U GUYS ARE DOING A WONDERFUL JOB . REALLY A GREAT JOB
Thanks for this. Typography isn't my niche when it comes to designing, more like it's my weakness. I've just learned the other info on my experience. Saving for future use.
Thank you so much envato Tuts+. I am a new to Graphic Design and I am looking to improve my skills. I got hinted to learn it from the base/ root. I am going to start with theory before moving to practicals. Thank you so much!
This course was PERFECT for me
This was a truly fantastic video! Extremely informative & helpful!! Thank you!!!
Excellent course! Thank you!
You've done a great job with this tutorial❤🎉
most useful and needful course for academicians designers and learners
This was a great course. Kudos!
THANKYOU. It was really helpful.
Thank you so much for this. It’s so hard to get free material. ❤❤
A special thanks for this meaningful free course
Glad you like it
thank you for this excellent course!
this is pecfect and free it s just dream thank you i have learned so much from this thank you so much
thank you so much for this video! it is so easy to understand. I am looking for a video because of the bad teaching of my professor, and this is the video that I am looking for!
Loved this course!
Envato is one of the best things out there.
I'm still terrible at typography but you at least gave me the vocabulary to explain what I'm talking about and what I don't understand. This was a truly terrific course. Thanks !
Glad I could help!
Thank you Envato for this typo guide, this has helped me a lot to understand about typo and its importance.
Thank you, beautiful lady!
You enabled me understand the different between SERIF and SANS SERIF, so I now understand why I gravitate to certain magazines and books.
I can but a book or magazine to read because the fonts beckon me! It was so strange to me but I now know WHY 😍
Thank you greatly.
Glad I could help!
Love all of the content
Thank you for this content. Very helpful
Amazing course👏 full of valuable information. Thank you!
Thank you very much. Great tutorial.
Thank you, very well made for a beginner like me.
Should make more of this
I have learned a lot from this Free course. Thank you, guys, so much for doing these things.
Lady you are a godsend. And I can't thank you enough. Greetings from Germany.
Amazing Envato course, as always...
Glad you liked it
Thank you so much for this video.
This is priceless and powerful, thank you.
Glad you enjoyed it!
I luv your tutorial..you helped me alot to learn..thank you..❤😊
Very good course, well presented.. thank you very much!
Glad it was helpful!
Thank you for sharing this useful video 🙏🙏
I enjoyed the course very much. Thank you
Glad you enjoyed it!
very useful and clear teaching.....
very nice course, thank you
Thanks for the course!
My pleasure!
Very informative and a lovely voice.
This was Very informative and Simple to understand. Thank you .🤓
Glad it was helpful!
❤❤❤❤ i like this. It helped me easily understanding
Premium level production quality! Loved your narration! 🏆🏆🏆
Very informational, Thankyou Ma'am
Thank you for the video .
Why views Are so less for such a Great video it deserves 10 million+ views.
Best course!!!!
Thank you!
I appreciate to watch this video !!!!! thank you so much
You are so welcome!
Thank you. Please more Typography tutorials with deeper knowledge. And how to make your own typeface and sell it?
learnt plenty today. thanks
Glad to hear it!
Thank you so much!!!!!!
Waiting Anxiously.
Yeah I had been mentioned in my story telling book, in second preparatory class, all you are ✅️ talking right now letter character how to make it and special purpose for special character of letter, we had been a book about 'LETTERASET' in this book, more than 200 style type face and fonts.
Thank you 😇
thank you!
Thanks for this
Thanks 🧡
Thanks!
What program cam be used to create a font file without the use of a website? Let's say I already have the designs for my fonts, how do I convert them to font files without having to upload them on some website?
Thanks, super useful ☺️
You're welcome 😊
you are an awsome teacher.. God bless you.. በርቺ
Wow, thank you!
amazing! good work.
Thank you! Cheers!
This is useful thanks a lot for this course ♥️♥️👌
I think you didn't mention about Ligatures.
But overall, it was a ten-out-of-ten for me. Short and concise, easy-to-understand and the most Important of all is that it covers 30% to 40% of the Typography Structures.
Amazing🎉❤
Excellent
What's it called if a letter or symbol is offset halfway or by an x-height?
ie, say you write a fraction where each the numerator and denominator are potentially cap-height, and there's another number or variable multiplied out front centered after the fraction.
Or you have a list of two items, a curly brace encompassing them both so it's twice a cap height, and there's words centered after the brace.
Resume about look&feel for each Style 34:26
Thanks guys!
Our pleasure!
Excellent video... excellent :)
Thank you! Cheers!
What can I use for body text on graphics.... serif or sans serif?
Count me in😊😍
Perfect
thank you so muchhh
Welcome 😊
احترماتي للمجهزذاتك .....😍🤩
thanks
The rabbit hole gets deeper.
eye-opening.
Really helpful
Glad it helped
16:31
we should not use slab serifs and geometric sans serif for body texts ??
im really sorry but I think i couldn't understand distinguish between typeface and fonts, will some one explain it to me pleas.
BRO Typeface is actual word not Font.Font is property of Typeface let me clear it with example
"ROBOTO" is typeface not font.
if we use roboto bold then it is font of Roboto...bcz bold is property we apply to our typeface😅 hope you get it
Okay listen from example.
Helvetica is a typeface.
Helvetica bold at 12px is a font.
Alright?
Typeface is a family of fonts like other people have pointed out here; helvetica is a typeface
While font is singular (eg: helvetica bold, calson regular).
Think of it as typeface is the "sirname" every family member shares but they do have their own individual names despite being of same family
Me too. But now cleared by comments😊
awesome