If you are a Freelance Web Designer, spending time learning how to adjust your type is one of the most overlooked and also fundamental aspects in your growth if you want to take your design skills to the next level. Stay with me as I explain the 15 rules I use in every project so you can refine your eye and learn how to improve your type setting skills, down the small details. We will cover things like letter spacing, line-height, rags, orphans, widows, special characters and more. Happy learning!
ERRATA: in rule 1, I meant “the longer the paragraph, the more loose the line height”.
______
TIME STAMPS
0:00 Intro
0:55 Rule 1: line height & paragraph width
2:22 Rule 2: line length in paragraphs
3:46 Rule 3: letter spacing & size
4:33 Rule 4: letter spacing & font weight
6:03 Rule 5: letter spacing & different typefaces
6:45 Rule 6: letter spacing overlap
7:45 Rule 7: line height with ascendants & descendants
9:28 Rule 8: type adjustment & Gestalt laws of perception
10:51 Rule 9: rags in paragraphs
11:23 Rule 10: rags in titles
11:58 Rule 11: rags in text lockups
13:22 Rule 12: type setting & Art Direction / Visual Identity Design
14:27 Rule 13, Type crimes: widows & orphans
15:09 Rule 14, Type crimes: Stretching or shrinking type
15:16 Rule 15, Type crimes: incorrect character usage
READY TO JOIN THE BONT CLUB?
If you are ready to peak your Web Design skills & learn how to monetize them so you can have more freedom to do the things that you love, then click the link below to apply to my signature mentorship program, the BONT Club. If you’re a fit, I will schedule a call with you so we can chat and decide if my program is the right fit for you:
Apply here: https://bit.ly/4bbhRN8
FREE GOLDEN CANON GRID COURSE
Download the Golden Canon grid and join thousands of students in learning 5 secrets to design beautiful websites with the Golden Canon Grid with this free course:
https://bit.ly/3OhrFLM
SUBSCRIBE TO MY NEWSLETTER
Join my newsletter to stay up to get tips and tricks on your email, stay up to date with my latest videos, and be the first to know about new free resources I put out.
https://bit.ly/bont-newsletter
TWEET THIS VIDEO: https://ctt.ac/lnVBL
DM me on social media:
• Instagram: https://www.instagram.com/hellobont/
• LinkedIn: https://www.linkedin.com/in/adriansomoza/
Check out my works:
• Behance: https://www.behance.net/adriansomoza/
• Dribbble: https://dribbble.com/adriansomoza/
YouTube Video URL: https://youtu.be/273iUvw2ljw
#BONT #WebDesign #TypographyRules
