CourseFlix

Shift Nudge – Interface Design Course (PRO packet)

105h 34m 18s
English
Paid

Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don't have a design background, even if you're not an expert, even if you have no idea where to start.

Shift Nudge

This course is absolutely jam-packed with all the best information for creating great visual design for interfaces. It's everything good about art school without the fluff and tailored specifically for digital interfaces.

How it works

Shift Nudge is the system I’ve personally used for over 15+ years, for clients big and small, across dozens of industries, and now hundreds of paying customers have too. It covers the entire design process for creating beautiful interfaces.

Is this course right for me?

This course is right for anyone who actually wants to get better at creating beautiful interfaces. Take a look at the list below, each of these types of people have gone through the course and found it super valuable.

What about my own unique and super specific situation?

Here’s the bottom line. If you want to improve your UI skills, then this course will help, period. There’s not really a special situation that would disqualify you from learning and becoming better.

Chances are if you need to ask a super specific question, it’s possible that you don’t believe it will help and you want me to convince you. If that’s you, then I encourage you to join and see what all the hype is about and if it turns out you don’t like it within 30 days, you can get a full refund.

I’ve had lots of people join who were initially skeptical and they ended up loving the course—many of the people you see here giving testimonies on the site were in that same position. 

Shift Nudge will work for brand new designers, veteran designers, busy professionals, international students, men, women, experienced designers, first-time beginners, and every one in between. People from all different types of life situations have had success with the program.

This course exists for current or future practitioners who want higher-education, design-school level curriculum, without the hefty price tag or time commitment of big universities or expensive bootcamps.

Especially now that online-learning seems to be the new normal for everyone, I want you to have access to the absolute best possible material available on the subject.

Additional

  • Lesson 1-84 -  Core + Pro
  • Lesson 85-679 - Critique Vault

About the Author: Matt D. Smith (Shift Nudge)

Matt D. Smith (Shift Nudge) thumbnail

Matt D. Smith publishes Shift Nudge — a paid interface-design course that has become one of the most highly-regarded resources in the modern UI / product-design education market. The course focuses on the visual craft of interface design at the level of pixels, type, and color.

His CourseFlix listing carries the Shift Nudge course. Material is paid and aimed at designers and developers ready to take the visual craft of interface design as a deliberate skill.

