FreeCourseSite com Udemy Typography for Designers Developers Don suck at design

/0. Websites you may like/

[CourseClub.ME].url

[FCS Forum].url

[FreeCourseSite.com].url

/1. Introduction to Typography/

1. Intro to Typography Course.mp4

1. Intro to Typography Course.vtt

1.1 1) Intro to Typography.pdf.pdf

10. Quiz - Identify Font Classes.html

11. Optimal Line-Length for Web and Mobile.mp4

11. Optimal Line-Length for Web and Mobile.vtt

11.1 5) Line-Length.pdf.pdf

12. Which text alignment for what purpose .mp4

12. Which text alignment for what purpose .vtt

12.1 6) Text Alignment.pdf.pdf

13. Line-Height (Leading).mp4

13. Line-Height (Leading).vtt

13.1 08) Line height-Leading.pdf.pdf

14. Letter Spacing (Kerning).mp4

14. Letter Spacing (Kerning).vtt

14.1 7) Letter-Spacing(knerning).pdf.pdf

14.2 Letter Kerning Game.html

15. Tracking in Typography.mp4

15. Tracking in Typography.vtt

16. Quiz - Basics of Typography.html

17. EXERCISE Designing Awesome Article Page in Photoshop.mp4

17. EXERCISE Designing Awesome Article Page in Photoshop.vtt

17.1 Blog Article Design PSD Exercise File.html

2. How this course has been laid out → Headshot video.mp4

2. How this course has been laid out → Headshot video.vtt

3. What are Fonts, Font Families and Font Styles.mp4

3. What are Fonts, Font Families and Font Styles.vtt

3.1 2) Font Styles and Font Families.pdf.pdf

4. Typography Terms & Anatomy.mp4

4. Typography Terms & Anatomy.vtt

4.1 3) Typography Anatomy.pdf.pdf

5. Resources for Typography Terms & Anatomy.html

6. Quiz Typography Anatomy Test.html

7. Type Classification - Old and Transitional.mp4

7. Type Classification - Old and Transitional.vtt

7.1 4) Type Classification-Families.pdf.pdf

8. Type Classification - Modern, Sans-serif, Script.mp4

8. Type Classification - Modern, Sans-serif, Script.vtt

8.1 Identify Font Game.html

8.2 Type Classification Chart by Lisa Garner.html

9. Resources for Type Classficiation.html

/10. Nature Health Themed Typography Exercises/

1. Fresh & Juicy Design Exercise - Preperations.mp4

1. Fresh & Juicy Design Exercise - Preperations.vtt

2. Exercise fonts and resources links.html

3. Fresh & Juicy Design Exercise - Part 1.mp4

3. Fresh & Juicy Design Exercise - Part 1.vtt

4. Fresh & Juicy Design Exercise - Part 2.mp4

4. Fresh & Juicy Design Exercise - Part 2.vtt

/11. Typography for Iphone and Android App Designs (Mobile App Typography)/

1. Understanding IOS Screen Sizes and Point sizes for Typography.mp4

1. Understanding IOS Screen Sizes and Point sizes for Typography.vtt

10. Exercise Design Simple Blog Post for Multiple Android Screen Sizes.mp4

10. Exercise Design Simple Blog Post for Multiple Android Screen Sizes.vtt

2. IOS Font Sizes and Specifications.mp4

2. IOS Font Sizes and Specifications.vtt

3. Resources for IOS App Design (Typography).html

4. Resources for Connecting Photoshop to Smart Phone Screen.html

5. Exercise Design Blog Post for Iphone 1x, 2x and 3x screens in Photoshop.mp4

5. Exercise Design Blog Post for Iphone 1x, 2x and 3x screens in Photoshop.vtt

5.1 IOS Device exercise.zip.zip

6. Student Question 1X and 2X Resolution IOS Font Sizing Problems.mp4

6. Student Question 1X and 2X Resolution IOS Font Sizing Problems.vtt

7. Connecting (Mirroring) Photoshop to Iphone Screen while designing.mp4

7. Connecting (Mirroring) Photoshop to Iphone Screen while designing.vtt

8. Android Typography Specifications - What are SP font Sizes and DPI.mp4

8. Android Typography Specifications - What are SP font Sizes and DPI.vtt

9. Resources for Android App Design (Typography).html

/12. Typography for Web Developers/

1. Using Google fonts Pros and Cons.mp4

1. Using Google fonts Pros and Cons.vtt

1.1 1) Google vs Premium vs Subscriptions.pdf.pdf

10. Vertical Rhythm & Typography Scales with Boostrap.mp4

10. Vertical Rhythm & Typography Scales with Boostrap.vtt

10.1 Bootstrap Typographic Scale 3 Exercises.zip.zip

