Typography for Designers and Developers
Focused View
8:40:28
4 View
01.How this course has been laid out Headshot video.mp4
00:45
02.What are Fonts, Font Families and Font Styles.mp4
05:09
03.Typography Terms Anatomy.mp4
06:36
04.Type Classification - Old and Transitional.mp4
06:45
05.Type Classification - Modern, Sans-serif, Script.mp4
05:05
06.Optimal Line-Length for Web and Mobile.mp4
03:14
07.Which text alignment for what purpose.mp4
04:55
08.Line-Height (Leading).mp4
06:40
09.Letter Spacing (Kerning).mp4
04:47
10.Tracking in Typography.mp4
08:56
11.EXERCISE - Designing Awesome Article Page in Photoshop.mp4
10:53
12.Hyphen, en and em dash usage - Student Request Lecture.mp4
02:28
13.Using Quotation marks properly - Student Request Lecture.mp4
02:52
14.Roles of Typefaces.mp4
04:37
15.Online Tools for Typographic Scales.mp4
03:00
16.Online Tools for Typographic Scales.mp4
05:28
17.Student Question - How to extend Modular Scale to apply in Responsive Design.mp4
06:56
18.How many Levels of Typographic Hierarchy do I need.mp4
03:13
19.Vertical Rhythm and Spacing.mp4
05:13
20.Vertical Rhythm in Adobe Photoshop.mp4
06:45
21.DESIGN Exercise - Typographic Scales, Making and Breaking Vertical Rhythm.mp4
11:39
22.Using Modular Grid for Designing Web, Mobile Layout.mp4
11:07
23.Preparing Modular and Baseline Grid in Photoshop.mp4
10:44
24.Blog Design - 1st Design with Modular Grid.mp4
16:21
25.Blog Design - 2nd Design Iteration with Modular Grid.mp4
10:02
26.Blog Design - 2nd Design Refinements.mp4
03:11
27.Blog Design - 3rd Design Layout with Modular Grid.mp4
08:35
28.How many fonts to select.mp4
05:18
29.Training your eye for Moods or Voice of Typefaces.mp4
12:44
30.Effect of Color on Typeface Mood (Voice).mp4
03:57
31.Basic Principles of Font Pairing.mp4
03:51
32.Pairing fonts from Same Designer + Using Mega Font Families.mp4
05:15
33.Matching Fonts with X-Height.mp4
05:28
34.Using Contrast to Pair Fonts.mp4
07:47
35.Look for Similar Features while Font Pairing.mp4
10:04
36.Avoid too much similarity between Fonts.mp4
04:15
37.Online Tools for Font Pairing.mp4
05:31
38.Using Bold, Italic Capitalize for Variation in Type.mp4
03:30
39.Variation using Line-Height and Letter-Spacing.mp4
03:25
40.Variation using Colors in Type.mp4
02:57
41.Variation using Reverse Colors in Type.mp4
03:02
42.Tech Company Web Design (Preparations).mp4
05:00
43.Tech Company Web Design (Part 1).mp4
16:19
44.Tech Company Web Design (Part 2).mp4
15:25
45.Userable Web Design Intro (Preparations).mp4
03:52
46.Userable Web Design (Part 1) - Changing Fonts to change theme.mp4
07:42
47.Userable Web Design (Part 2) Spacing White space fine tuning.mp4
05:05
48.Exercise - Social Media Ad - Gathering Resources.mp4
03:59
49.Exercise - Social Media Ad Design - Part 1.mp4
06:39
50.Exercise - Social Media Ad Design - Part 2.mp4
14:06
51.Exercise - Social Media Ad Design - Final Touches.mp4
02:44
52.Fresh Juicy Design Exercise - Preparations.mp4
03:26
53.Fresh Juicy Design Exercise - Part 1.mp4
15:58
54.Fresh Juicy Design Exercise - Part 2.mp4
11:17
55.Understanding IOS Screen Sizes and Point sizes for Typography.mp4
05:00
56.IOS Font Sizes and Specifications.mp4
03:22
57.Exercise - Design Blog Post for iPhone 1x, 2x and 3x screens in Photoshop.mp4
13:57
58.Student Question - 1X and 2X Resolution IOS Font Sizing Problems.mp4
12:40
59.Connecting (Mirroring) Photoshop to iPhone Screen while designing.mp4
05:04
60.Android Typography Specifications - What are SP font Sizes and DPI.mp4
04:16
61.Exercise - Design Simple Blog Post for Multiple Android Screen Sizes.mp4
08:30
62.Using Google fonts - Pros and Cons.mp4
03:36
63.Using Premium Fonts - Pros and Cons with guide to purchasing them.mp4
05:38
64.Introduction to CSS font-size units.mp4
02:37
65.What is em font-size unit.mp4
08:11
66.What is Percentage % font-size.mp4
04:15
67.What is VW font-size.mp4
04:09
68.What is rem font-size.mp4
04:25
69.How Vertical Rhythm works in CSS.mp4
08:28
70.CODE Exercise - Using Vertical Rhythm with Gridlover tool.mp4
07:52
71.Vertical Rhythm and Typography Scales with Boostrap.mp4
11:32
72.Dont use TypeScale Online tool (use gridlover instead).mp4
02:22
73.Responsive Typography Introduction.mp4
06:36
74.Percentage font-size for Responsive Typography.mp4
11:03
75.Different Typographic Scales for Responsive Typography.mp4
09:44
76.What are Color Fonts.mp4
04:47
77.What are Variable Fonts.mp4
07:52
More details
User Reviews
Rating
average 0
Focused display
PacktPub
View courses PacktPubPackt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.
- language english
- Training sessions 77
- duration 8:40:28
- Release Date 2024/03/15
