The Ultimate Guide to Typography | FREE COURSE

Подписаться 1,5 млн

Просмотров 425 тыс.

50% 1

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 RU-vid: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Опубликовано:

13 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 157

@alankarmisra Год назад

You are doing a great service to society by releasing such informational content for free. I thank you from the bottom of my heart.

@envatotuts Год назад

Wow, thank you!

@liamjoubert7425 Год назад

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

@reqoil Год назад

But this knowledge is free anyway.

@marktaylor2087 Год назад

@@liamjoubert7425 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.

@trinitarian100 Год назад

Clear, brief presentation of a whole semester of topics. Brilliant.

@marlenpgarcia 2 года назад

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!

@peterh8253 2 года назад

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.

@yasaamoin4882 Год назад

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.

@envatotuts Год назад

Glad you enjoyed it!

@JustChiVlog 2 месяца назад

You're amazing and teaches well. And the way you teach, your voice makes me not to get bored listening to you. Awesome 👍

@dylanbarbe7909 Год назад

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.

@donshaft4573 8 месяцев назад

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 😊

@Nihalshaikh03 3 месяца назад

Pure gold. Keep this video bookmarked

@YeolTim Год назад

This very helpful. definitely one of the best design course I've come across. Thank you

@MiMi-yw7wg Год назад

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!

@rajatdas5500 7 месяцев назад

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.

@kentboortz8076 7 месяцев назад

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 :)

@MOSTAFA_lkii Год назад

This course was PERFECT for me

@sachinyadav031. 9 месяцев назад

Thank you so much guys for making this course♥️

@junaidbabar8446 Месяц назад

Thanks for this comprehensive guide. The best takeaway lesson for me is "Fonts are like humans, each one has its own personality and character."

@triptijain35 2 года назад

THANKYOU. It was really helpful.

@bmlingaraj Год назад

most useful and needful course for academicians designers and learners

@moniqueveal3027 7 месяцев назад

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🤗

@odarrien Год назад

Excellent course! Thank you!

@freehuman1504 2 года назад

A special thanks for this meaningful free course

@envatotuts 2 года назад

Glad you like it

@kabgraphics9435 7 месяцев назад

You've done a great job with this tutorial❤🎉

@MR-NOBODY6969 Год назад

GUYS U ARE CRAZY AS , I DONT KNOW HOW TO SAY MAN U GUYS ARE DOING A WONDERFUL JOB . REALLY A GREAT JOB

@aliounedarosa 2 года назад

Should make more of this

@abh1yan 7 месяцев назад

Envato is one of the best things out there.

@tintianoTV 10 месяцев назад

This was a great course. Kudos!

@khainzasarah1751 Год назад

Loved this course!

@laurazamora816 8 месяцев назад

Thank you so much for this. It’s so hard to get free material. ❤❤

@sizcate 8 месяцев назад

thank you for this excellent course!

@christiangeorge5313 3 месяца назад

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!

@kurisuchiinu1206 11 месяцев назад

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.

@TheOriginalV 3 месяца назад

This was a truly fantastic video! Extremely informative & helpful!! Thank you!!!

@benediktotto6191 25 дней назад

Lady you are a godsend. And I can't thank you enough. Greetings from Germany.

@jean-lais Год назад

Thank you for this content. Very helpful

@hadiaslam7801 2 года назад

Amazing course👏 full of valuable information. Thank you!

@soudadj6013 Год назад

this is pecfect and free it s just dream thank you i have learned so much from this thank you so much

@djskate9183 8 месяцев назад

Thank you, very well made for a beginner like me.

@foresta6571 4 месяца назад

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!

@Ceares Год назад

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 !

@envatotuts Год назад

Glad I could help!

@pavithranp6723 2 года назад

Thank you Envato for this typo guide, this has helped me a lot to understand about typo and its importance.

@vigintiunus5132 Год назад

Amazing Envato course, as always...

@envatotuts Год назад

Glad you liked it

@priyagupta5539 Год назад

I luv your tutorial..you helped me alot to learn..thank you..❤😊

@thilinaalagiyawanna3680 8 месяцев назад

Thank you very much. Great tutorial.

@JCamiloR Год назад

This is priceless and powerful, thank you.

@envatotuts Год назад

Glad you enjoyed it!

@aminday2010 Год назад

Very good course, well presented.. thank you very much!

@envatotuts Год назад

Glad it was helpful!

@metasok Год назад

Thank you so much for this video.