11. Dont use TypeScale Online tool (use gridlover instead).mp4

11. Dont use TypeScale Online tool (use gridlover instead).vtt

2. Using Premium Fonts Pros and Cons with guide to purchasing them.mp4

2. Using Premium Fonts Pros and Cons with guide to purchasing them.vtt

3. Introduction to CSS font-size units.mp4

3. Introduction to CSS font-size units.vtt

3.1 2) Intro to Web Fonts Sizing.pdf.pdf

4. What is em font-size unit.mp4

4. What is em font-size unit.vtt

4.1 em-font-size.zip.zip

5. What is Percentage % font-size.mp4

5. What is Percentage % font-size.vtt

5.1 percentage_font-size.zip.zip

6. What is VW font-size.mp4

6. What is VW font-size.vtt

6.1 vw-font-size.zip.zip

7. What is rem font size.mp4

7. What is rem font size.vtt

7.1 rem_font-size.zip.zip

8. How Vertical Rhythm works in CSS.mp4

8. How Vertical Rhythm works in CSS.vtt

8.1 3) Concept Of Vertical Rhythm in Coding.pdf.pdf

9. CODE Exercise Using Vertical Rhythm with Gridlover tool.mp4

9. CODE Exercise Using Vertical Rhythm with Gridlover tool.vtt

9.1 vertical-rythem-gridlover-exercise.zip.zip

/13. Responsive Typography for Developers/

1. Responsive Typograhy Introduction.mp4

1. Responsive Typograhy Introduction.vtt

1.1 7) Intro to Responsive Typography.pdf.pdf

2. Percentage font-size for Responsive Typography.mp4

2. Percentage font-size for Responsive Typography.vtt

2.1 percentage responsive Typography exericse.zip.zip

3. Different Typographic Scales for Responsive Typography.mp4

3. Different Typographic Scales for Responsive Typography.vtt

3.1 Exercise font size multiple ratios.zip.zip

4. 100% Responsive Typographic Scale by Richardo Zea.html

/14. New and Latest in Typography/

1. What are Color Fonts.mp4

1. What are Color Fonts.vtt

2. What are Variable Fonts.mp4

2. What are Variable Fonts.vtt

3. What to do NEXT.mp4

3. What to do NEXT.vtt

4. BONUS LECTURE.html

/2. More about Typography/

1. Hyphen, en & em dash usage → Student Request Lecture.mp4

1. Hyphen, en & em dash usage → Student Request Lecture.vtt

1.1 1) Hyphen, em-dash, en-dash.pdf.pdf

2. Using Quotation marks properly → Student Request Lecture.mp4

2. Using Quotation marks properly → Student Request Lecture.vtt

2.1 2) All About Quotation Marks.pdf.pdf

/3. Typography Scales and Grids/

1. Roles of Typefaces.mp4

1. Roles of Typefaces.vtt

1.1 1) Roles of Typefaces.pdf.pdf

10. Using Modular Grid for Designing Web, Mobile Layout.mp4

10. Using Modular Grid for Designing Web, Mobile Layout.vtt

2. Typographic Scales for hierarchy.mp4

2. Typographic Scales for hierarchy.vtt

2.1 2) Typographic Scale.pdf.pdf

3. Online Tools for Typographic Scales.mp4

3. Online Tools for Typographic Scales.vtt

4. Student Question → How to extend Modular Scale to apply in Responsive Design.mp4

4. Student Question → How to extend Modular Scale to apply in Responsive Design.vtt

5. Resources for Type Scale.html

6. How many Levels of Typographic Hierarchy do I need.mp4

6. How many Levels of Typographic Hierarchy do I need.vtt

6.1 3) How Many Levels of Hierarchy.pdf.pdf

7. Vertical Rhythm and Spacing.mp4

7. Vertical Rhythm and Spacing.vtt

7.1 4) Vertical Rhythm.pdf.pdf

8. Vertical Rhythm in Adobe Photoshop.mp4

8. Vertical Rhythm in Adobe Photoshop.vtt

9. DESIGN Exercise Typographic Scales, Making and Breaking Vertical Rhythm.mp4

9. DESIGN Exercise Typographic Scales, Making and Breaking Vertical Rhythm.vtt

9.1 section2_typescales_baselineGrid_Exercise_PSD.zip.zip

/4. EXERCISES Modular + Baseline Grid Design Ultimate Exericse/

1. Preparing Modular and Baseline Grid in Photoshop.mp4

1. Preparing Modular and Baseline Grid in Photoshop.vtt

2. Blog Design 1st Design with Modular Grid.mp4

2. Blog Design 1st Design with Modular Grid.vtt

2.1 Design-Part1_PSD.zip.zip