Watch Online 679 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 679 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Welcome to the Course
All Course Lessons (679)
#Lesson TitleDurationAccess
1
Welcome to the Course Demo
02:45
2
How Everything Works
04:26
3
Pro Designer Mindset
04:29
4
Choosing Design Software
05:59
5
UX vs. UI
06:01
6
Design Process Overview
16:56
7
Using Reference Material
24:58
8
Quick Keys for a Fast Workflow
03:36
9
Organizing Design Projects
08:20
10
Figma Organization
13:31
11
Font Size
16:44
12
Font Weight
17:30
13
Hierarchy
25:42
14
Titles & Body
31:32
15
Callouts
17:52
16
Truncation
36:21
17
Text Style Definitions
27:53
18
Interactive Text
25:20
19
Combining Text and Elements
20:06
20
Starting with System Fonts
07:59
21
Choosing and Using Alternate Fonts
22:23
22
The Box Model
24:51
23
Grids & Containers
28:34
24
Implicit Grid
23:41
25
Negative Space
21:54
26
Alignment
12:41
27
Optical vs. Mathematical Alignment
24:50
28
High & Low Density
28:18
29
Scale, Weight, & Hierarchy
22:07
30
Affordance
19:25
31
Interactive Layouts
26:23
32
Color Picking Methods
23:18
33
Color Contrast & Accessibility
26:58
34
Structural vs. Interactive Colors
34:53
35
Primary, Secondary, & Tertiary
21:47
36
Strategic Color Definitions
16:58
37
Color Amount & Modification
23:38
38
Gradients
31:49
39
Nifty Shades of Grey
14:13
40
White & Almost White
25:20
41
Secrets of Dark UI
14:39
42
Design Direction
27:33
43
Subtlety is Key
19:59
44
Corner Radius
36:34
45
Borders & Dividers
31:16
46
Depth, Lighting & Shadow
27:31
47
Opacity & Blur
24:19
48
Deconstructing Styles
01:10
49
Button Styles
23:05
50
Marketing Site Style
21:41
51
Form vs. Function
21:54
52
Imagery Overview
11:47
53
Static Images
21:49
54
To Rasterize or Not
12:39
55
Dynamic Images
19:30
56
Blend Modes
18:24
57
Photo Manipulation
26:47
58
Resourceful Asset Collection
17:42
59
Creating Icons
24:01
60
Using Icons
25:20
61
Simple Illustrations
29:32
62
App Icons
12:45
63
Introduction
01:34
64
Navigation
23:43
65
User Input
12:52
66
Forms
33:52
67
Profile
18:38
68
Settings
16:26
69
Lists & Cards
15:50
70
List в†’ Detail
12:51
71
Sorting & Filtering
18:58
72
Modals
13:58
73
Tables
27:15
74
Design Systems
41:29
75
No-stress Design Experiments
18:22
76
Low-Fidelity Designs
16:41
77
Mobile-First Responsive
38:39
78
iOS Design
23:43
79
Material Design
09:50
80
Design Doc Organization
22:29
81
Leading Design Reviews
20:08
82
Prototyping
01:11
83
Developer Handoff
17:22
84
Pricing & Getting Work
24:39
85
HW – Contact Cards
14:34
86
HW – Contact Cards
11:39
87
HW – Contact Cards
02:47
88
HW – Contact Cards
04:44
89
HW – Contact Cards
04:25
90
HW – Contact Cards
02:52
91
HW – Contact Cards
06:58
92
HW – Contact Cards
09:57
93
HW – Contact Cards
03:00
94
HW – Contact Cards
04:33
95
HW – Contact Cards
05:49
96
HW – Contact Cards
11:05
97
HW – Contact Cards
07:21
98
HW – Contact Cards
08:56
99
HW – Contact Cards
06:02
100
HW – Contact Cards
11:49
101
HW – Contact Cards
13:07
102
HW – Contact Cards
02:06
103
HW – Contact Cards
04:11
104
HW – Contact Cards
01:21
105
HW – Contact Cards
05:46
106
HW – Contact Cards
02:17
107
HW – Contact Cards
07:21
108
HW – Contact Cards
03:05
109
HW – Contact Cards
04:37
110
HW – Contact Cards
06:42
111
HW – Contact Cards
02:52
112
HW – Contact Cards
02:50
113
HW – Contact Cards
03:49
114
HW – Contact Cards
09:57
115
HW – Contact Cards
07:42
116
HW – Contact Cards
03:12
117
HW – Contact Cards
08:09
118
HW – Contact Cards
14:31
119
HW – Contact Cards
01:40
120
HW – Contact Cards
04:45
121
HW – Contact Cards
03:05
122
HW – Contact Cards
06:25
123
HW – Contact Cards
03:13
124
HW – Contact Cards
11:27
125
HW – Contact Cards
05:44
126
HW – Contact Cards
09:19
127
HW – Contact Cards
04:06
128
HW – Contact Cards
04:52
129
HW – Contact Cards
01:25
130
HW – Contact Cards
05:21
131
HW – Contact Cards
03:57
132
HW – Contact Cards
04:24
133
HW – Contact Cards
03:25
134
HW – Contact Cards
02:38
135
HW – Contact Cards
14:56
136
HW – Contact Cards
08:03
137
HW – Contact Cards
05:53
138
HW – Contact Cards
02:29
139
HW – Contact Cards
02:40
140
HW – Contact Cards
03:36
141
HW – Contact Cards
02:33
142
HW – Contact Cards
05:22
143
HW – Contact Cards
04:29
144
HW – Contact Cards
03:32
145
HW – Contact Cards
03:53
146
HW – Contact Cards
04:08
147
HW – Contact Cards
04:15
148
HW – Contact Cards
02:42
149
HW – Contact Cards
03:41
150
HW – Contact Cards
09:03
151
HW – Contact Cards
04:38
152
HW – Contact Cards
07:28
153
HW – Contact Cards
11:57
154
HW – Contact Cards
03:18
155
HW – Contact Cards
07:33
156
HW – Contact Cards
06:21
157
HW – Contact Cards
11:51
158
HW – Contact Cards
03:16
159
HW – Contact Cards
03:58
160
HW – Using Reference Material
09:45
161
HW – Using Reference Material
10:12
162
HW – Using Reference Material
03:29
163
HW – Using Reference Material
10:58
164
HW – Using Reference Material
05:02
165
HW – Using Reference Material
04:53
166
HW – Using Reference Material
11:17
167
HW – Using Reference Material
10:13
168
HW – Using Reference Material
03:55
169
HW – Using Reference Material
03:47
170
HW – Using Reference Material
08:10
171
HW – Using Reference Material
06:21
172
HW – Using Reference Material
02:56
173
HW – Using Reference Material
03:02
174
HW – Using Reference Material
02:29
175
HW – Using Reference Material
02:16
176
HW – Using Reference Material
02:26
177
HW – Using Reference Material
01:36
178
HW – Using Reference Material
02:31
179
HW – Using Reference Material
01:26
180
HW – Using Reference Material
02:31
181
HW – Using Reference Material
02:36
182
HW – Using Reference Material
04:03
183
HW – Using Reference Material
02:26
184
HW – Using Reference Material
02:26
185
HW – Using Reference Material
02:21
186
HW – Using Reference Material
02:26
187
HW – Using Reference Material
04:51
188
HW – Using Reference Material
06:56
189
HW – Using Reference Material
05:06
190
HW – Using Reference Material
05:05
191
HW – Using Reference Material
08:45
192
HW – Using Reference Material
03:44
193
HW – UX vs UIl
02:41
194
HW – UX vs UIl
04:10
195
HW – UX vs UIl
02:37
196
HW – UX vs UIl
04:19
197
HW – UX vs UIl
01:29
198
HW – UX vs UIl
02:18
199
HW – UX vs UIl
05:28
200
HW – UX vs UIl
02:34
201
HW – UX vs UIl
02:38
202
HW – UX vs UIl
03:42
203
HW – UX vs UIl
01:51
204
HW – UX vs UIl
02:43
205
HW – UX vs UIl
02:33
206
HW – UX vs UIl
01:19
207
HW – UX vs UIl
02:31
208
HW – UX vs UIl
02:06
209
HW – UX vs UIl
01:39
210
HW – UX vs UIl
01:20
211
HW – UX vs UIl
02:46
212
HW – UX vs UIl
02:08
213
HW – UX vs UIl
02:00
214
HW – Design Process
01:36
215
HW – Design Process
00:11
216
HW – Font Size
07:20
217
HW – Font Size
04:18
218
HW – Font Size
08:59
219
HW – Font Size
07:36
220
HW – Font Size
09:00
221
HW – Font Size
08:10
222
HW – Font Size
10:56
223
HW – Font Size
15:05
224
HW – Font Size
03:41
225
HW – Font Size
05:19
226
HW – Font Size
09:52
227
HW – Font Size
03:55
228
HW – Font Size
06:08
229
HW – Font Size
06:13
230
HW – Font Size
17:59
231
HW – Font Size
04:45
232
HW – Font Size
05:42
233
HW – Font Size
13:45
234
HW – Font Size
08:23
235
HW – Font Size
08:06
236
HW – Font Size
05:48
237
HW – Font Size
04:45
238
HW – Font Size
05:12
239
HW – Font Size
08:44
240
HW – Font Size
09:15
241
HW – Font Size
03:55
242
HW – Font Size
08:46
243
HW – Font Size
05:34
244
HW – Font Size
06:35
245
HW – Font Size
03:27
246
HW – Font Size
19:16
247
HW – Font Size
06:30
248
HW – Font Size
06:38
249
HW – Font Size
06:52
250
HW – Font Size
04:31
251
HW – Font Size
15:16
252
HW – Font Size
19:16
253
HW – Font Size
04:46
254
HW – Font Size
03:43
255
HW – Font Size
07:20
256
HW – Font Size
15:06
257
HW – Font Size
05:56
258
HW – Font Size
07:49
259
HW – Font Size
05:16
260
HW – Font Size
11:43
261
HW – Font Size
06:20
262
HW – Font Size
05:38
263
HW – Font Size
07:20
264
HW – Font Size
05:02
265
HW – Font Size
09:09
266
HW – Font Size
07:49
267
HW – Font Size
03:24
268
HW – Font Size
05:46
269
HW – Font Size
13:54
270
HW – Font Size
11:56
271
HW – Font Size
05:04
272
HW – Font Size
07:26
273
HW – Font Size
07:20
274
HW – Font Size
09:46
275
HW – Font Size
03:43
276
HW – Font Size
08:04
277
HW – Font Size
10:21
278
HW – Font Size
05:23
279
HW – Font Size
04:14
280
HW – Font Size
06:42
281
HW – Font Size
14:38
282
HW – Font Weight
03:45
283
HW – Font Weight
03:54
284
HW – Font Weight
04:59
285
HW – Font Weight
20:38
286
HW – Font Weight
07:10
287
HW – Font Weight
05:57
288
HW – Font Weight
07:22
289
HW – Font Weight
06:39
290
HW – Font Weight
03:47
291
HW – Font Weight
02:06
292
HW – Font Weight
09:40
293
HW – Font Weight
04:43
294
HW – Font Weight
05:19
295
HW – Font Weight
09:24
296
HW – Font Weight
09:17
297
HW – Font Weight
03:45
298
HW – Font Weight
07:06
299
HW – Font Weight
07:19
300
HW – Font Weight
02:26
301
HW – Font Weight
03:29
302
HW – Font Weight
05:19
303
HW – Font Weight
02:48
304
HW – Font Weight
02:25
305
HW – Font Weight
02:00
306
HW – Font Weight
05:12
307
HW – Font Weight
24:02
308
HW – Font Weight
04:08
309
HW – Font Weight
06:28
310
HW – Hierarchy
06:59
311
HW – Hierarchy
22:52
312
HW – Hierarchy
06:20
313
HW – Hierarchy
10:37
314
HW – Hierarchy
05:41
315
HW – Hierarchy
11:04
316
HW – Hierarchy
06:39
317
HW – Hierarchy
05:00
318
HW – Hierarchy
07:51
319
HW – Hierarchy
19:05
320
HW – Hierarchy
12:32
321
HW – Hierarchy
04:01
322
HW – Hierarchy
09:06
323
HW – Hierarchy
09:35
324
HW – Hierarchy
03:44
325
HW – Hierarchy
07:24
326
HW – Hierarchy
04:30
327
HW – Hierarchy
07:08
328
HW – Hierarchy
08:48
329
HW – Hierarchy
05:01
330
HW – Hierarchy
21:00
331
HW – Hierarchy
06:05
332
HW – Hierarchy
03:33
333
HW – Hierarchy
11:23
334
HW – Hierarchy
10:21
335
HW – Hierarchy
09:00
336
HW – Hierarchy
07:19
337
HW – Hierarchy
04:03
338
HW – Hierarchy
05:20
339
HW – Hierarchy
07:43
340
HW – Hierarchy
06:51
341
HW – Hierarchy
06:04
342
HW – Hierarchy
12:39
343
HW – Hierarchy
03:42
344
HW – Hierarchy
04:46
345
HW – Hierarchy
18:33
346
HW – Hierarchy
04:50
347
HW – Hierarchy
11:22
348
HW – Hierarchy
04:46
349
HW – Hierarchy
12:52
350
HW – Hierarchy
02:52
351
HW – Hierarchy
11:22
352
HW – Hierarchy
08:13
353
HW – Hierarchy
07:20
354
HW – Hierarchy
08:09
355
HW – Hierarchy
13:43
356
HW – Hierarchy
05:32
357
HW – Hierarchy
08:52
358
HW – Titles & Body
03:34
359
HW – Titles & Body
04:48
360
HW – Titles & Body
07:22
361
HW – Titles & Body
07:23
362
HW – Titles & Body
12:32
363
HW – Titles & Body
04:33
364
HW – Titles & Body
14:12
365
HW – Titles & Body
07:03
366
HW – Titles & Body
16:11
367
HW – Titles & Body
02:46
368
HW – Titles & Body
09:32
369
HW – Titles & Body
08:11
370
HW – Titles & Body
12:00
371
HW – Titles & Body
06:16
372
HW – Titles & Body
10:37
373
HW – Titles & Body
04:06
374
HW – Titles & Body
16:27
375
HW – Titles & Body
13:22
376
HW – Titles & Body
11:02
377
HW – Titles & Body
06:03
378
HW – Titles & Body
11:29
379
HW – Titles & Body
03:34
380
HW – Titles & Body
03:41
381
HW – Titles & Body
05:15
382
HW – Titles & Body
08:14
383
HW – Titles & Body
06:25
384
HW – Titles & Body
06:42
385
HW – Titles & Body
09:01
386
HW – Callouts
06:05
387
HW – Callouts
07:16
388
HW – Callouts
11:49
389
HW – Callouts
14:53
390
HW – Callouts
14:22
391
HW – Callouts
12:02
392
HW – Callouts
09:24
393
HW – Callouts
14:41
394
HW – Callouts
08:00
395
HW – Callouts
04:07
396
HW – Callouts
06:17
397
HW – Callouts
04:50
398
HW – Callouts
17:04
399
HW – Callouts
04:07
400
HW – Callouts
09:45
401
HW – Callouts
06:17
402
HW – Callouts
12:35
403
HW – Callouts
09:01
404
HW – Callouts
07:26
405
HW – Callouts
11:36
406
HW – Callouts
08:34
407
HW – Callouts
15:34
408
HW – Callouts
06:54
409
HW – Callouts
11:24
410
HW – Callouts
14:21
411
HW – Callouts
18:47
412
HW – Callouts
07:07
413
HW – Callouts
04:42
414
HW – Truncation
05:46
415
HW – Truncation
04:40
416
HW – Truncation
07:48
417
HW – Truncation
01:33
418
HW – Truncation
03:09
419
HW – Truncation
15:19
420
HW – Truncation
14:30
421
HW – Text Style Definitions
03:35
422
HW – Text Style Definitions
04:04
423
HW – Text Style Definitions
06:59
424
HW – Text Style Definitions
23:54
425
HW – Text Style Definitions
06:41
426
HW – Text Style Definitions
06:21
427
HW – Text Style Definitions
06:53
428
HW – Text Style Definitions
09:05
429
HW – Text Style Definitions
05:25
430
HW – Text Style Definitions
04:35
431
HW – Text Style Definitions
05:37
432
HW – Text Style Definitions
17:30
433
HW – Text Style Definitions
05:56
434
HW – Text Style Definitions
12:51
435
HW – Text Style Definitions
09:09
436
HW – Text Style Definitions
10:00
437
HW – Text Style Definitions
06:20
438
HW – Text Style Definitions
05:39
439
HW – Text Style Definitions
07:05
440
HW – Text Style Definitions
09:47
441
HW – Text Style Definitions
17:15
442
HW – Text Style Definitions
09:02
443
HW – Interactive Text
08:36
444
HW – Interactive Text
13:06
445
HW – Interactive Text
09:14
446
HW – Interactive Text
04:04
447
HW – Interactive Text
05:12
448
HW – Interactive Text
27:52
449
HW – Interactive Text
06:44
450
HW – Interactive Text
03:29
451
HW – Interactive Text
04:29
452
HW – Interactive Text
06:40
453
HW – Interactive Text
10:44
454
HW – Interactive Text
08:11
455
HW – Interactive Text
10:47
456
HW – Interactive Text
12:59
457
HW – Interactive Text
19:09
458
HW – Interactive Text
11:29
459
HW – Interactive Text
05:23
460
HW – Interactive Text
06:44
461
HW – Interactive Text
09:17
462
HW – Interactive Text
05:17
463
HW – Interactive Text
09:41
464
HW – Combining Text & Elementt
15:06
465
HW – Combining Text & Elementt
05:24
466
HW – Combining Text & Elementt
11:47
467
HW – Combining Text & Elementt
03:37
468
HW – Combining Text & Elementt
10:25
469
HW – Combining Text & Elementt
07:49
470
HW – Combining Text & Elementt
12:55
471
HW – Combining Text & Elementt
09:54
472
HW – Combining Text & Elementt
07:06
473
HW – Combining Text & Elementt
06:03
474
HW – Combining Text & Elementt
06:26
475
HW – Combining Text & Elementt
15:14
476
HW – Combining Text & Elementt
04:50
477
HW – Starting with System Fonts
01:17
478
HW – Starting with System Fonts
05:34
479
HW – Starting with System Fonts
05:03
480
HW – Starting with System Fonts
13:16
481
HW – Starting with System Fonts
04:33
482
HW – Starting with System Fonts
10:32
483
HW – Starting with System Fonts
07:55
484
HW – Starting with System Fonts
03:18
485
HW – Starting with System Fonts
05:03
486
HW – Starting with System Fonts
05:41
487
HW – Choosing and Using Alternate Fonts
05:58
488
HW – Choosing and Using Alternate Fonts
04:20
489
HW – Choosing and Using Alternate Fonts
07:27
490
HW – Choosing and Using Alternate Fonts
08:04
491
HW – Choosing and Using Alternate Fonts
05:32
492
HW – Choosing and Using Alternate Fonts
05:44
493
HW – Choosing and Using Alternate Fonts
09:44
494
HW – Choosing and Using Alternate Fonts
05:51
495
HW – Choosing and Using Alternate Fonts
03:48
496
HW – Choosing and Using Alternate Fonts
08:56
497
HW – Choosing and Using Alternate Fonts
04:08
498
HW – Choosing and Using Alternate Fonts
04:53
499
HW – Box Model
06:49
500
HW – Box Model
10:30
501
HW – Box Model
01:56
502
HW – Box Model
06:26
503
HW – Box Model
03:16
504
HW – Box Model
03:55
505
HW – Box Model
05:04
506
HW – Box Model
14:01
507
HW – Box Model
04:08
508
HW – Box Model
03:46
509
HW – Box Model
07:33
510
HW – Box Model
12:01
511
HW – Box Model
03:46
512
HW – Box Model
10:09
513
HW – Box Model
07:37
514
HW – Box Model
04:24
515
HW – Box Model
08:30
516
HW – Grids & Containersl
12:21
517
HW – Grids & Containersl
07:42
518
HW – Grids & Containersl
06:53
519
HW – Grids & Containersl
09:17
520
HW – Grids & Containersl
06:01
521
HW – Grids & Containersl
03:43
522
HW – Grids & Containersl
17:26
523
HW – Grids & Containersl
11:34
524
HW – Grids & Containersl
25:36
525
HW – Grids & Containersl
06:30
526
HW – Grids & Containersl
12:06
527
HW – Grids & Containersl
08:50
528
HW – Grids & Containersl
08:24
529
HW – Negative Spacel
01:35
530
HW – Negative Spacel
03:04
531
HW – Negative Spacel
02:35
532
HW – Implicit Grid
08:55
533
HW – Implicit Grid
11:52
534
HW – Implicit Grid
03:18
535
HW – Implicit Grid
08:36
536
HW – Implicit Grid
10:24
537
HW – Implicit Grid
10:07
538
HW – Implicit Grid
04:48
539
HW – Implicit Grid
04:34
540
HW – Implicit Grid
04:24
541
HW – Implicit Grid
02:55
542
HW – Implicit Grid
04:59
543
HW – Implicit Grid
14:07
544
HW – Alignment
12:17
545
HW – Alignment
06:39
546
HW – Alignment
11:15
547
HW – Alignment
07:04
548
HW – Alignment
06:08
549
HW – Alignment
12:31
550
HW – Alignment
11:09
551
HW – Alignment
06:42
552
HW – Alignment
13:36
553
HW – Alignment
16:49
554
HW – Alignment
03:06
555
HW – Optical vs. Mathematical Alignment
05:57
556
HW – Optical vs. Mathematical Alignment
03:00
557
HW – Optical vs. Mathematical Alignment
11:09
558
HW – Optical vs. Mathematical Alignment
05:37
559
HW – Optical vs. Mathematical Alignment
00:49
560
HW – Optical vs. Mathematical Alignment
03:24
561
HW – Optical vs. Mathematical Alignment
05:06
562
HW – Density
15:38
563
HW – Density
05:31
564
HW – Density
10:13
565
HW – Density
04:28
566
HW – Density
10:23
567
HW – Density
09:16
568
HW – Density
02:15
569
HW – Density
06:51
570
HW – Density
11:25
571
HW – Density
12:46
572
HW – Scale, Weight, & Hierarchy
04:10
573
HW – Scale, Weight, & Hierarchy
09:12
574
HW – Scale, Weight, & Hierarchy
23:33
575
HW – Scale, Weight, & Hierarchy
06:45
576
HW – Scale, Weight, & Hierarchy
07:18
577
HW – Scale, Weight, & Hierarchy
12:33
578
HW – Scale, Weight, & Hierarchy
07:37
579
HW – Scale, Weight, & Hierarchy
06:22
580
HW – Scale, Weight, & Hierarchy
02:39
581
HW – Scale, Weight, & Hierarchy
09:27
582
HW – Affordance
13:54
583
HW – Affordance
05:29
584
HW – Affordance
15:20
585
HW – Affordance
11:31
586
HW – Affordance
06:42
587
HW – Affordance
04:38
588
HW – Affordance
02:59
589
HW – Affordance
10:18
590
HW – Interactive Layouts
08:52
591
HW – Interactive Layouts
19:13
592
HW – Interactive Layouts
07:51
593
HW – Interactive Layouts
15:20
594
HW – Interactive Layouts
05:26
595
HW – Interactive Layouts
12:10
596
HW – Interactive Layouts
02:30
597
HW – Interactive Layouts
04:44
598
HW – Interactive Layouts
09:08
599
HW – Miscellaneous
20:55
600
HW – Structural vs. Interactive
03:39
601
HW – Structural vs. Interactive
06:49
602
HW – Structural vs. Interactive
10:54
603
HW – Structural vs. Interactive
01:58
604
unnamed 604HW – Structural vs. Interactive
05:22
605
HW – Primary, Secondary, Tertiary
06:43
606
HW – Primary, Secondary, Tertiary
06:08
607
HW – Primary, Secondary, Tertiary
03:16
608
HW – Primary, Secondary, Tertiary
04:11
609
HW – Primary, Secondary, Tertiary
14:26
610
HW – Primary, Secondary, Tertiary
04:24
611
HW – Primary, Secondary, Tertiary
02:57
612
HW – Strategic Color Definitions
07:43
613
HW – Strategic Color Definitions
09:50
614
HW – Strategic Color Definitions
04:51
615
HW – Strategic Color Definitions
11:31
616
HW – Strategic Color Definitions
10:29
617
HW – Strategic Color Definitions
06:32
618
HW – Strategic Color Definitions
05:40
619
HW – Strategic Color Definitions
04:11
620
HW – Color Amount & Modification
08:06
621
HW – Color Amount & Modification
06:23
622
HW – Color Amount & Modification
11:00
623
HW – Color Amount & Modification
05:30
624
HW – Color Amount & Modification
09:22
625
HW – Gradients
09:19
626
HW – Gradients
03:11
627
HW – Gradients
03:59
628
HW – Gradients
06:23
629
HW – Nifty Shades of Grey
06:09
630
HW – Nifty Shades of Grey
07:46
631
HW – Nifty Shades of Grey
12:54
632
HW – Nifty Shades of Grey
03:28
633
HW – White & Almost White
07:47
634
HW – White & Almost White
11:30
635
HW – White & Almost White
02:40
636
HW – White & Almost White
08:28
637
HW – Secrets of Dark UI
21:51
638
HW – Secrets of Dark UI
04:57
639
HW – Secrets of Dark UI
05:45
640
Design Direction
06:30
641
Design Direction
09:22
642
Design Direction
15:17
643
Design Direction
10:43
644
Design Direction
04:35
645
Borders & Dividers
05:14
646
Borders & Dividers
08:00
647
Corner Radius
18:27
648
Corner Radius
11:28
649
Corner Radius
04:28
650
Corner Radius
19:14
651
Depth, Lighting, & Shadow
10:42
652
Depth, Lighting, & Shadow
09:15
653
Opacity & Blur
08:58
654
HW – Creating Icons
08:10
655
HW – Creating Icons
05:26
656
HW – Creating Icons
08:35
657
HW – Static Images
10:17
658
HW – Dynamic Images
11:13
659
HW – Blend Modes
09:29
660
HW – Simple Illustrations
06:42
661
Navigation
11:10
662
User Input
14:00
663
Forms
15:06
664
Profile
07:08
665
Settings
13:11
666
Cards
10:35
667
Sorting
03:39
668
Modals
02:41
669
Tables
22:41
670
Design Systems
18:57
671
No-Stress Design Experiments
08:45
672
No-Stress Design Experiments
12:27
673
Lo-Fidelity Designs
07:27
674
Lo-Fidelity Designs
18:00
675
iOS Design
05:41
676
HW 01 2019-12-21
01:03:21
677
HW 02 2019-12-30
58:01
678
Copy-of-AGT-Fitness
20:15
679
Copy of INSOCAM
10:47
Unlock unlimited learning

