Categories

There are currently no items in your shopping cart.

User Panel

Forgot your password?.

Typography & Vertical Rhythm for UI Designers and Web Developers

1. What we will cover in this course
2. Introduction to Typography
3. About Font and Font Families
4. Typography Anatomany terms
5. Humanist Old and Transitional
6. Sans Serif and Script
7. About Line Length
8. Text Alignements
9. Line-Height (Leading)
10. Letter Spacing (Kerning)
11. Design Exercise to apply what we have learned so far
12. Hyphen, en & em dash usage
13. Using Quotation marks properly
14. Roles of Typefaces
15. Typographic Scales
16. Online Tools for Typographic Scales
17. How many Levels of Typographic Hierarchy do i need?
18. Vertical Rhythm
19. Vertical Rhythm in Photoshop
20. Design Exercise for Vertical Rhythm
21. Intro to Modular Grid
22. Preparing Grid for Blog Layout Design Exercise
23. Design First Blog Layout
24. Design Second Layout for Blog
25. Refining the 2nd Layout Design
26. Last layout for Blog Design
27. How many fonts to select?
28. Moods/Voices of Typefaces
29. Effect of Color on Typeface Mood (Voice)
30. Introduction to Font Pairing
31. x-height matching
32. Pairing with contrast
33. Pairing typefaces on similar features
34. Avoid too much similarity
35. Pairing fonts from same designer or family
36. Online Tools for Font Pairing
37. Dribbble Design Exercise Preperations
38. Hero Header Design Part 1
39. Hero Header Design Part 2
40. Hero Header Design -2nd Theme
41. Hero Header Design - 2nd Theme Part 1
42. Hero Header Design - 2nd Theme Part 2
43. Social Media Ad Design Exericse → Preperations
44. Social Media Ad Design Part 1
45. Social Media Ad Design Part 2
46. Social Media Ad Design Final Touches
47. Juicy Design Exercise - Preperations
48. Juicy Typography Design Exercise Part 1
49. Juicy Typography Design Exercise Part 2
50. Intro to Point (PT) sizing in IOS Devices
51. IOS Typography Specifications
52. Designing Multiple resolution IOS Screens with Photoshop
53. Student Question about Resolutions
54. Mirroring your Photsshop to Iphone
55. Android Typography and Scales
56. Desinging for Multiple Android Screen Sizes
57. For Developers → Using Google Fonts
58. For Developers → Using Premium Fonts
59. For Developers → CSS Font Sizing
60. For Developers → em Font Sizing
61. For Developers → rem Font Sizing
62. For Developers → % Font Sizing
63. For Developers → vw Font Unit
64. For Developers → How Vertical Rhythm works in CSS
65. For Developers→ Gridlover Coding Exercise
66. For Developers→ Custom Typographic Scale Bootstrap
67. For Developers → Dont use code from Typescale
68. For Developers → Intro to Responsive Typography
69. For Developers→ Different Scales for Multiple Screen Sizes
70. For Developers → Percentage CSS unit for Responsive Typography
71. Student QA → How to Expand Typographic scale for Responsive Web Design usage