Shift Nudge - Interface Design Course
https://shiftnudge.com/
Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don't have a design background. Perfect for those wanting to enter or advance in the field.
Typography | Layout Techniques | Choosing Colors | Design Direction | Interface Elements | Real World Tactics
Inside
This course is absolutely jam-packed with all the best information for creating great visual design for interfaces. No fluff, just practical content tailored specifically for interfaces.
10 Lessons • 1h 17m
- Welcome to the Course02:45
- How Everything Works04:25
- Pro-Designer Mindset04:29
- Choosing Design Software05:59
- UX vs. UI06:00
- Design Process Overview16:55
- Using Reference Material24:57
- Quick Keys Fast Workflow03:35
- Organizing Design Projects08:19
- Figma Organization00:00
Typography
11 Lessons • 4h 32m
- Font Size16:44
- Font Weight17:29
- Hierarchy25:42
- Titles & Body31:32
- Callouts17:52
- Truncation36:21
- Text Style Definitions27:53
- Interactive Text25:20
- Combining Text & Element22:59
- Start With System Fonts28:04
- Using Alternate Fonts22:23
Layout
10 Lessons • 4h 47m
- The Box Model24:50
- Grids & Containers28:34
- Implicit Grid23:41
- Negative Space21:54
- Alignment12:40
- Optics vs. Math24:49
- High & Low Density28:18
- Scale, Weight, & Hierarchy22:07
- Affordance19:25
- Interactive Layouts26:22
Color
10 Lessons • 5h 25m
- Color Picking Methods23:17
- Contrast & Accessibility26:57
- Structural vs. Interactive34:53
- First, Second, Third21:46
- Strategic Definitions16:58
- Amount & Modification23:37
- Gradients31:49
- Nifty Shades of Grey14:13
- White & Almost White25:20
- Secrets of Dark UI14:38
Style
10 Lessons • 5h 06m
- Design Direction27:32
- Subtlety is Key19:59
- Corner Radius36:34
- Borders & Dividers31:15
- Depth, Lighting and Shadow27:30
- Opacity & Blur24:18
- Deconstructing Styles73:08
- Button Styles23:04
- Marketing Site Style21:41
- Form vs. Function21:53
Imagery
11 Lessons • 3h 08m
- Imagery Overview11:46
- Static Images21:48
- To Rasterize or Not12:38
- Dynamic Images19:30
- Blend Modes18:23
- Photo Manipulation26:46
- Resourceful Assets17:42
- Creating Icons24:01
- Using Icons25:20
- Simple Illustrations29:32
- App Icons12:45
Elements
11 Lessons • 3h 14m
- Introduction01:34
- Navigation23:42
- User Input12:52
- Forms33:52
- Profile18:38
- Settings16:52
- Lists & Cards15:49
- Detail Screens12:51
- Sorting & Filtering18:58
- Modals13:58
- Tables27:14
- Design Systems41:29
Tactics
12 Lessons • 3h 25m
- No-stress Experiments18:21
- Low-Fidelity Designs16:40
- Mobile-First Responsive38:39
- iOS Design23:42
- Material Design09:50
- Design Doc Organization22:28
- Leading Design Reviews20:07
- Prototyping01:11
- Developer Handoff17:22
- Pricing & Getting Work24:39
- Bonus: Figma Variants16:43
Critique Vault
1000+ reviews
- Get Started250+ Videos
- Typography300+ Videos
- Layout200+ Videos
- Color50+ Videos
- Style