Get instant access to all 678 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

679 lessons · 105h 34m 18s
Show all 679 lessons
  1. 1 Welcome to the Course 02:45
  2. 2 How Everything Works 04:26
  3. 3 Pro Designer Mindset 04:29
  4. 4 Choosing Design Software 05:59
  5. 5 UX vs. UI 06:01
  6. 6 Design Process Overview 16:56
  7. 7 Using Reference Material 24:58
  8. 8 Quick Keys for a Fast Workflow 03:36
  9. 9 Organizing Design Projects 08:20
  10. 10 Figma Organization 13:31
  11. 11 Font Size 16:44
  12. 12 Font Weight 17:30
  13. 13 Hierarchy 25:42
  14. 14 Titles & Body 31:32
  15. 15 Callouts 17:52
  16. 16 Truncation 36:21
  17. 17 Text Style Definitions 27:53
  18. 18 Interactive Text 25:20
  19. 19 Combining Text and Elements 20:06
  20. 20 Starting with System Fonts 07:59
  21. 21 Choosing and Using Alternate Fonts 22:23
  22. 22 The Box Model 24:51
  23. 23 Grids & Containers 28:34
  24. 24 Implicit Grid 23:41
  25. 25 Negative Space 21:54
  26. 26 Alignment 12:41
  27. 27 Optical vs. Mathematical Alignment 24:50
  28. 28 High & Low Density 28:18
  29. 29 Scale, Weight, & Hierarchy 22:07
  30. 30 Affordance 19:25
  31. 31 Interactive Layouts 26:23
  32. 32 Color Picking Methods 23:18
  33. 33 Color Contrast & Accessibility 26:58
  34. 34 Structural vs. Interactive Colors 34:53
  35. 35 Primary, Secondary, & Tertiary 21:47
  36. 36 Strategic Color Definitions 16:58
  37. 37 Color Amount & Modification 23:38
  38. 38 Gradients 31:49
  39. 39 Nifty Shades of Grey 14:13
  40. 40 White & Almost White 25:20
  41. 41 Secrets of Dark UI 14:39
  42. 42 Design Direction 27:33
  43. 43 Subtlety is Key 19:59
  44. 44 Corner Radius 36:34
  45. 45 Borders & Dividers 31:16
  46. 46 Depth, Lighting & Shadow 27:31
  47. 47 Opacity & Blur 24:19
  48. 48 Deconstructing Styles 01:10
  49. 49 Button Styles 23:05
  50. 50 Marketing Site Style 21:41
  51. 51 Form vs. Function 21:54
  52. 52 Imagery Overview 11:47
  53. 53 Static Images 21:49
  54. 54 To Rasterize or Not 12:39
  55. 55 Dynamic Images 19:30
  56. 56 Blend Modes 18:24
  57. 57 Photo Manipulation 26:47
  58. 58 Resourceful Asset Collection 17:42
  59. 59 Creating Icons 24:01
  60. 60 Using Icons 25:20
  61. 61 Simple Illustrations 29:32
  62. 62 App Icons 12:45
  63. 63 Introduction 01:34
  64. 64 Navigation 23:43
  65. 65 User Input 12:52
  66. 66 Forms 33:52
  67. 67 Profile 18:38
  68. 68 Settings 16:26
  69. 69 Lists & Cards 15:50
  70. 70 List в†’ Detail 12:51
  71. 71 Sorting & Filtering 18:58
  72. 72 Modals 13:58
  73. 73 Tables 27:15
  74. 74 Design Systems 41:29
  75. 75 No-stress Design Experiments 18:22
  76. 76 Low-Fidelity Designs 16:41
  77. 77 Mobile-First Responsive 38:39
  78. 78 iOS Design 23:43
  79. 79 Material Design 09:50
  80. 80 Design Doc Organization 22:29
  81. 81 Leading Design Reviews 20:08
  82. 82 Prototyping 01:11
  83. 83 Developer Handoff 17:22
  84. 84 Pricing & Getting Work 24:39
  85. 85 HW – Contact Cards 14:34
  86. 86 HW – Contact Cards 11:39
  87. 87 HW – Contact Cards 02:47
  88. 88 HW – Contact Cards 04:44
  89. 89 HW – Contact Cards 04:25
  90. 90 HW – Contact Cards 02:52
  91. 91 HW – Contact Cards 06:58
  92. 92 HW – Contact Cards 09:57
  93. 93 HW – Contact Cards 03:00
  94. 94 HW – Contact Cards 04:33
  95. 95 HW – Contact Cards 05:49
  96. 96 HW – Contact Cards 11:05
  97. 97 HW – Contact Cards 07:21
  98. 98 HW – Contact Cards 08:56
  99. 99 HW – Contact Cards 06:02
  100. 100 HW – Contact Cards 11:49
  101. 101 HW – Contact Cards 13:07
  102. 102 HW – Contact Cards 02:06
  103. 103 HW – Contact Cards 04:11
  104. 104 HW – Contact Cards 01:21
  105. 105 HW – Contact Cards 05:46
  106. 106 HW – Contact Cards 02:17
  107. 107 HW – Contact Cards 07:21
  108. 108 HW – Contact Cards 03:05
  109. 109 HW – Contact Cards 04:37
  110. 110 HW – Contact Cards 06:42
  111. 111 HW – Contact Cards 02:52
  112. 112 HW – Contact Cards 02:50
  113. 113 HW – Contact Cards 03:49
  114. 114 HW – Contact Cards 09:57
  115. 115 HW – Contact Cards 07:42
  116. 116 HW – Contact Cards 03:12
  117. 117 HW – Contact Cards 08:09
  118. 118 HW – Contact Cards 14:31
  119. 119 HW – Contact Cards 01:40
  120. 120 HW – Contact Cards 04:45
  121. 121 HW – Contact Cards 03:05
  122. 122 HW – Contact Cards 06:25
  123. 123 HW – Contact Cards 03:13
  124. 124 HW – Contact Cards 11:27
  125. 125 HW – Contact Cards 05:44
  126. 126 HW – Contact Cards 09:19
  127. 127 HW – Contact Cards 04:06
  128. 128 HW – Contact Cards 04:52
  129. 129 HW – Contact Cards 01:25
  130. 130 HW – Contact Cards 05:21
  131. 131 HW – Contact Cards 03:57
  132. 132 HW – Contact Cards 04:24
  133. 133 HW – Contact Cards 03:25
  134. 134 HW – Contact Cards 02:38
  135. 135 HW – Contact Cards 14:56
  136. 136 HW – Contact Cards 08:03
  137. 137 HW – Contact Cards 05:53
  138. 138 HW – Contact Cards 02:29
  139. 139 HW – Contact Cards 02:40
  140. 140 HW – Contact Cards 03:36
  141. 141 HW – Contact Cards 02:33
  142. 142 HW – Contact Cards 05:22
  143. 143 HW – Contact Cards 04:29
  144. 144 HW – Contact Cards 03:32
  145. 145 HW – Contact Cards 03:53
  146. 146 HW – Contact Cards 04:08
  147. 147 HW – Contact Cards 04:15
  148. 148 HW – Contact Cards 02:42
  149. 149 HW – Contact Cards 03:41
  150. 150 HW – Contact Cards 09:03
  151. 151 HW – Contact Cards 04:38
  152. 152 HW – Contact Cards 07:28
  153. 153 HW – Contact Cards 11:57
  154. 154 HW – Contact Cards 03:18
  155. 155 HW – Contact Cards 07:33
  156. 156 HW – Contact Cards 06:21
  157. 157 HW – Contact Cards 11:51
  158. 158 HW – Contact Cards 03:16
  159. 159 HW – Contact Cards 03:58
  160. 160 HW – Using Reference Material 09:45
  161. 161 HW – Using Reference Material 10:12
  162. 162 HW – Using Reference Material 03:29
  163. 163 HW – Using Reference Material 10:58
  164. 164 HW – Using Reference Material 05:02
  165. 165 HW – Using Reference Material 04:53
  166. 166 HW – Using Reference Material 11:17
  167. 167 HW – Using Reference Material 10:13
  168. 168 HW – Using Reference Material 03:55
  169. 169 HW – Using Reference Material 03:47
  170. 170 HW – Using Reference Material 08:10
  171. 171 HW – Using Reference Material 06:21
  172. 172 HW – Using Reference Material 02:56
  173. 173 HW – Using Reference Material 03:02
  174. 174 HW – Using Reference Material 02:29
  175. 175 HW – Using Reference Material 02:16
  176. 176 HW – Using Reference Material 02:26
  177. 177 HW – Using Reference Material 01:36
  178. 178 HW – Using Reference Material 02:31
  179. 179 HW – Using Reference Material 01:26
  180. 180 HW – Using Reference Material 02:31
  181. 181 HW – Using Reference Material 02:36
  182. 182 HW – Using Reference Material 04:03
  183. 183 HW – Using Reference Material 02:26
  184. 184 HW – Using Reference Material 02:26
  185. 185 HW – Using Reference Material 02:21
  186. 186 HW – Using Reference Material 02:26
  187. 187 HW – Using Reference Material 04:51
  188. 188 HW – Using Reference Material 06:56
  189. 189 HW – Using Reference Material 05:06
  190. 190 HW – Using Reference Material 05:05
  191. 191 HW – Using Reference Material 08:45
  192. 192 HW – Using Reference Material 03:44
  193. 193 HW – UX vs UIl 02:41
  194. 194 HW – UX vs UIl 04:10
  195. 195 HW – UX vs UIl 02:37
  196. 196 HW – UX vs UIl 04:19
  197. 197 HW – UX vs UIl 01:29
  198. 198 HW – UX vs UIl 02:18
  199. 199 HW – UX vs UIl 05:28
  200. 200 HW – UX vs UIl 02:34
  201. 201 HW – UX vs UIl 02:38
  202. 202 HW – UX vs UIl 03:42
  203. 203 HW – UX vs UIl 01:51
  204. 204 HW – UX vs UIl 02:43
  205. 205 HW – UX vs UIl 02:33
  206. 206 HW – UX vs UIl 01:19
  207. 207 HW – UX vs UIl 02:31
  208. 208 HW – UX vs UIl 02:06
  209. 209 HW – UX vs UIl 01:39
  210. 210 HW – UX vs UIl 01:20
  211. 211 HW – UX vs UIl 02:46
  212. 212 HW – UX vs UIl 02:08
  213. 213 HW – UX vs UIl 02:00
  214. 214 HW – Design Process 01:36
  215. 215 HW – Design Process 00:11
  216. 216 HW – Font Size 07:20
  217. 217 HW – Font Size 04:18
  218. 218 HW – Font Size 08:59
  219. 219 HW – Font Size 07:36
  220. 220 HW – Font Size 09:00
  221. 221 HW – Font Size 08:10
  222. 222 HW – Font Size 10:56
  223. 223 HW – Font Size 15:05
  224. 224 HW – Font Size 03:41
  225. 225 HW – Font Size 05:19
  226. 226 HW – Font Size 09:52
  227. 227 HW – Font Size 03:55
  228. 228 HW – Font Size 06:08
  229. 229 HW – Font Size 06:13
  230. 230 HW – Font Size 17:59
  231. 231 HW – Font Size 04:45
  232. 232 HW – Font Size 05:42
  233. 233 HW – Font Size 13:45
  234. 234 HW – Font Size 08:23
  235. 235 HW – Font Size 08:06
  236. 236 HW – Font Size 05:48
  237. 237 HW – Font Size 04:45
  238. 238 HW – Font Size 05:12
  239. 239 HW – Font Size 08:44
  240. 240 HW – Font Size 09:15
  241. 241 HW – Font Size 03:55
  242. 242 HW – Font Size 08:46
  243. 243 HW – Font Size 05:34
  244. 244 HW – Font Size 06:35
  245. 245 HW – Font Size 03:27
  246. 246 HW – Font Size 19:16
  247. 247 HW – Font Size 06:30
  248. 248 HW – Font Size 06:38
  249. 249 HW – Font Size 06:52
  250. 250 HW – Font Size 04:31
  251. 251 HW – Font Size 15:16
  252. 252 HW – Font Size 19:16
  253. 253 HW – Font Size 04:46
  254. 254 HW – Font Size 03:43
  255. 255 HW – Font Size 07:20
  256. 256 HW – Font Size 15:06
  257. 257 HW – Font Size 05:56
  258. 258 HW – Font Size 07:49
  259. 259 HW – Font Size 05:16
  260. 260 HW – Font Size 11:43
  261. 261 HW – Font Size 06:20
  262. 262 HW – Font Size 05:38
  263. 263 HW – Font Size 07:20
  264. 264 HW – Font Size 05:02
  265. 265 HW – Font Size 09:09
  266. 266 HW – Font Size 07:49
  267. 267 HW – Font Size 03:24
  268. 268 HW – Font Size 05:46
  269. 269 HW – Font Size 13:54
  270. 270 HW – Font Size 11:56
  271. 271 HW – Font Size 05:04
  272. 272 HW – Font Size 07:26
  273. 273 HW – Font Size 07:20
  274. 274 HW – Font Size 09:46
  275. 275 HW – Font Size 03:43
  276. 276 HW – Font Size 08:04
  277. 277 HW – Font Size 10:21
  278. 278 HW – Font Size 05:23
  279. 279 HW – Font Size 04:14
  280. 280 HW – Font Size 06:42
  281. 281 HW – Font Size 14:38
  282. 282 HW – Font Weight 03:45
  283. 283 HW – Font Weight 03:54
  284. 284 HW – Font Weight 04:59
  285. 285 HW – Font Weight 20:38
  286. 286 HW – Font Weight 07:10
  287. 287 HW – Font Weight 05:57
  288. 288 HW – Font Weight 07:22
  289. 289 HW – Font Weight 06:39
  290. 290 HW – Font Weight 03:47
  291. 291 HW – Font Weight 02:06
  292. 292 HW – Font Weight 09:40
  293. 293 HW – Font Weight 04:43
  294. 294 HW – Font Weight 05:19
  295. 295 HW – Font Weight 09:24
  296. 296 HW – Font Weight 09:17
  297. 297 HW – Font Weight 03:45
  298. 298 HW – Font Weight 07:06
  299. 299 HW – Font Weight 07:19
  300. 300 HW – Font Weight 02:26
  301. 301 HW – Font Weight 03:29
  302. 302 HW – Font Weight 05:19
  303. 303 HW – Font Weight 02:48
  304. 304 HW – Font Weight 02:25
  305. 305 HW – Font Weight 02:00
  306. 306 HW – Font Weight 05:12
  307. 307 HW – Font Weight 24:02
  308. 308 HW – Font Weight 04:08
  309. 309 HW – Font Weight 06:28
  310. 310 HW – Hierarchy 06:59
  311. 311 HW – Hierarchy 22:52
  312. 312 HW – Hierarchy 06:20
  313. 313 HW – Hierarchy 10:37
  314. 314 HW – Hierarchy 05:41
  315. 315 HW – Hierarchy 11:04
  316. 316 HW – Hierarchy 06:39
  317. 317 HW – Hierarchy 05:00
  318. 318 HW – Hierarchy 07:51
  319. 319 HW – Hierarchy 19:05
  320. 320 HW – Hierarchy 12:32
  321. 321 HW – Hierarchy 04:01
  322. 322 HW – Hierarchy 09:06
  323. 323 HW – Hierarchy 09:35
  324. 324 HW – Hierarchy 03:44
  325. 325 HW – Hierarchy 07:24
  326. 326 HW – Hierarchy 04:30
  327. 327 HW – Hierarchy 07:08
  328. 328 HW – Hierarchy 08:48
  329. 329 HW – Hierarchy 05:01
  330. 330 HW – Hierarchy 21:00
  331. 331 HW – Hierarchy 06:05
  332. 332 HW – Hierarchy 03:33
  333. 333 HW – Hierarchy 11:23
  334. 334 HW – Hierarchy 10:21
  335. 335 HW – Hierarchy 09:00
  336. 336 HW – Hierarchy 07:19
  337. 337 HW – Hierarchy 04:03
  338. 338 HW – Hierarchy 05:20
  339. 339 HW – Hierarchy 07:43
  340. 340 HW – Hierarchy 06:51
  341. 341 HW – Hierarchy 06:04
  342. 342 HW – Hierarchy 12:39
  343. 343 HW – Hierarchy 03:42
  344. 344 HW – Hierarchy 04:46
  345. 345 HW – Hierarchy 18:33
  346. 346 HW – Hierarchy 04:50
  347. 347 HW – Hierarchy 11:22
  348. 348 HW – Hierarchy 04:46
  349. 349 HW – Hierarchy 12:52
  350. 350 HW – Hierarchy 02:52
  351. 351 HW – Hierarchy 11:22
  352. 352 HW – Hierarchy 08:13
  353. 353 HW – Hierarchy 07:20
  354. 354 HW – Hierarchy 08:09
  355. 355 HW – Hierarchy 13:43
  356. 356 HW – Hierarchy 05:32
  357. 357 HW – Hierarchy 08:52
  358. 358 HW – Titles & Body 03:34
  359. 359 HW – Titles & Body 04:48
  360. 360 HW – Titles & Body 07:22
  361. 361 HW – Titles & Body 07:23
  362. 362 HW – Titles & Body 12:32
  363. 363 HW – Titles & Body 04:33
  364. 364 HW – Titles & Body 14:12
  365. 365 HW – Titles & Body 07:03
  366. 366 HW – Titles & Body 16:11
  367. 367 HW – Titles & Body 02:46
  368. 368 HW – Titles & Body 09:32
  369. 369 HW – Titles & Body 08:11
  370. 370 HW – Titles & Body 12:00
  371. 371 HW – Titles & Body 06:16
  372. 372 HW – Titles & Body 10:37
  373. 373 HW – Titles & Body 04:06
  374. 374 HW – Titles & Body 16:27
  375. 375 HW – Titles & Body 13:22
  376. 376 HW – Titles & Body 11:02
  377. 377 HW – Titles & Body 06:03
  378. 378 HW – Titles & Body 11:29
  379. 379 HW – Titles & Body 03:34
  380. 380 HW – Titles & Body 03:41
  381. 381 HW – Titles & Body 05:15
  382. 382 HW – Titles & Body 08:14
  383. 383 HW – Titles & Body 06:25
  384. 384 HW – Titles & Body 06:42
  385. 385 HW – Titles & Body 09:01
  386. 386 HW – Callouts 06:05
  387. 387 HW – Callouts 07:16
  388. 388 HW – Callouts 11:49
  389. 389 HW – Callouts 14:53
  390. 390 HW – Callouts 14:22
  391. 391 HW – Callouts 12:02
  392. 392 HW – Callouts 09:24
  393. 393 HW – Callouts 14:41
  394. 394 HW – Callouts 08:00
  395. 395 HW – Callouts 04:07
  396. 396 HW – Callouts 06:17
  397. 397 HW – Callouts 04:50
  398. 398 HW – Callouts 17:04
  399. 399 HW – Callouts 04:07
  400. 400 HW – Callouts 09:45
  401. 401 HW – Callouts 06:17
  402. 402 HW – Callouts 12:35
  403. 403 HW – Callouts 09:01
  404. 404 HW – Callouts 07:26
  405. 405 HW – Callouts 11:36
  406. 406 HW – Callouts 08:34
  407. 407 HW – Callouts 15:34
  408. 408 HW – Callouts 06:54
  409. 409 HW – Callouts 11:24
  410. 410 HW – Callouts 14:21
  411. 411 HW – Callouts 18:47
  412. 412 HW – Callouts 07:07
  413. 413 HW – Callouts 04:42
  414. 414 HW – Truncation 05:46
  415. 415 HW – Truncation 04:40
  416. 416 HW – Truncation 07:48
  417. 417 HW – Truncation 01:33
  418. 418 HW – Truncation 03:09
  419. 419 HW – Truncation 15:19
  420. 420 HW – Truncation 14:30
  421. 421 HW – Text Style Definitions 03:35
  422. 422 HW – Text Style Definitions 04:04
  423. 423 HW – Text Style Definitions 06:59
  424. 424 HW – Text Style Definitions 23:54
  425. 425 HW – Text Style Definitions 06:41
  426. 426 HW – Text Style Definitions 06:21
  427. 427 HW – Text Style Definitions 06:53
  428. 428 HW – Text Style Definitions 09:05
  429. 429 HW – Text Style Definitions 05:25
  430. 430 HW – Text Style Definitions 04:35
  431. 431 HW – Text Style Definitions 05:37
  432. 432 HW – Text Style Definitions 17:30
  433. 433 HW – Text Style Definitions 05:56
  434. 434 HW – Text Style Definitions 12:51
  435. 435 HW – Text Style Definitions 09:09
  436. 436 HW – Text Style Definitions 10:00
  437. 437 HW – Text Style Definitions 06:20
  438. 438 HW – Text Style Definitions 05:39
  439. 439 HW – Text Style Definitions 07:05
  440. 440 HW – Text Style Definitions 09:47
  441. 441 HW – Text Style Definitions 17:15
  442. 442 HW – Text Style Definitions 09:02
  443. 443 HW – Interactive Text 08:36
  444. 444 HW – Interactive Text 13:06
  445. 445 HW – Interactive Text 09:14
  446. 446 HW – Interactive Text 04:04
  447. 447 HW – Interactive Text 05:12
  448. 448 HW – Interactive Text 27:52
  449. 449 HW – Interactive Text 06:44
  450. 450 HW – Interactive Text 03:29
  451. 451 HW – Interactive Text 04:29
  452. 452 HW – Interactive Text 06:40
  453. 453 HW – Interactive Text 10:44
  454. 454 HW – Interactive Text 08:11
  455. 455 HW – Interactive Text 10:47
  456. 456 HW – Interactive Text 12:59
  457. 457 HW – Interactive Text 19:09
  458. 458 HW – Interactive Text 11:29
  459. 459 HW – Interactive Text 05:23
  460. 460 HW – Interactive Text 06:44
  461. 461 HW – Interactive Text 09:17
  462. 462 HW – Interactive Text 05:17
  463. 463 HW – Interactive Text 09:41
  464. 464 HW – Combining Text & Elementt 15:06
  465. 465 HW – Combining Text & Elementt 05:24
  466. 466 HW – Combining Text & Elementt 11:47
  467. 467 HW – Combining Text & Elementt 03:37
  468. 468 HW – Combining Text & Elementt 10:25
  469. 469 HW – Combining Text & Elementt 07:49
  470. 470 HW – Combining Text & Elementt 12:55
  471. 471 HW – Combining Text & Elementt 09:54
  472. 472 HW – Combining Text & Elementt 07:06
  473. 473 HW – Combining Text & Elementt 06:03
  474. 474 HW – Combining Text & Elementt 06:26
  475. 475 HW – Combining Text & Elementt 15:14
  476. 476 HW – Combining Text & Elementt 04:50
  477. 477 HW – Starting with System Fonts 01:17
  478. 478 HW – Starting with System Fonts 05:34
  479. 479 HW – Starting with System Fonts 05:03
  480. 480 HW – Starting with System Fonts 13:16
  481. 481 HW – Starting with System Fonts 04:33
  482. 482 HW – Starting with System Fonts 10:32
  483. 483 HW – Starting with System Fonts 07:55
  484. 484 HW – Starting with System Fonts 03:18
  485. 485 HW – Starting with System Fonts 05:03
  486. 486 HW – Starting with System Fonts 05:41
  487. 487 HW – Choosing and Using Alternate Fonts 05:58
  488. 488 HW – Choosing and Using Alternate Fonts 04:20
  489. 489 HW – Choosing and Using Alternate Fonts 07:27
  490. 490 HW – Choosing and Using Alternate Fonts 08:04
  491. 491 HW – Choosing and Using Alternate Fonts 05:32
  492. 492 HW – Choosing and Using Alternate Fonts 05:44
  493. 493 HW – Choosing and Using Alternate Fonts 09:44
  494. 494 HW – Choosing and Using Alternate Fonts 05:51
  495. 495 HW – Choosing and Using Alternate Fonts 03:48
  496. 496 HW – Choosing and Using Alternate Fonts 08:56
  497. 497 HW – Choosing and Using Alternate Fonts 04:08
  498. 498 HW – Choosing and Using Alternate Fonts 04:53
  499. 499 HW – Box Model 06:49
  500. 500 HW – Box Model 10:30
  501. 501 HW – Box Model 01:56
  502. 502 HW – Box Model 06:26
  503. 503 HW – Box Model 03:16
  504. 504 HW – Box Model 03:55
  505. 505 HW – Box Model 05:04
  506. 506 HW – Box Model 14:01
  507. 507 HW – Box Model 04:08
  508. 508 HW – Box Model 03:46
  509. 509 HW – Box Model 07:33
  510. 510 HW – Box Model 12:01
  511. 511 HW – Box Model 03:46
  512. 512 HW – Box Model 10:09
  513. 513 HW – Box Model 07:37
  514. 514 HW – Box Model 04:24
  515. 515 HW – Box Model 08:30
  516. 516 HW – Grids & Containersl 12:21
  517. 517 HW – Grids & Containersl 07:42
  518. 518 HW – Grids & Containersl 06:53
  519. 519 HW – Grids & Containersl 09:17
  520. 520 HW – Grids & Containersl 06:01
  521. 521 HW – Grids & Containersl 03:43
  522. 522 HW – Grids & Containersl 17:26
  523. 523 HW – Grids & Containersl 11:34
  524. 524 HW – Grids & Containersl 25:36
  525. 525 HW – Grids & Containersl 06:30
  526. 526 HW – Grids & Containersl 12:06
  527. 527 HW – Grids & Containersl 08:50
  528. 528 HW – Grids & Containersl 08:24
  529. 529 HW – Negative Spacel 01:35
  530. 530 HW – Negative Spacel 03:04
  531. 531 HW – Negative Spacel 02:35
  532. 532 HW – Implicit Grid 08:55
  533. 533 HW – Implicit Grid 11:52
  534. 534 HW – Implicit Grid 03:18
  535. 535 HW – Implicit Grid 08:36
  536. 536 HW – Implicit Grid 10:24
  537. 537 HW – Implicit Grid 10:07
  538. 538 HW – Implicit Grid 04:48
  539. 539 HW – Implicit Grid 04:34
  540. 540 HW – Implicit Grid 04:24
  541. 541 HW – Implicit Grid 02:55
  542. 542 HW – Implicit Grid 04:59
  543. 543 HW – Implicit Grid 14:07
  544. 544 HW – Alignment 12:17
  545. 545 HW – Alignment 06:39
  546. 546 HW – Alignment 11:15
  547. 547 HW – Alignment 07:04
  548. 548 HW – Alignment 06:08
  549. 549 HW – Alignment 12:31
  550. 550 HW – Alignment 11:09
  551. 551 HW – Alignment 06:42
  552. 552 HW – Alignment 13:36
  553. 553 HW – Alignment 16:49
  554. 554 HW – Alignment 03:06
  555. 555 HW – Optical vs. Mathematical Alignment 05:57
  556. 556 HW – Optical vs. Mathematical Alignment 03:00
  557. 557 HW – Optical vs. Mathematical Alignment 11:09
  558. 558 HW – Optical vs. Mathematical Alignment 05:37
  559. 559 HW – Optical vs. Mathematical Alignment 00:49
  560. 560 HW – Optical vs. Mathematical Alignment 03:24
  561. 561 HW – Optical vs. Mathematical Alignment 05:06
  562. 562 HW – Density 15:38
  563. 563 HW – Density 05:31
  564. 564 HW – Density 10:13
  565. 565 HW – Density 04:28
  566. 566 HW – Density 10:23
  567. 567 HW – Density 09:16
  568. 568 HW – Density 02:15
  569. 569 HW – Density 06:51
  570. 570 HW – Density 11:25
  571. 571 HW – Density 12:46
  572. 572 HW – Scale, Weight, & Hierarchy 04:10
  573. 573 HW – Scale, Weight, & Hierarchy 09:12
  574. 574 HW – Scale, Weight, & Hierarchy 23:33
  575. 575 HW – Scale, Weight, & Hierarchy 06:45
  576. 576 HW – Scale, Weight, & Hierarchy 07:18
  577. 577 HW – Scale, Weight, & Hierarchy 12:33
  578. 578 HW – Scale, Weight, & Hierarchy 07:37
  579. 579 HW – Scale, Weight, & Hierarchy 06:22
  580. 580 HW – Scale, Weight, & Hierarchy 02:39
  581. 581 HW – Scale, Weight, & Hierarchy 09:27
  582. 582 HW – Affordance 13:54
  583. 583 HW – Affordance 05:29
  584. 584 HW – Affordance 15:20
  585. 585 HW – Affordance 11:31
  586. 586 HW – Affordance 06:42
  587. 587 HW – Affordance 04:38
  588. 588 HW – Affordance 02:59
  589. 589 HW – Affordance 10:18
  590. 590 HW – Interactive Layouts 08:52
  591. 591 HW – Interactive Layouts 19:13
  592. 592 HW – Interactive Layouts 07:51
  593. 593 HW – Interactive Layouts 15:20
  594. 594 HW – Interactive Layouts 05:26
  595. 595 HW – Interactive Layouts 12:10
  596. 596 HW – Interactive Layouts 02:30
  597. 597 HW – Interactive Layouts 04:44
  598. 598 HW – Interactive Layouts 09:08
  599. 599 HW – Miscellaneous 20:55
  600. 600 HW – Structural vs. Interactive 03:39
  601. 601 HW – Structural vs. Interactive 06:49
  602. 602 HW – Structural vs. Interactive 10:54
  603. 603 HW – Structural vs. Interactive 01:58
  604. 604 unnamed 604HW – Structural vs. Interactive 05:22
  605. 605 HW – Primary, Secondary, Tertiary 06:43
  606. 606 HW – Primary, Secondary, Tertiary 06:08
  607. 607 HW – Primary, Secondary, Tertiary 03:16
  608. 608 HW – Primary, Secondary, Tertiary 04:11
  609. 609 HW – Primary, Secondary, Tertiary 14:26
  610. 610 HW – Primary, Secondary, Tertiary 04:24
  611. 611 HW – Primary, Secondary, Tertiary 02:57
  612. 612 HW – Strategic Color Definitions 07:43
  613. 613 HW – Strategic Color Definitions 09:50
  614. 614 HW – Strategic Color Definitions 04:51
  615. 615 HW – Strategic Color Definitions 11:31
  616. 616 HW – Strategic Color Definitions 10:29
  617. 617 HW – Strategic Color Definitions 06:32
  618. 618 HW – Strategic Color Definitions 05:40
  619. 619 HW – Strategic Color Definitions 04:11
  620. 620 HW – Color Amount & Modification 08:06
  621. 621 HW – Color Amount & Modification 06:23
  622. 622 HW – Color Amount & Modification 11:00
  623. 623 HW – Color Amount & Modification 05:30
  624. 624 HW – Color Amount & Modification 09:22
  625. 625 HW – Gradients 09:19
  626. 626 HW – Gradients 03:11
  627. 627 HW – Gradients 03:59
  628. 628 HW – Gradients 06:23
  629. 629 HW – Nifty Shades of Grey 06:09
  630. 630 HW – Nifty Shades of Grey 07:46
  631. 631 HW – Nifty Shades of Grey 12:54
  632. 632 HW – Nifty Shades of Grey 03:28
  633. 633 HW – White & Almost White 07:47
  634. 634 HW – White & Almost White 11:30
  635. 635 HW – White & Almost White 02:40
  636. 636 HW – White & Almost White 08:28
  637. 637 HW – Secrets of Dark UI 21:51
  638. 638 HW – Secrets of Dark UI 04:57
  639. 639 HW – Secrets of Dark UI 05:45
  640. 640 Design Direction 06:30
  641. 641 Design Direction 09:22
  642. 642 Design Direction 15:17
  643. 643 Design Direction 10:43
  644. 644 Design Direction 04:35
  645. 645 Borders & Dividers 05:14
  646. 646 Borders & Dividers 08:00
  647. 647 Corner Radius 18:27
  648. 648 Corner Radius 11:28
  649. 649 Corner Radius 04:28
  650. 650 Corner Radius 19:14
  651. 651 Depth, Lighting, & Shadow 10:42
  652. 652 Depth, Lighting, & Shadow 09:15
  653. 653 Opacity & Blur 08:58
  654. 654 HW – Creating Icons 08:10
  655. 655 HW – Creating Icons 05:26
  656. 656 HW – Creating Icons 08:35
  657. 657 HW – Static Images 10:17
  658. 658 HW – Dynamic Images 11:13
  659. 659 HW – Blend Modes 09:29
  660. 660 HW – Simple Illustrations 06:42
  661. 661 Navigation 11:10
  662. 662 User Input 14:00
  663. 663 Forms 15:06
  664. 664 Profile 07:08
  665. 665 Settings 13:11
  666. 666 Cards 10:35
  667. 667 Sorting 03:39
  668. 668 Modals 02:41
  669. 669 Tables 22:41
  670. 670 Design Systems 18:57
  671. 671 No-Stress Design Experiments 08:45
  672. 672 No-Stress Design Experiments 12:27
  673. 673 Lo-Fidelity Designs 07:27
  674. 674 Lo-Fidelity Designs 18:00
  675. 675 iOS Design 05:41
  676. 676 HW 01 2019-12-21 01:03:21
  677. 677 HW 02 2019-12-30 58:01
  678. 678 Copy-of-AGT-Fitness 20:15
  679. 679 Copy of INSOCAM 10:47

