The Ultimate Guide to Typography | FREE COURSE

Поділитися
Вставка
  • Опубліковано 20 чер 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 UA-cam: / tutsplus
    ► Follow Envato Tuts+ on Twitter: / tutsplus
    ► Follow Envato Tuts+ on Facebook: / tutsplus
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

КОМЕНТАРІ • 159

  • @alankarmisra
    @alankarmisra Рік тому +215

    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
      @envatotuts  Рік тому +9

      Wow, thank you!

    • @lynlyn1418
      @lynlyn1418 Рік тому +2

      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
      @reqoil Рік тому +4

      But this knowledge is free anyway.

    • @marktaylor2087
      @marktaylor2087 Рік тому +1

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

  • @marlenpgarcia
    @marlenpgarcia 2 роки тому +85

    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!

  • @trinitarian100
    @trinitarian100 Рік тому +7

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

  • @peterh8253
    @peterh8253 2 роки тому +31

    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
    @yasaamoin4882 Рік тому +17

    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.

  • @dylanbarbe7909
    @dylanbarbe7909 Рік тому +26

    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
    @donshaft4573 8 місяців тому +3

    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 😊

  • @MiMi-yw7wg
    @MiMi-yw7wg Рік тому +1

    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!

  • @YeolTim
    @YeolTim Рік тому +2

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

  • @rajatdas5500
    @rajatdas5500 7 місяців тому +1

    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.

  • @Nihalshaikh03
    @Nihalshaikh03 3 місяці тому +2

    Pure gold. Keep this video bookmarked

  • @JustChiVlog
    @JustChiVlog 2 місяці тому +4

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

  • @sachinyadav031.
    @sachinyadav031. 10 місяців тому

    Thank you so much guys for making this course♥️

  • @triptijain35
    @triptijain35 2 роки тому +1

    THANKYOU. It was really helpful.

  • @odarrien
    @odarrien Рік тому

    Excellent course! Thank you!

  • @MOSTAFA_lkii
    @MOSTAFA_lkii Рік тому

    This course was PERFECT for me

  • @kentboortz8076
    @kentboortz8076 7 місяців тому +3

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

  • @khainzasarah1751
    @khainzasarah1751 Рік тому

    Loved this course!

  • @kabgraphics9435
    @kabgraphics9435 7 місяців тому

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

  • @tintianoTV
    @tintianoTV 11 місяців тому

    This was a great course. Kudos!

  • @moniqueveal3027
    @moniqueveal3027 8 місяців тому

    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🤗

  • @jean-lais
    @jean-lais Рік тому

    Thank you for this content. Very helpful

  • @sizcate
    @sizcate 8 місяців тому

    thank you for this excellent course!

  • @thilinaalagiyawanna3680
    @thilinaalagiyawanna3680 8 місяців тому

    Thank you very much. Great tutorial.

  • @bmlingaraj
    @bmlingaraj Рік тому

    most useful and needful course for academicians designers and learners

  • @TheOriginalV
    @TheOriginalV 3 місяці тому

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

  • @aliounedarosa
    @aliounedarosa 2 роки тому +2

    Should make more of this

  • @freehuman1504
    @freehuman1504 2 роки тому +3

    A special thanks for this meaningful free course

  • @hadiaslam7801
    @hadiaslam7801 2 роки тому +5

    Amazing course👏 full of valuable information. Thank you!

  • @raminmoheb6504
    @raminmoheb6504 6 днів тому

    Outstanding video. Great info, accessible, easy to understand, and FREE. Very glad I happened across this comprehensive and well-produced video.

  • @metasok
    @metasok Рік тому

    Thank you so much for this video.

  • @laurazamora816
    @laurazamora816 9 місяців тому

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

  • @djskate9183
    @djskate9183 8 місяців тому

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

  • @soudadj6013
    @soudadj6013 Рік тому

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

  • @MR-NOBODY6969
    @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

  • @junaidbabar8446
    @junaidbabar8446 2 місяці тому

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

  • @kurisuchiinu1206
    @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.

  • @MayaKarampalasi
    @MayaKarampalasi Рік тому

    very nice course, thank you

  • @priyagupta5539
    @priyagupta5539 Рік тому

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

  • @christiangeorge5313
    @christiangeorge5313 4 місяці тому

    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!

  • @archanaanupam7686
    @archanaanupam7686 Рік тому

    Thank you for sharing this useful video 🙏🙏

  • @abh1yan
    @abh1yan 7 місяців тому

    Envato is one of the best things out there.

  • @vigintiunus5132
    @vigintiunus5132 Рік тому +1

    Amazing Envato course, as always...

  • @aminday2010
    @aminday2010 Рік тому

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

  • @foresta6571
    @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!

  • @ismailbum4587
    @ismailbum4587 Рік тому +1

    Thanks for the course!

  • @trillions_move2125
    @trillions_move2125 2 місяці тому

    very useful and clear teaching.....

  • @JCamiloR
    @JCamiloR Рік тому

    This is priceless and powerful, thank you.

  • @Bookodus
    @Bookodus 2 роки тому

    Thank you!

  • @pavithranp6723
    @pavithranp6723 2 роки тому +1

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

  • @welcomeshorts770
    @welcomeshorts770 4 місяці тому

    Thank you for the video .

  • @omondionyango5660
    @omondionyango5660 Рік тому +1

    I enjoyed the course very much. Thank you

  • @fizakhatri6505
    @fizakhatri6505 10 місяців тому

    Best course!!!!

  • @shahnikita5698
    @shahnikita5698 2 роки тому

    Thank you 😇

  • @benediktotto6191
    @benediktotto6191 Місяць тому

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

  • @zaitunpeace
    @zaitunpeace Рік тому +1

    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.

  • @tonie1412
    @tonie1412 Рік тому

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

  • @iskragraseska8208
    @iskragraseska8208 2 роки тому

    Thanks 🧡

  • @saliuarts
    @saliuarts Рік тому +1

    learnt plenty today. thanks

  • @shubhamchopra6205
    @shubhamchopra6205 5 місяців тому

    Very informational, Thankyou Ma'am

  • @timursadikov589
    @timursadikov589 2 роки тому

    Thanks!

  • @aokijimomo2904
    @aokijimomo2904 Рік тому

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

  • @user-wi9xf9rz9u
    @user-wi9xf9rz9u 6 місяців тому

    Thank you so much!!!!!!

  • @user-ch1by3th8s
    @user-ch1by3th8s 24 дні тому

    Very informative and a lovely voice.

  • @user-hi7ns3mu2s
    @user-hi7ns3mu2s Рік тому

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

  • @Ceares
    @Ceares Рік тому +4

    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 !

  • @UNWANTEDMINDS
    @UNWANTEDMINDS 8 місяців тому

    thank you!

  • @Ajadi_kun_
    @Ajadi_kun_ 7 місяців тому

    Thanks for this

  • @usamasajjad4062
    @usamasajjad4062 2 роки тому

    Waiting Anxiously.

  • @dhruvasankanur645
    @dhruvasankanur645 11 місяців тому

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

    • @envatotuts
      @envatotuts  11 місяців тому

      Glad it was helpful!

  • @Salman_UiDesigner
    @Salman_UiDesigner 3 місяці тому

    Amazing🎉❤

  • @rosewurkz
    @rosewurkz Рік тому

    Thanks, super useful ☺️

  • @sardorabdujalolov1108
    @sardorabdujalolov1108 2 роки тому +6

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

  • @arjunsoehawan192
    @arjunsoehawan192 Рік тому

    amazing! good work.

  • @blane1814
    @blane1814 4 місяці тому

    Excellent

  • @anastasiakarpova4207
    @anastasiakarpova4207 Рік тому

    Thanks guys!

  • @Vighnesh_Graphicdesinger
    @Vighnesh_Graphicdesinger Рік тому

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

  • @yaredadmasu5670
    @yaredadmasu5670 Рік тому

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

  • @speedymacky
    @speedymacky 2 роки тому

    Count me in😊😍

  • @ummehabiba2036
    @ummehabiba2036 Рік тому

    Perfect

  • @rpgarchive491
    @rpgarchive491 Рік тому

    thank you so muchhh

  • @ronigraphicart
    @ronigraphicart 2 роки тому

    awesome

  • @cafekebabman4748
    @cafekebabman4748 Рік тому +1

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

  • @ShakespeerTube
    @ShakespeerTube Рік тому

    Excellent video... excellent :)

  • @user-zu4jw3nj9c
    @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.

  • @zoomcinema9650
    @zoomcinema9650 2 роки тому

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

  • @dinyhotmail
    @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.

  • @rafiqulislam-mm1mb
    @rafiqulislam-mm1mb 2 роки тому

    thanks

  • @visionsmind22
    @visionsmind22 Рік тому

    Really helpful

  • @Anub___
    @Anub___ 2 роки тому +1

    🙋 thanks

  • @kyenderetachantelle
    @kyenderetachantelle Рік тому

    eye-opening.

  • @alf3926
    @alf3926 Місяць тому

    The rabbit hole gets deeper.

  • @YouCefgames
    @YouCefgames Рік тому

    Thank you

  • @user-zz6zs4ev7r
    @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.

  • @an-farouk4446
    @an-farouk4446 Рік тому

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

  • @DionysisGalanis
    @DionysisGalanis Рік тому +1

    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?

  • @nabieladrian
    @nabieladrian 2 роки тому +1

    Yes, please!

  • @MohammedIsmail-zg8wz
    @MohammedIsmail-zg8wz 2 роки тому

    Waiting

  • @EstefNaviki
    @EstefNaviki 11 місяців тому +2

    Resume about look&feel for each Style 34:26

  • @christressler3857
    @christressler3857 11 місяців тому

    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.