Alexunder Hess – Typography Master Course for UXUI Designers

Description

Typography Master Course for UXUI Designers, Alexunder Hess – Typography Master Course for UXUI Designers, Typography Master Course for UXUI Designers download, Alexunder Hess – Typography Master Course for UXUI Designers review, Typography Master Course for UXUI Designers free torent

Alexunder Hess – Typography Master Course for UXUI Designers

Modules and Lessons

Module 0. Welcome

0.1. Welcome to the Typography for UX/UI designers course (6:35)
0.2. How to get maximum out of this course and become a Pro in typography (17:27)
0.3. Typography exercise. Yes, let’s start with a simple but powerful practical lesson (4:04)

Module 0 Quiz

Module 1. Introduction to Typography

1.1. The history of typography (67:41)
1.2. What typography really is (2:19)
1.3. Why typography is important(2:50)
1.4. The main goal of typography(8:18)
1.5. The purpose of Typography in UX/UI design(4:20)
1.6. Readability & Legibility(25:37)
1.7. Where typography is used (8:28)
1.8. The difference between typography for Graphic and UX/UI design(15:31)
1.9. Bonus: The list of type-focused websites for inspiration

Module 2. Practical typography. Preparation

2.1. How to work with information efficiently(27:11)
2.2. The role and the place of typography in the design project(2:43)
2.3. Where to start(6:05)
2.4. What every page consists of(4:34)
2.5. Content navigation and IA(20:56)
2.6. On-page Information Architecture (21:42)
2.7. Preparing text for the page(16:30)
2.8. Design tools to use (0:59)
29. Baseline arid & Vertical rhvthm(11:07)
2.10. Base font size and line-height(20:28)
2 11. Exercise: The first step and explanation of the homework(13:04)
2.12. Homework 1: Homepage/Landing page
2.13 Homework 2: Mobile app
2.14 Homework 3: Menu
2.15. Homework 4: Checklist
2.16 Homework 5 eBook
2 17 Homework 6- Social media post
2.18. Homework 7: Presentation

Module 3. Practical typography. Hierarchy

