-
1. Course Overview.
01:42
-
2. About the Instructor.
00:39
-
3. How To Use This Course To Gain The Maximum Form Our Teachings.
05:16
-
1. ZILCH The Poetic Tale of A Marketer With No Brains.
04:26
-
2. What Grandma Told You… It Ain’t Necessarily So!.
26:30
-
1. Intro to Typography Course.
04:40
-
11. Optimal Line-Length for Web and Mobile.
03:15
-
12. Which text alignment for what purpose .
04:55
-
13. Line-Height (Leading).
06:40
-
14. Letter Spacing (Kerning).
04:47
-
15. Tracking in Typography.
08:56
-
17. EXERCISE Designing Awesome Article Page in Photoshop.
10:59
-
2. How this course has been laid out → Headshot video.
05:09
-
3. What are Fonts, Font Families and Font Styles.
06:36
-
4. Typography Terms & Anatomy.
06:45
-
7. Type Classification – Old and Transitional.
05:35
-
8. Type Classification – Modern, Sans-serif, Script.
02:32
-
1. Sketch Download and Install On Mac and PC.
06:24
-
10. Ruler, Guide, Smart Guide of Sketch.
10:45
-
11. Text, Text Style and Text Curve of Sketch.
09:36
-
12. Image Editing, Mask, Rotate Copies and Symbol of Sketch.
08:45
-
13. Plugins Of Sketch. (Installing and work with Plugin).
04:53
-
14. Mirror OF Sketch (Using iOS Devise and Browser to Preview the Design).
08:33
-
15. Saving and Exporting Assets of Sketch.
08:33
-
2. Sketch App overview.
09:12
-
3. Artboard and Pages of Sketch.
10:21
-
4. Layer of Sketch.
07:48
-
5. Layer Style of Sketch.
14:18
-
6. Shapes of Sketch.
08:18
-
7. Editing The Shape of Sketch.
09:23
-
8. Selection, Transform And Scissors of Sketch.
14:30
-
9. Boolean, Vector Path and Pencil of Sketch.
06:21
-
1. Fresh & Juicy Design Exercise – Preperations.
03:26
-
3. Fresh & Juicy Design Exercise – Part 1
15:58
-
4. Fresh & Juicy Design Exercise – Part 2.
12:03
-
1. Placing Statusbar, Topbar Icon of Profile Screen For Snapchat.
10:21
-
2. Snapchat Logo, Profile Image and User name of Profile Screen For Snapchat
08:52
-
3. Profile Menu with Icon and Camera Icon of Profile Screen For Snapchat.
11:31
-
4. Navigation and Six Rectangle Shape of Discover Screen For Snapchat.
09:31
-
5. Placing Image, Text and Color on First 3 Shapes of Discover Screen For Snapchat.
11:24
-
6. Placing Image, Text and Color on Last 3 Shapes of Discover Screen For Snapchat
13:40
-
7. Topbar, Resize and placing 4 News Stream of Stories Screen For Snapchat.
15:25
-
8. Recent Updates Text and Shape of Stories Screen For Snapchat.
14:43
-
9. More Updates, Scrolling Opacity and Few Icons of Stories Screen For Snapchat.
13:52
-
1. Understanding IOS Screen Sizes and Point sizes for Typography.
05:24
-
10. Exercise Design Simple Blog Post for Multiple Android Screen Sizes.
08:30
-
2. IOS Font Sizes and Specifications.
03:22
-
5. Exercise Design Blog Post for Iphone 1x, 2x and 3x screens in Photoshop.
13:58
-
6. Student Question 1X and 2X Resolution IOS Font Sizing Problems.
13:56
-
7. Connecting (Mirroring) Photoshop to Iphone Screen while designing.
05:04
-
8. Android Typography Specifications – What are SP font Sizes and DPI.
04:16
-
1. Topbar and Searching Ray of Search Screen For Tinder.
15:18
-
2. Refresh, Nope, Like and Super Like Icon of Search Screen For Tinder.
15:12
-
3. Browse Screen of Tinder
13:31
-
4. Like Screen Of Tinder.
11:24
-
5. Nope or Dislike Screen of Tinder.
08:06
-
6. Challenge of Tinder Design For You.
01:16
-
7. Solution of Tinder Challenge.
07:33
-
8. Navigation bar, Message Shape and Text of Message Screen For Tinder.
16:23
-
9. Send Message bar, Message Text and Keyboard of Message Screen For Tinder.
16:42
-
1. Using Google fonts Pros and Cons.
03:36
-
10. Vertical Rhythm & Typography Scales with Boostrap.
12:33
-
11. Dont use TypeScale Online tool (use gridlover instead).
02:23
-
2. Using Premium Fonts Pros and Cons with guide to purchasing them.
05:38
-
3. Introduction to CSS font-size units
02:37
-
4. What is em font-size unit.
08:11
-
5. What is Percentage % font-size.
04:16
-
6. What is VW font-size.
04:09
-
7. What is rem font size
04:35
-
8. How Vertical Rhythm works in CSS.
00:00
-
9. CODE Exercise Using Vertical Rhythm with Gridlover tool.
08:05
-
1. Topbar, Live Stream video, Button and Text for Live Feed Screen Of Periscope.
17:15
-
2. More Live Stream video, Icon, Button and Text for Live Feed Screen Of Periscope.
14:03
-
3. Camera Card, Blur Image, Round Image of Camera Screen For Periscope..
17:02
-
4. Enable Camera, Mic, Location Button and Text of Camera Screen For Periscope.
16:24
-
5. Profile card, Image and text description of Profile Screen For Periscope.
10:37
-
6. Following, Follower, Blocked and Broadcast stats of Profile Screen of Periscope.
15:39
-
1. Responsive Typograhy Introduction.
06:55
-
2. Percentage font-size for Responsive Typography.
11:39
-
3. Different Typographic Scales for Responsive Typography.
09:44
-
1. Download, Install and Overview Principle For Mac.
02:23
-
2. Animation and Transition of Principle For Mac.
09:59
-
3. Interface Of Principle For Mac.
07:44
-
4. Importing From Sketch and Photoshop to Principle For Mac.
03:48
-
5. Saving and Sharing Prototype of Principle For Mac.
02:30
-
1. What are Color Fonts.
00:00
-
2. What are Variable Fonts.
07:52
-
3. What to do NEXT.
00:38
-
1. Page Walkthrough of AirBnB App Prototype in Principle.
05:54
-
2. Scrolling Recipe App Prototype in Principle.
00:00
-
3. Challenge for You in Principle.
01:09
-
4. Solution of Challenge Animate Menubar in Principle.
07:08
-
5. Driver Panel of Principle.
12:44
-
1. Download and Installing Flinto.
02:32
-
2. Flinto Interface and Setting Up a Project.
06:48
-
2. Flinto Interface and Setting Up a Project
05:52
-
3. Importing Asset from Sketch to Flinto.
04:31
-
4. Basic Transition and Gesture in Flinto.
07:08
-
5. Transition Between Screen in Flinto.
07:01
-
6. Preview Spring Animation, Scroll and delete link in Flinto.
04:36
-
7. Complete App Interaction and Prototype in Flinto.
07:33
-
8. Saving and Sharing Prototype of App in Flinto.
03:33
-
1. Invision App Overview.
03:11
-
2. Dashboard Overview and Uploading Screens in Invision.
06:27
-
3. Vine App Prototype in Invision.
11:49
-
4. Challenge to Prototype Groupon App by Invision.
01:29
-
5. Solution of Groupon App Prototype by Invision.
06:21
-
6. Downloading Interactive app Prototype Offline and Preview.
02:46
-
1. After Effects Download and Install.
01:18
-
2. User Interface of After Effects.
09:13
-
3. Composition in After Effects.
00:00
-
4. Basic animation in After Effects.
09:20
-
5. More About Animation, Keyframe, Easy Ease in After Effects.
06:17
-
6. Applying Effects and Layer Expression in After Effects.
07:32
-
7. Scaling Shapes And Placing Anchor Point in After Effects.
05:14
-
1. Import PSD file, Animate Numbers of Fitness App by After Effects
10:12
-
2. Animate Circles with Radial Wipe, Apply Gradient and Numbers Bump of Fitness App.
15:07
-
3. Fade in, Adding Phone Mockup and Rendering Video of Fitness App by After Effects.
12:21
-
4. Import PSD and Animate The Chart of Fitness App by After Effects.
11:38
-
5. Fade in Effects, Delay and Bump Effects of Fitness App by After Effects.
10:31
-
6. A Challenge For You To Animate Number, Fad In and Bumps.
01:27
-
7. The Solution – Increase Composition Time and Fade In by After Effects.
11:10
-
8. The Solution – Numbers Animation and Rendering by After Effects.
14:55
-
1. The $534.52 Ding & 25 Categories of Marketing.
29:10
-
1. Hyphen, en & em dash usage → Student Request Lecture.
00:00
-
2. Using Quotation marks properly → Student Request Lecture.
02:52
-
1. Download Photoshop CC and Tweak Preference for Mac and PC.
08:41
-
10. Pen Tool of Photoshop CC.
04:25
-
11. Gradient of Photoshop CC.
07:13
-
12. Type Tool of Photoshop CC.
06:09
-
13. Smart Object, Blur and clipping mask of Photoshop CC.
07:00
-
14. Save and Export of Photoshop CC.
08:34
-
2. Overview of Photoshop CC.
06:07
-
3. Layer of Photoshop CC.
14:35
-
4. Move and Alignment of Photoshop CC.
04:28
-
5. Layer Style of Photoshop CC.
11:49
-
6. Vector Shape of Photoshop CC
18:02
-
7. Guide and Smart Guide in Photoshop CC.
09:14
-
8. Artboard of Photoshop CC.
08:33
-
9. Path Selection and Direct selection of Photoshop CC.
03:21
-
1. Location Icon.
02:54
-
2. Back Icon.
02:20
-
3. Love or Heart Icon.
02:53
-
4. E-mail Icon.
03:25
-
5. Search Icon.
01:45
-
1. Design 3 App Store Icon.
00:00
-
2. Music App Icon by Sketch App.
06:52
-
1. Design (GUI) Graphic User Interface.
07:48
-
2. Dashboard Analytics of Mobile App in Sketch.
35:07
-
1. How to Earn $100000 As Freelance UIUX Designer on Upwork.com.
00:00
-
2. How to Earn From Freelancer.com as UIUX Designer..
02:30
-
3. How to Earn Money from 99designs.com as a UIUX designer..
08:52
-
4. Create a Portfolio on Behance.net and on Dribbble.com and Get hired from There..
08:51
-
5. How to Earn Money From fiverr.com as a UIUX Designer..
03:26
-
1. The Zero Cost Squeeze Page (Landing Page).
14:17
-
1. Color Theory.
05:08
-
2. The Art of Color Scheme Combination for UIUX design.
09:10
-
3. All About Hue, Saturation and Value.
06:46
-
4. The Psychology of Color.
05:34
-
1. Roles of Typefaces.
00:00
-
10. Using Modular Grid for Designing Web, Mobile Layout.
11:08
-
2. Typographic Scales for hierarchy.
03:00
-
3. Online Tools for Typographic Scales.
05:28
-
4. Student Question → How to extend Modular Scale to apply in Responsive Design.
06:56
-
6. How many Levels of Typographic Hierarchy do I need.
03:14
-
7. Vertical Rhythm and Spacing.
05:43
-
8. Vertical Rhythm in Adobe Photoshop.
07:02
-
9. DESIGN Exercise Typographic Scales, Making and Breaking Vertical Rhythm.
12:04
-
1. Zero Cost Mobile Marketing.
23:33
-
1. Preparing Modular and Baseline Grid in Photoshop.
10:45
-
2. Blog Design 1st Design with Modular Grid.
16:21
-
3. Blog Design 2nd Design Iteration with Modular Grid.
10:02
-
4. Blog Design 2nd Design Refinements.
03:10
-
5. Blog Design 3rd Design Layout with Modular Grid.
09:31
-
1. What is Typography.
03:56
-
2. The Fundamental of Typography
02:35
-
3. Best Free Fonts Resourses.
03:19
-
4. Get the Best Font for Your Mobile App.
02:30
-
5. What Fonts Top Apps Uses.
03:42
-
1. From Zero to Zillions, One Email at a Time.
14:22
-
1. How many fonts to select.
05:18
-
2. Training your eye for Moods or Voice of Typefaces.
12:42
-
3. Effect of Color on Typeface Mood (Voice).
03:57
-
1. Learn Balsamiq from Scratch.
09:40
-
2. Wireframe a Profile screen of Facebook Messenger by Balsamiq.
08:01
-
3. Wireframe Bottom bar of Profile Screen of Facebook Messenger by Balsamiq.
02:34
-
4. Wireframe People screen of Facebook Messenger by Balsamiq.
09:14
-
5. Wireframe Topbar of Chat screen of Facebook Messenger by Balsamiq.
10:03
-
6. Wireframe Bottom bar of Chat screen of Facebook Messenger by Balsamiq.
09:38
-
7. Wireframe Group screen of Facebook Messenger by Balsamiq.
00:00
-
1. Topbar of Groups screen of Facebook Messenger.
09:37
-
10. Topbar and Search bar of Profile Screen of Facebook Messenger.
13:04
-
11. Username, Phone number and Notification of Profile Screen of Facebook Messenger.
11:34
-
12. Username Icon and organize Layer of Profile Screen of Facebook Messenge.
09:00
-
13. Phone Icon, Notification Icon and Bottombar of Profile Screen.
14:52
-
2. Group Menu of Group Screen of Facebook Messenger..
14:23
-
3. Three more Group Menu of Group Screen of Facebook Messenger.
14:10
-
4. Bottom bar of Group Screen of Facebook Messenger.
15:10
-
5. Topbar, Search bar and Button of People screen of Facebook Messenger.
19:06
-
6. Contact list of People Screen of Facebook Messenger.
17:51
-
7. Topbar of Chat Screen of Facebook Messenger.
13:06
-
8. Text Message Between the User of Chat Screen of Facebook Messenger.
19:45
-
9. Message Input Bar of Chat Screen Of Facebook Messenger.
13:47
-
1. Basic Principles of Font Pairing.
03:49
-
2. Pairing fonts from Same Designer + Using Mega Font Families.
05:15
-
3. Matching Fonts with X-Height.
05:28
-
4. Using Contrast to Pair Fonts.
07:47
-
5. Look for Similar Features while Font Pairing.
10:04
-
6. Avoid too much similarity between Fonts.
04:16
-
7. Online Tools for Font Pairing.
05:32
-
1. PART 1 Summing it all up (in exhaustive detail).
30:38
-
2. PART 2 The Journey Has Just Begun….
15:32
-
1. Using Bold, Italic & Capitalize for Variation in Type
03:30
-
2. Variation using Line-Height and Letter-Spacing.
03:38
-
3. Variation using Colors in Type.
02:58
-
4. Variation using Reverse Colors in Type.
03:02
-
1. Topbar, Profile image and Description of Others Profile Screen for Pinterest..
16:35
-
10. Changing More Image and Placing Bottom bar of Feed Screen for Pinterest.
10:34
-
2. Statistics and Image gallery Shape of Others Profile Screen for Pinterest..
14:26
-
3. Profile Image gallery and Bottom bar of Others Profile Screen for Pinterest..
17:32
-
4. Searchbar and Profile Image of My Profile Screen for Pinterest..
13:45
-
5. Stats and Image gallery Shape of My Profile Screen for Pinterest..
16:50
-
6. Replacing Image & bottom bar of My Profile Screen for Pinterest..
18:52
-
7. Design Navigation and Shapes of Feed Screen for Pinterest.
13:58
-
8. All The Feed with Shapes, Image and Text of Feed Screen for Pinterest.m
12:57
-
9. Change Image and Text of Feed Screen for Pinterest.
19:50
-
1. Tech Company Web Design (Preperations).
05:00
-
2. Tech Company Web Design (Part 1).
16:20
-
3. Tech Company Web Design (Part 2).
15:31
-
4. Userable Web Design Intro (Preperations).
03:52
-
5. Userable Web Design (Part 1) → Chainging Fonts to change theme.
07:42
-
6. Userable Web Design (Part 2) → Spacing & White space fine tuning.
05:34
-
1. Topbar, Profile Image and Displaying Image of Image Feed Screen for Instagram.
14:06
-
2. Comment, like, share icon and counting of Image Feed Screen for Instagram.
08:09
-
3. Bottom Bar and Icon of Image Feed Screen for Instagram.
13:31
-
4. Topbar, Profile image & Statistics of Profile Screen for Instagram.
17:12
-
5. Gallery Icon & Image Gallery Shape of Profile Image for Instagram
18:28
-
6. Clipping Image in The Image Gallery of Profile Image for Instagram.
13:38
-
7. Design Challenge of Instagram Other User Profile for Instagram.
01:31
-
8. Solution of Challenge Design button, Topbar and Text.
12:31
-
9. Solution of Challenge Design Icon and Replace Images.
15:31
-
1. Exercise Social Media Ad → Gathering Resources.
03:59
-
3. Exercise Social Media Ad Design → Part 1.
06:38
-
4. Exercise Social Media Ad Design → Part 2
14:26
-
5. Exercise Social Media Ad Design → Final touches.
02:54
-
1. Navigation, Adding Place and Map of Uber Confirmation Screen for Ube
15:43
-
2. Transparent Message, Placing Pin and Shape of Uber Confirmation for Uber.
16:00
-
3. Payment, Fare, Promo and Request VIP button of Uber Confirmation For Uber.
17:04
-
4. Translucent Side Menu, Profile image and Description of Uber Profile For Uber.
17:26
-
5. Placing Icon and Icon Description in Side Menu of Uber Profile For Uber.
17:48
-
6. Replacing Icon and Text Description in Side Menu of Uber Profile For Uber.
13:40