3. Blog Design 2nd Design Iteration with Modular Grid.mp4

3. Blog Design 2nd Design Iteration with Modular Grid.vtt

4. Blog Design 2nd Design Refinements.mp4

4. Blog Design 2nd Design Refinements.vtt

4.1 Design-Part2_PSD.zip.zip

5. Blog Design 3rd Design Layout with Modular Grid.mp4

5. Blog Design 3rd Design Layout with Modular Grid.vtt

5.1 Design-Part3-PSDs.zip.zip

6. Blog Post Design Challenge using Vertical Rhythm and Modular Grid.html

/5. How to Select Fonts/

1. How many fonts to select.mp4

1. How many fonts to select.vtt

1.1 1) How Many Fonts to Select.pdf.pdf

2. Training your eye for Moods or Voice of Typefaces.mp4

2. Training your eye for Moods or Voice of Typefaces.vtt

2.1 2) Moods Voices of Typefaces.pdf.pdf

3. Effect of Color on Typeface Mood (Voice).mp4

3. Effect of Color on Typeface Mood (Voice).vtt

/6. How to Pair Fonts/

1. Basic Principles of Font Pairing.mp4

1. Basic Principles of Font Pairing.vtt

1.1 1) Font Pairing Intro.pdf.pdf

2. Pairing fonts from Same Designer + Using Mega Font Families.mp4

2. Pairing fonts from Same Designer + Using Mega Font Families.vtt

2.1 2) Pairing One Big Font Family.pdf.pdf

3. Matching Fonts with X-Height.mp4

3. Matching Fonts with X-Height.vtt

3.1 4) X-height.pdf.pdf

4. Using Contrast to Pair Fonts.mp4

4. Using Contrast to Pair Fonts.vtt

4.1 5) Contrast in Typography.pdf.pdf

5. Look for Similar Features while Font Pairing.mp4

5. Look for Similar Features while Font Pairing.vtt

6. Avoid too much similarity between Fonts.mp4

6. Avoid too much similarity between Fonts.vtt

6.1 6) Avoid Using Too Similar Fonts-Good.pdf.pdf

7. Online Tools for Font Pairing.mp4

7. Online Tools for Font Pairing.vtt

8. Resources for Font Pairing.html

9. 32 Ready made Font Combination to start your Designs.html

/7. How to get Variation in text for Great Designs/

1. Using Bold, Italic & Capitalize for Variation in Type.mp4

1. Using Bold, Italic & Capitalize for Variation in Type.vtt

1.1 1) Bold Italic All Caps Variation.pdf.pdf

2. Variation using Line-Height and Letter-Spacing.mp4

2. Variation using Line-Height and Letter-Spacing.vtt

2.1 2) Variation With Line Height & Letter Spacing.pdf.pdf

3. Variation using Colors in Type.mp4

3. Variation using Colors in Type.vtt

3.1 3) Variation With Color.pdf.pdf

4. Variation using Reverse Colors in Type.mp4

4. Variation using Reverse Colors in Type.vtt

4.1 4) Variation With Reverse Color.pdf.pdf

5. Quiz - Variation in Type.html

/8. EXERCISES Dribbble LEVEL Designs/

1. Tech Company Web Design (Preperations).mp4

1. Tech Company Web Design (Preperations).vtt

1.1 Fash Tech Design PSD+Resources.html

2. Tech Company Web Design (Part 1).mp4

2. Tech Company Web Design (Part 1).vtt

3. Tech Company Web Design (Part 2).mp4

3. Tech Company Web Design (Part 2).vtt

4. Userable Web Design Intro (Preperations).mp4

4. Userable Web Design Intro (Preperations).vtt

4.1 Userable Exercise PSD + Resources.html

5. Userable Web Design (Part 1) → Chainging Fonts to change theme.mp4

5. Userable Web Design (Part 1) → Chainging Fonts to change theme.vtt

6. Userable Web Design (Part 2) → Spacing & White space fine tuning.mp4

6. Userable Web Design (Part 2) → Spacing & White space fine tuning.vtt

/9. Exercise Social Media Ad Design with 3 different fonts/

1. Exercise Social Media Ad → Gathering Resources.mp4

1. Exercise Social Media Ad → Gathering Resources.vtt

2. Exercise fonts and resources links.html

3. Exercise Social Media Ad Design → Part 1.mp4

3. Exercise Social Media Ad Design → Part 1.vtt

4. Exercise Social Media Ad Design → Part 2.mp4

4. Exercise Social Media Ad Design → Part 2.vtt

5. Exercise Social Media Ad Design → Final touches.mp4

5. Exercise Social Media Ad Design → Final touches.vtt

5.1 Download Exericse File → Social Media Ad Design PSD.html

Total files 227