It is incredible to see how a good web typography can improve an overall experience of a website. Web Typography plays an important role in the field of UX/UI design. A good web typography not only improves the aesthetic appeal of a website but also sets the tone in guiding the users get the most out of the website.
Good typography is a cornerstone of any web experience. With so much to consider when working with typography, including readability, accessibility, and hierarchy, good use of typography could mark the difference between a good interface and a great one.
In this blog post, we have listed 7 fantastic videos on Web typography that can helpyou set on a journey to improve your typography skills and move towards creating a great user interfaces.
Typographic Scales in Web Design & UI Design
The typographic scale has been used for centuries as a means of creating balanced and harmonious font sizing. It is the bedrock of modern typography. In this video, Jesse Showalter show you how to use a very basic but effective Type Scale based on the Golden Ratio.
Typography sizing and line height in web design
In this video, Tom Piggott look at how to quickly set up typography in Figma for a very easy and efficient workflow in Figma. These tips can be applied to any design software that you like to use
Improving Web and Mobile App Typography – 5 basic guidelines
In this video, Pablo Stanley, Co-founder at Blush, lists five essential principles to improve the typographic quality of your web and mobile app products in this video.
Typography hacks: Choosing and Pairing Fonts in UI design
While typography itself is a complex and nuanced subject, there are few great tools and shortcuts that is really helpful when learning to pair fonts and choose better font combinations for your UI designs. In this video, you will find typography hacks to help you find, pair and manage fonts for your design projects.
Variable Fonts on the Web, Explained
Variable fonts is the big thing in web typography. They allow for more creativity and design freedom than web designers have ever had with type before. And that’s all while reducing your font load time down to a half, third, quarter, or even less. This video explains variable fonts is a very easy and simple manner.
10 Fonts You Must Use As A Designer
Fonts and typography are essential parts of graphic design and design in general. Font or typography choices can make or break your designs, so it is crucial to use the right fonts, for the right design. In this video, you will find 10 fonts you can use for your design projects, and 9 fonts that you need to stay away from as a designer
Intro to Typography
This video is for beginners who wants to have get started by having a very basic understanding of web typography. Ran Segall is a well know name is the field of web design and in this video he is covering absolute basics of typography. You can even follow his youtube channel which is full of helpful tutorials on web design and freelancing.
We hope you have enjoyed this post.
You may find this articles interest. Check it out.
Back to Basics in Typography – [Guide for Fonts & Typo]
10 Tips to Improve Your Typography Skills
20 Best Stylish Number Fonts for Displaying Numbers
Hello Bonsai Review – An all in one tool for freelancers [Pros, Cons, and Comparison with similar tools]
Revisiting The Basics: 21 Fabulous UX Design Infographics
Design an accessible user interface for color blinds