3.1. Visual Hierarchy in Typography – Part 1 & 2(80:27)
3.2 Typescale How to choose font sizes. A system for scaling Typography(37:24
3.3. Size and Responsive typography based on the medium type(6:32)
3.4. Maximum and minimum font size. Logic and accessibility(4:59)
3.5. Italic and bold. What to apply(7:54)
3.6. Oblique vs italic. Simple difference(7:37)
3.7. Size vs weight. How to select font-weights. What to apply (21:17)
3.8. Line-height for headings and paragraphs(25:48)
3.9. SO and Typography. Semantic hierarchv(14:19)
3.10. Typography styleguide. What to include(19-59)
3.11. Additional sizes and composition in Typography (7:28)
3.12. Bonus. Anchors/nails. The importance of eyebrows(30:19)
3.13. Bonus. Typography size guide by project type
3.14. Create styles in the design tool(314 1)
3.15. Exercise: Apply styles to your text(9:28)
3.16. Bonus: Typography stylesheet for desktop and mobile
3.17. Bonus: Typescale for desktop and mobile with examples
3.18. Homework 1: Homepage/Landing page
3.19. Homework 2: Mobile app
3.20. Homework 3: eMenu
3.21. Homework 4: Checklist
3.22 Homework 5: eBook
3.23. Homework 6: Social media post
3.24. Homework 7: Presentation

Module 4. Practical typography. Grids, layouts and formatting

4.1. What is Grid and why you need it(12:00)
4.2. Different grids. Pros and cons(24:04)
4.3. How to create a perfect grid for your content(33:18)
4.4. Should the grid be 4px? Explanation(12:12)
4.5. Horizontal rhythm. What, why and how(27:10)
4.6. Vertical rhythm. Why and how(11:37)
4.7. Spacing between headings and paragraphs(25:00)
4.8. Length. How many columns for headings and paragraphs(24 01)
4.9. Alignment. Which one to choose(30:18)
4.10. Left vs Center alignment(22:58)
4.11. When to use alignment Justified (8:19)
4.12. Whitespace and typography (21:43)
4.13. Spacing/padding vs Line heights(12 38)
4.14. Exercise: Putting text on the grid (8 45)
4.15. Bonus: Typography layouts and grids for web
4.16. Bonus: Type spacing cheatsheet
4.17. Bonus: Vertical and horizontal rhythm helper
4.18. Homework 1: Homepage/Landing page
4.19. Homework 2: Mobile app
4.20 Homework 3 Menu
4.21. Homework 4: Checklist
4.22. Homework 5: eBook
4.23 Homework 6: Social media post
4.24. Homework 7: Presentation

Module 5. Practical typography. Psychology

5.1. What is typeface psychology (38: 46)
5.2. Why we need to know it(21:23)
5.3. Categories of typefaces(10:16)
5.4. How our culture and background influence the typography choice (8:06)
5.5. The connection between different typefaces & emotions/feelings(29:33)
5.6. Why it’s important to know your Target Audience to choose the typeface(15 53)
5.7. Serif vs Sans Serif., Where to use and why (+industries)(44:03)
5.8. Script & Display typefaces. Where to use, how and why (20:06)
5.9. How to choose the right typeface for your project Step by step guide(62:49)
5.10. Exercise: Try a new typeface in your design(8 33)
5.11. Bonus: Typefaces by industry
5.12. Bonus: Typography psychology guide
5.13. Homework 1: Homepage/Landing page
5.14. Homework 2: Mobile app
5.15. Homework 3: eMenu
5.16. Homework 4: Checklist
5.17. Homework 5: eBook
5.18. Homework 6: Social media post
5.19. Homework 7: Presentation

Module 6. Practical typography. Font pairing & Adjustments

6.1. Why we need to know font pairing (37:07)
6.2. Where and how to use different font pairs properly(77:52)
6.3. How to choose typefaces for paragraphs and other elements(43:10)
6 4 How to choose typefaces for headings(13:17)
6.5 The reasons when to use one typeface over another(5 46)
6.6. Where to find font pairs (25 01)
6.7. How to make new pairs (56.58)
6.8. Superfamilies(9:11)
6.9 Can we use 3 typefaces(10:01)
6. 10. How to use letter-spacing properly(12:00)
6.11. Type color(12:22)
6.12. Line-height adjustments(5:00)
6.13. Accessibility of typography(24:11)
6.14. Exercise: Adjustments according to new typefaces(16 21)
6.15. Bonus: Typography pairs
6.16. Bonus: Typograph trios
6.17. Bonus: The list of supertypefaces and where to get them
6.18. Homework 1: Homepage/Landing page
6.19. Homework 2: Mobile app
6.20. Homework 3: Menu
6.21. Homework 4: Checklist
6.22. Homework 5: eBook
6.23. Homework 6: Social media post
6.24. Homework 7: Presentation

Module 7. Practical typography. Tips and Secrets

7.1. Fonts licensing (11:04)
7.2 Paid or free typeface (8.32)
7.3. Where to find good fonts and how to understand them(12:28)
7.4. Typography anatomy and why you need to know it(9:10)
7.5. 3 steps to make your design look professional only with typography(16:54)
7.6. How to animate typography(22:01)
7.7 How to improve the readability of your design( 11 09)
7.8. How to explain your typography decisions to a client/manager(4 54)
7.9. Colours in typography. What to colourize(12:05)
7.10. Accessibility of colors in typography(19:38)
7.11. How to breaks rules in typography(9 49)
7.12. How to convert typography Px to Rem in Figma(4:36)
7.13. How to name text styles in the design system(13:50)
7.14. Typography for Cyrillic fonts(8 21)
7.15. Responsive typography for a seamless experience across all
platforms (12:42)
7.16. Typography and SEO Performance and Page speed secrets(12:27)
7.17. Bonus: Advanced typeface features in Figma
7.18. Bonus: How to improve performance of the website with typography checklist

Bonuses

3.13. Bonus. Typography size guide by project type
3.16. Bonus: Typography stylesheet for desktop and mobile
3.17. Bonus: Typescale for desktop and mobile with examples
4.15. Bonus: Typography grids for web
4.16. Bonus: Type spacing cheatsheet
4.17. Bonus: Vertical and horizontal rhythm helper
5.11. Bonus: Typefaces by industry
5.12. Bonus: Typography psychology guide
6.15. Bonus: Typography pairs
6.16. Bonus: Typography trios
6. 17 Bonus: The list of superfamilies and where to get them
7.17. Bonus: Advanced typeface features in Figma
7.18. Bonus: How to improve performance of the website with typography checklist

More Information: Please check more value courses here !

Refund is acceptable:

• Firstly, item is not as explained
• Secondly, The Psychotherapy and Spirituality Summit do not work the way it should.
• Thirdly, and most importantly, support extension can not be used.

Thank you for choosing us! We’re so happy that you feel comfortable enough with us to forward your business here.