Related courses

  • The Ultimate Airtable Design System Inventory and Automation (Bundle) thumbnail

    The Ultimate Airtable Design System Inventory and Automation (Bundle)

    By: Romina Kavcic
    Create with Airtable, Use Everywhere Learn to quickly create an inventory with Airtable and easily integrate it with tools like Figma, Jira, Slack, GitHub.
    37 minutes 48 seconds
  • Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more thumbnail

    Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more

    By: Udemy, Zero To Mastery
    Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently
    20 hours 31 minutes 41 seconds
  • Master Gorgeous UI Design thumbnail

    Master Gorgeous UI Design

    By: Pablo Stanley (Together Art)
    Transform your visual design skills with Pablo Stanley and his team. This course will help you elevate your project quality and engage clients with a distinctiv
    10 hours 56 minutes 16 seconds 5 / 5

Frequently asked questions

What is Shift Nudge – Interface Design Course (PRO packet) about?
Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don't have a design background, even if you're not an expert, even if you have no idea where to start.
Who teaches Shift Nudge – Interface Design Course (PRO packet)?
Shift Nudge – Interface Design Course (PRO packet) is taught by Matt D. Smith (Shift Nudge). You can find more courses by this instructor on the corresponding source page.
How long is Shift Nudge – Interface Design Course (PRO packet)?
Shift Nudge – Interface Design Course (PRO packet) contains 679 lessons with a total runtime of 105 hours 34 minutes. All lessons are available to watch online at your own pace.
Is Shift Nudge – Interface Design Course (PRO packet) free to watch?
Shift Nudge – Interface Design Course (PRO packet) is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Shift Nudge – Interface Design Course (PRO packet) online?
Shift Nudge – Interface Design Course (PRO packet) is available to watch online on CourseFlix at https://courseflix.net/course/shift-nudge-interface-design-course-pro-packet. The page hosts every lesson with the integrated video player; no download is required.