Lessons: 12Length: 2.1 hours
- Overview
- Transcript
1.1 Welcome to the Course
Having covered all the fundamentals of typographic design in the previous course (link below), in this course we’ll build on that foundation, adding advanced features such as responsive adjustments, coloring, and accessibility.
In this introductory video I’ll explain what’s to come and show you some of what we’ll be creating throughout the course.
Useful Links
1.Introduction
1.1Welcome to the Course00:37
2.Responsive Adjustments
2.1Adjusting Font Sizes21:17
2.2Adjusting Spacing11:33
3.Color & Accessibility
3.1Site and Branding Colors29:03
3.2Dark / Inverse Mode05:36
3.3Color Contrast06:43
3.4Color Blindness04:10
4.Element-Specific Typography
4.1Links15:15
4.2Buttons08:39
4.3Blockquotes12:47
4.4Preformatted Code08:08
5.Wrapping Up
5.1Conclusion03:33
1.1 Welcome to the Course
This course is the second in a two part series on designing typography using the Figma interface design tool. In the last course we nailed down all the fundamentals of Typographic design. And in this course we'll build on that foundation, adding in advanced features such as responsive adjustments, coloring, and accessibility. We're also gonna put together some element specific Typography for links, buttons, block quotes, and pre formatted code. Getting into the details of individual components that form up your sites. So let's go ahead and get started on advanced Typography design in Figma. I'll see you in the first lesson.