@zaitunpeace Год назад

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.

@envatotuts Год назад

Glad I could help!

@omondionyango5660 Год назад

I enjoyed the course very much. Thank you

@envatotuts Год назад

Glad you enjoyed it!

@archanaanupam7686 Год назад

Thank you for sharing this useful video 🙏🙏

@user-ch1by3th8s 17 дней назад

Very informative and a lovely voice.

@ismailbum4587 Год назад

Thanks for the course!

@envatotuts Год назад

My pleasure!

@Bookodus 2 года назад

Thank you!

@MayaKarampalasi Год назад

very nice course, thank you

@trillions_move2125 2 месяца назад

very useful and clear teaching.....

@tonie1412 Год назад

I have learned a lot from this Free course. Thank you, guys, so much for doing these things.

@shahnikita5698 2 года назад

Thank you 😇

@saliuarts Год назад

learnt plenty today. thanks

@envatotuts Год назад

Glad to hear it!

@dhruvasankanur645 11 месяцев назад

This was Very informative and Simple to understand. Thank you .🤓

@envatotuts 11 месяцев назад

Glad it was helpful!

@EstefNaviki 11 месяцев назад

Resume about look&feel for each Style 34:26

@iskragraseska8208 2 года назад

Thanks 🧡

@welcomeshorts770 4 месяца назад

Thank you for the video .

@shubhamchopra6205 5 месяцев назад

Very informational, Thankyou Ma'am

@timursadikov589 2 года назад

Thanks!

@Vighnesh_Graphicdesinger Год назад

Why views Are so less for such a Great video it deserves 10 million+ views.

@sardorabdujalolov1108 2 года назад

Thank you. Please more Typography tutorials with deeper knowledge. And how to make your own typeface and sell it?

@aokijimomo2904 Год назад

❤❤❤❤ i like this. It helped me easily understanding

@cafekebabman4748 Год назад

Premium level production quality! Loved your narration! 🏆🏆🏆

@usamasajjad4062 2 года назад

Waiting Anxiously.

@user-hi7ns3mu2s Год назад

I appreciate to watch this video !!!!! thank you so much

@envatotuts Год назад

You are so welcome!

@fizakhatri6505 10 месяцев назад

Best course!!!!

@rosewurkz Год назад

Thanks, super useful ☺️

@envatotuts Год назад

You're welcome 😊

@UNWANTEDMINDS 8 месяцев назад

thank you!

@user-wi9xf9rz9u 6 месяцев назад

Thank you so much!!!!!!

@yaredadmasu5670 Год назад

you are an awsome teacher.. God bless you.. በርቺ

@envatotuts Год назад

Wow, thank you!

@Ajadi_kun_ 6 месяцев назад

Thanks for this

@SanaEmami-hb3dx 3 месяца назад

im really sorry but I think i couldn't understand distinguish between typeface and fonts, will some one explain it to me pleas.

@IdkmaybeGuy-dz7ur Месяц назад

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

@amaankhan333 Месяц назад

Okay listen from example. Helvetica is a typeface. Helvetica bold at 12px is a font. Alright?

@user-zu4jw3nj9c 7 месяцев назад

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.

@DionysisGalanis Год назад

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?

@arjunsoehawan192 Год назад

amazing! good work.

@envatotuts Год назад

Thank you! Cheers!

@zoomcinema9650 2 года назад

This is useful thanks a lot for this course ♥️♥️👌

@anastasiakarpova4207 Год назад

Thanks guys!

@envatotuts Год назад

Our pleasure!

@alf3926 28 дней назад

The rabbit hole gets deeper.

@user-zz6zs4ev7r 5 месяцев назад

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.

@rafiqulislam-mm1mb 2 года назад

thanks

@speedymacky 2 года назад

Count me in😊😍

@an-farouk4446 Год назад

احترماتي للمجهزذاتك .....😍🤩

@footprint_arts Год назад

31:15 How to choose the right fonts.

@dinyhotmail 6 месяцев назад

Thank you so much. I have loved fonts for years. I even used to design fonts. I think that it goes back to the fact my grandfather was a German typesetter/printer (typography instead of fonts). One of my greatest joys in life was downloading then installing Helvetica. Was that illegal? You gave a really wonderful and in-depth explanation of typefaces and fonts. It is the best that I have ever seen. Can you tell me where to download Órchó GC font? Just kidding. I doubt that you can. Subscribed.

@christressler3857 10 месяцев назад

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.