WEBVTT

1
00:00:03.700 --> 00:00:05.200
<00:00:03.700>All <00:00:03.970>right. <00:00:04.240>Thank <00:00:04.510>you <00:00:04.780>so <00:00:05.050>much.

2
00:00:06.500 --> 00:00:09.800
<00:00:06.500>As <00:00:06.700>I <00:00:06.900>was <00:00:07.100>just <00:00:07.300>so <00:00:07.500>wonderfully <00:00:07.700>introduced <00:00:07.900>to

3
00:00:09.700 --> 00:00:13.500
<00:00:09.700>my <00:00:09.816>name <00:00:09.933>is <00:00:10.049>Catherine <00:00:10.166>Grayson <00:00:10.283>nands. <00:00:10.399>I <00:00:10.516>am <00:00:10.633>a <00:00:10.750>developer <00:00:10.866>advocate <00:00:10.983>for <00:00:11.100>Kendo

4
00:00:12.700 --> 00:00:16.400
<00:00:12.700>react <00:00:12.933>AT <00:00:13.166>progress. <00:00:13.399>But <00:00:13.633>in <00:00:13.866>fact <00:00:14.100>that

5
00:00:15.800 --> 00:00:20.700
<00:00:15.800>was <00:00:15.940>not <00:00:16.080>what <00:00:16.219>I <00:00:16.360>was <00:00:16.500>always <00:00:16.640>planning <00:00:16.780>to <00:00:16.920>do. <00:00:17.060>I <00:00:17.200>actually

6
00:00:20.400 --> 00:00:24.600
<00:00:20.400>have <00:00:20.527>a <00:00:20.654>Bachelor <00:00:20.781>of <00:00:20.909>Fine <00:00:21.036>Arts <00:00:21.163>degree <00:00:21.290>in <00:00:21.418>the <00:00:21.545>studio <00:00:21.672>Arts. <00:00:21.799>I

7
00:00:23.600 --> 00:00:26.900
<00:00:23.600>went <00:00:23.775>to <00:00:23.950>school <00:00:24.125>to <00:00:24.300>become <00:00:24.475>a <00:00:24.650>graphic <00:00:24.825>designer <00:00:25.000>and

8
00:00:26.600 --> 00:00:30.400
<00:00:26.600>I <00:00:26.755>did <00:00:26.911>I <00:00:27.066>worked <00:00:27.222>in <00:00:27.377>ad <00:00:27.533>agencies <00:00:27.688>for <00:00:27.844>many <00:00:28.000>years

9
00:00:30.200 --> 00:00:33.900
<00:00:30.200>afterwards <00:00:30.375>doing <00:00:30.550>all <00:00:30.724>sorts <00:00:30.900>of <00:00:31.075>design <00:00:31.250>work, <00:00:31.425>but <00:00:31.599>slowly

10
00:00:33.400 --> 00:00:37.000
<00:00:33.400>graphic <00:00:33.633>design <00:00:33.866>turned <00:00:34.100>into <00:00:34.333>email <00:00:34.566>and <00:00:34.800>web

11
00:00:36.500 --> 00:00:40.100
<00:00:36.500>design <00:00:36.675>which <00:00:36.850>turned <00:00:37.025>into <00:00:37.200>email <00:00:37.375>and <00:00:37.550>web <00:00:37.725>development <00:00:37.900>which

12
00:00:39.700 --> 00:00:42.300
<00:00:39.700>turned <00:00:39.933>into <00:00:40.166>UI <00:00:40.400>in <00:00:40.633>front <00:00:40.866>end <00:00:41.100>development.

13
00:00:43.200 --> 00:00:46.900
<00:00:43.200>And <00:00:43.375>here <00:00:43.550>I <00:00:43.725>am <00:00:43.900>I <00:00:44.075>could <00:00:44.250>probably <00:00:44.425>fill <00:00:44.600>a

14
00:00:46.600 --> 00:00:50.100
<00:00:46.600>whole <00:00:46.775>nother <00:00:46.950>session <00:00:47.125>just <00:00:47.300>talking <00:00:47.475>about <00:00:47.650>the <00:00:47.825>experience <00:00:48.000>of

15
00:00:49.800 --> 00:00:53.200
<00:00:49.800>transitioning <00:00:50.000>between <00:00:50.199>those <00:00:50.400>roles <00:00:50.599>and <00:00:50.800>why <00:00:51.000>and <00:00:51.199>how

16
00:00:52.900 --> 00:00:56.000
<00:00:52.900>but <00:00:53.055>I <00:00:53.211>really <00:00:53.366>only <00:00:53.522>bring <00:00:53.677>them <00:00:53.833>up <00:00:53.988>today <00:00:54.144>to <00:00:54.300>give

17
00:00:55.900 --> 00:00:59.200
<00:00:55.900>you <00:00:56.016>a <00:00:56.133>little <00:00:56.250>bit <00:00:56.366>of <00:00:56.483>context <00:00:56.600>on <00:00:56.716>why <00:00:56.833>I'm <00:00:56.949>here <00:00:57.066>talking <00:00:57.183>about <00:00:57.300>design.

18
00:01:00.800 --> 00:01:04.300
<00:01:00.800>These <00:01:00.916>days <00:01:01.033>I <00:01:01.150>really <00:01:01.266>like <00:01:01.383>to <00:01:01.500>live <00:01:01.616>in <00:01:01.733>the <00:01:01.849>world <00:01:01.966>between <00:01:02.083>design <00:01:02.199>and

19
00:01:04.100 --> 00:01:04.800
development.

20
00:01:05.600 --> 00:01:09.100
<00:01:05.600>I <00:01:05.774>have <00:01:05.949>sought <00:01:06.125>out <00:01:06.300>jobs <00:01:06.475>and <00:01:06.649>opportunities <00:01:06.824>that <00:01:07.000>support

21
00:01:08.700 --> 00:01:12.100
<00:01:08.700>me <00:01:08.840>continuing <00:01:08.980>to <00:01:09.120>work <00:01:09.260>with <00:01:09.400>like <00:01:09.540>a <00:01:09.680>foot <00:01:09.820>in <00:01:09.960>each <00:01:10.100>world

22
00:01:11.900 --> 00:01:15.600
<00:01:11.900>and <00:01:12.133>I <00:01:12.366>can't <00:01:12.600>imagine <00:01:12.833>never <00:01:13.066>designing <00:01:13.300>again

23
00:01:15.300 --> 00:01:18.800
<00:01:15.300>any <00:01:15.455>more <00:01:15.611>than <00:01:15.766>I <00:01:15.922>can <00:01:16.077>imagine <00:01:16.233>never <00:01:16.388>developing <00:01:16.544>again. <00:01:16.700>I

24
00:01:18.400 --> 00:01:21.500
<00:01:18.400>love <00:01:18.633>both <00:01:18.866>of <00:01:19.100>those <00:01:19.333>experiences <00:01:19.566>so <00:01:19.800>much.

25
00:01:22.900 --> 00:01:26.100
<00:01:22.900>However, <00:01:23.055>as <00:01:23.211>someone <00:01:23.366>who <00:01:23.522>has <00:01:23.677>had <00:01:23.833>that <00:01:23.988>experience <00:01:24.144>in <00:01:24.300>my

26
00:01:25.900 --> 00:01:29.500
<00:01:25.900>career, <00:01:26.100>I've <00:01:26.300>also <00:01:26.500>gotten <00:01:26.700>to <00:01:26.900>see <00:01:27.100>firsthand <00:01:27.300>the

27
00:01:29.000 --> 00:01:33.200
<00:01:29.000>way <00:01:29.140>that <00:01:29.280>so <00:01:29.420>many <00:01:29.560>developers <00:01:29.700>can <00:01:29.840>really <00:01:29.980>struggle <00:01:30.120>with <00:01:30.260>design <00:01:30.400>and

28
00:01:32.300 --> 00:01:36.000
<00:01:32.300>that <00:01:32.475>could <00:01:32.649>be <00:01:32.825>in <00:01:33.000>the <00:01:33.175>form <00:01:33.350>of <00:01:33.524>difficulty <00:01:33.700>collaborating

29
00:01:35.400 --> 00:01:38.900
<00:01:35.400>with <00:01:35.633>the <00:01:35.866>design <00:01:36.100>team <00:01:36.333>or <00:01:36.566>frustration <00:01:36.800>trying

30
00:01:38.500 --> 00:01:42.500
<00:01:38.500>to <00:01:38.607>work <00:01:38.715>on <00:01:38.823>an <00:01:38.930>app <00:01:39.038>or <00:01:39.146>a <00:01:39.253>side <00:01:39.361>project <00:01:39.469>of <00:01:39.576>their <00:01:39.684>own <00:01:39.792>or <00:01:39.900>even

31
00:01:42.200 --> 00:01:45.600
<00:01:42.200>just <00:01:42.375>those <00:01:42.550>little <00:01:42.725>design <00:01:42.900>decisions <00:01:43.075>things <00:01:43.250>like <00:01:43.425>choosing <00:01:43.600>the

32
00:01:45.600 --> 00:01:49.200
<00:01:45.600>right <00:01:45.716>color <00:01:45.833>for <00:01:45.949>a <00:01:46.066>button <00:01:46.183>or <00:01:46.300>determining <00:01:46.416>the <00:01:46.533>right <00:01:46.649>amount <00:01:46.766>of <00:01:46.883>padding <00:01:47.000>or

33
00:01:48.900 --> 00:01:52.100
<00:01:48.900>fitting <00:01:49.100>a <00:01:49.300>new <00:01:49.500>feature <00:01:49.700>into <00:01:49.900>an <00:01:50.100>existing <00:01:50.300>layout.

34
00:01:52.900 --> 00:01:56.800
<00:01:52.900>This <00:01:53.016>kind <00:01:53.133>of <00:01:53.250>things <00:01:53.366>that <00:01:53.483>slip <00:01:53.600>through <00:01:53.716>the <00:01:53.833>cracks <00:01:53.950>and <00:01:54.066>become <00:01:54.183>developer <00:01:54.300>problems,

35
00:01:56.300 --> 00:01:59.900
<00:01:56.300>even <00:01:56.500>though <00:01:56.700>they <00:01:56.899>might <00:01:57.100>technically <00:01:57.300>be <00:01:57.500>design <00:01:57.700>problems.

36
00:02:01.600 --> 00:02:05.100
<00:02:01.600>And <00:02:01.716>when <00:02:01.833>you <00:02:01.949>don't <00:02:02.066>know <00:02:02.183>much <00:02:02.300>about <00:02:02.416>design <00:02:02.533>even <00:02:02.649>those <00:02:02.766>little <00:02:02.883>tiny <00:02:03.000>choices

37
00:02:04.700 --> 00:02:07.900
<00:02:04.700>can <00:02:04.933>feel <00:02:05.166>very <00:02:05.400>overwhelming. <00:02:05.633>Um, <00:02:05.866>I <00:02:06.100>can't

38
00:02:07.900 --> 00:02:11.000
<00:02:07.900>count <00:02:08.055>the <00:02:08.211>number <00:02:08.366>of <00:02:08.522>times. <00:02:08.677>I've <00:02:08.833>had <00:02:08.988>developer <00:02:09.144>show <00:02:09.300>me

39
00:02:10.900 --> 00:02:14.300
<00:02:10.900>something <00:02:11.027>and <00:02:11.154>be <00:02:11.281>like, <00:02:11.409>it <00:02:11.536>just <00:02:11.663>doesn't <00:02:11.790>look <00:02:11.918>right <00:02:12.045>or <00:02:12.172>I <00:02:12.300>can't

40
00:02:14.200 --> 00:02:17.700
<00:02:14.200>make <00:02:14.375>it <00:02:14.549>look <00:02:14.725>professional. <00:02:14.899>They <00:02:15.075>can <00:02:15.250>identify <00:02:15.424>that <00:02:15.600>there's

41
00:02:17.400 --> 00:02:21.700
<00:02:17.400>something <00:02:17.575>wrong <00:02:17.750>but <00:02:17.925>they <00:02:18.100>cannot <00:02:18.275>figure <00:02:18.450>out <00:02:18.625>why <00:02:18.800>and

42
00:02:20.700 --> 00:02:23.700
<00:02:20.700>it's <00:02:20.899>like <00:02:21.100>trying <00:02:21.299>to <00:02:21.500>solve <00:02:21.700>a <00:02:21.899>riddle <00:02:22.100>in

43
00:02:23.700 --> 00:02:27.100
<00:02:23.700>another <00:02:23.855>language. <00:02:24.011>The <00:02:24.166>problem <00:02:24.322>itself <00:02:24.477>is <00:02:24.633>one <00:02:24.788>thing <00:02:24.944>but <00:02:25.100>on

44
00:02:26.800 --> 00:02:30.000
<00:02:26.800>top <00:02:26.927>of <00:02:27.054>that <00:02:27.181>you <00:02:27.309>don't <00:02:27.436>even <00:02:27.563>have <00:02:27.690>the <00:02:27.818>words <00:02:27.945>to <00:02:28.072>describe <00:02:28.200>it.

45
00:02:30.800 --> 00:02:34.100
<00:02:30.800>So <00:02:30.927>that's <00:02:31.054>really <00:02:31.181>what <00:02:31.309>I'm <00:02:31.436>hoping <00:02:31.563>to <00:02:31.690>offer <00:02:31.818>you <00:02:31.945>in <00:02:32.072>this <00:02:32.200>talk

46
00:02:34.000 --> 00:02:38.000
<00:02:34.000>is <00:02:34.175>a <00:02:34.350>kind <00:02:34.525>of <00:02:34.700>Rosetta <00:02:34.875>Stone <00:02:35.050>for <00:02:35.225>understanding <00:02:35.400>the

47
00:02:37.700 --> 00:02:41.300
<00:02:37.700>world <00:02:37.855>of <00:02:38.011>design <00:02:38.166>by <00:02:38.322>learning <00:02:38.477>some <00:02:38.633>of <00:02:38.788>the <00:02:38.944>fundamentals <00:02:39.100>and

48
00:02:40.900 --> 00:02:42.700
<00:02:40.900>giving <00:02:41.100>you <00:02:41.300>the <00:02:41.500>language <00:02:41.700>to <00:02:41.900>talk <00:02:42.100>about <00:02:42.300>it.

49
00:02:43.500 --> 00:02:47.000
<00:02:43.500>Enough <00:02:43.640>knowledge <00:02:43.780>for <00:02:43.920>you <00:02:44.060>to <00:02:44.200>identify <00:02:44.340>what <00:02:44.480>is <00:02:44.620>happening <00:02:44.760>in <00:02:44.900>your

50
00:02:46.700 --> 00:02:48.100
<00:02:46.700>designs? <00:02:47.329>And <00:02:47.959>why?

51
00:02:49.300 --> 00:02:52.500
<00:02:49.300>But <00:02:49.427>first <00:02:49.554>there <00:02:49.681>is <00:02:49.809>a <00:02:49.936>myth <00:02:50.063>about <00:02:50.190>design <00:02:50.318>that <00:02:50.445>we <00:02:50.572>will <00:02:50.700>need

52
00:02:52.400 --> 00:02:54.400
<00:02:52.400>to <00:02:52.633>debunk <00:02:52.866>before <00:02:53.100>we <00:02:53.333>go <00:02:53.566>any <00:02:53.800>further.

53
00:02:55.400 --> 00:02:57.800
<00:02:55.400>And <00:02:55.575>that <00:02:55.750>is <00:02:55.925>the <00:02:56.100>idea <00:02:56.275>of <00:02:56.450>having <00:02:56.625>the <00:02:56.800>eye.

54
00:02:58.800 --> 00:03:02.100
<00:02:58.800>There's <00:02:59.000>this <00:02:59.200>assumption <00:02:59.400>that <00:02:59.600>design <00:02:59.800>or <00:03:00.000>really <00:03:00.200>any

55
00:03:01.900 --> 00:03:05.300
<00:03:01.900>kind <00:03:02.075>of <00:03:02.250>artistic <00:03:02.425>talent <00:03:02.600>is <00:03:02.775>something <00:03:02.950>that <00:03:03.125>you're <00:03:03.300>just

56
00:03:04.900 --> 00:03:08.900
<00:03:04.900>born <00:03:05.040>with <00:03:05.180>and <00:03:05.320>if <00:03:05.460>you <00:03:05.600>don't <00:03:05.740>have <00:03:05.880>that <00:03:06.020>natural <00:03:06.160>gift, <00:03:06.300>then

57
00:03:07.900 --> 00:03:10.500
<00:03:07.900>you're <00:03:08.250>just <00:03:08.600>out <00:03:08.950>of <00:03:09.300>luck.

58
00:03:11.300 --> 00:03:14.500
<00:03:11.300>This <00:03:11.650>frankly <00:03:12.000>is <00:03:12.350>completely <00:03:12.700>untrue.

59
00:03:15.200 --> 00:03:18.800
<00:03:15.200>Design <00:03:15.307>is <00:03:15.415>a <00:03:15.523>science <00:03:15.630>and <00:03:15.738>it's <00:03:15.846>based <00:03:15.953>on <00:03:16.061>what <00:03:16.169>we <00:03:16.276>know <00:03:16.384>about <00:03:16.492>how <00:03:16.600>our

60
00:03:18.500 --> 00:03:21.900
<00:03:18.500>eyes <00:03:18.675>and <00:03:18.850>our <00:03:19.025>brains <00:03:19.200>process <00:03:19.375>the <00:03:19.550>world. <00:03:19.725>Once <00:03:19.900>you

61
00:03:21.700 --> 00:03:25.200
<00:03:21.700>have <00:03:21.839>a <00:03:21.980>grasp <00:03:22.119>of <00:03:22.260>those <00:03:22.399>fundamentals. <00:03:22.540>You <00:03:22.679>can <00:03:22.820>create <00:03:22.959>designs <00:03:23.100>that

62
00:03:25.100 --> 00:03:28.000
<00:03:25.100>naturally <00:03:25.333>align <00:03:25.566>with <00:03:25.799>how <00:03:26.033>humans <00:03:26.266>interpret <00:03:26.500>information.

63
00:03:29.100 --> 00:03:31.100
<00:03:29.100>Or <00:03:29.333>as <00:03:29.566>we <00:03:29.799>call <00:03:30.033>them <00:03:30.266>good <00:03:30.500>designs.

64
00:03:31.900 --> 00:03:35.300
<00:03:31.900>So <00:03:32.055>even <00:03:32.211>if <00:03:32.366>you're <00:03:32.522>not <00:03:32.677>looking <00:03:32.833>to <00:03:32.988>learn <00:03:33.144>everything <00:03:33.300>about

65
00:03:34.900 --> 00:03:38.300
<00:03:34.900>Art <00:03:35.075>and <00:03:35.250>Design <00:03:35.425>you <00:03:35.600>can <00:03:35.775>still <00:03:35.950>build <00:03:36.125>up <00:03:36.300>a

66
00:03:38.000 --> 00:03:41.200
<00:03:38.000>skill <00:03:38.140>set <00:03:38.280>that <00:03:38.420>enables <00:03:38.560>you <00:03:38.700>to <00:03:38.840>understand <00:03:38.980>what <00:03:39.120>makes <00:03:39.260>the <00:03:39.400>design

67
00:03:41.000 --> 00:03:44.200
<00:03:41.000>good <00:03:41.140>and <00:03:41.280>then <00:03:41.420>start <00:03:41.560>to <00:03:41.700>replicate <00:03:41.840>that <00:03:41.980>in <00:03:42.120>your <00:03:42.260>own <00:03:42.400>work.

68
00:03:45.500 --> 00:03:49.100
<00:03:45.500>So <00:03:45.655>all <00:03:45.811>that <00:03:45.966>being <00:03:46.122>said <00:03:46.277>probably <00:03:46.433>time <00:03:46.588>we <00:03:46.744>start <00:03:46.900>doing

69
00:03:48.500 --> 00:03:51.900
<00:03:48.500>some <00:03:48.700>of <00:03:48.900>that <00:03:49.100>learning <00:03:49.300>right? <00:03:49.500>So <00:03:49.700>let's <00:03:49.900>get

70
00:03:51.600 --> 00:03:52.200
<00:03:51.600>into <00:03:52.140>it.

71
00:03:53.500 --> 00:03:56.600
<00:03:53.500>Welcome <00:03:53.700>to <00:03:53.900>foundations <00:03:54.100>of <00:03:54.300>design <00:03:54.500>today. <00:03:54.700>We <00:03:54.900>will

72
00:03:56.500 --> 00:03:59.700
<00:03:56.500>be <00:03:56.675>talking <00:03:56.850>through <00:03:57.025>the <00:03:57.200>basics <00:03:57.375>of <00:03:57.550>color <00:03:57.725>layout <00:03:57.900>and

73
00:03:59.500 --> 00:04:00.200
typography.

74
00:04:01.000 --> 00:04:04.400
<00:04:01.000>I <00:04:01.107>will <00:04:01.215>be <00:04:01.323>your <00:04:01.430>professor <00:04:01.538>and <00:04:01.646>I <00:04:01.753>promise <00:04:01.861>it <00:04:01.969>will <00:04:02.076>be <00:04:02.184>less <00:04:02.292>painful <00:04:02.400>than

75
00:04:04.100 --> 00:04:07.800
<00:04:04.100>the <00:04:04.227>lectures <00:04:04.354>that <00:04:04.481>I <00:04:04.609>had <00:04:04.736>to <00:04:04.863>sit <00:04:04.990>through <00:04:05.118>in <00:04:05.245>college <00:04:05.372>plus <00:04:05.500>you

76
00:04:07.600 --> 00:04:11.000
<00:04:07.600>don't <00:04:07.739>have <00:04:07.880>to <00:04:08.019>sit <00:04:08.160>on <00:04:08.299>those <00:04:08.440>weird <00:04:08.579>uncomfortable <00:04:08.720>metal <00:04:08.859>stools <00:04:09.000>that

77
00:04:10.900 --> 00:04:14.200
<00:04:10.900>they <00:04:11.040>put <00:04:11.180>in <00:04:11.320>every <00:04:11.460>art <00:04:11.600>classroom <00:04:11.740>for <00:04:11.880>some <00:04:12.020>reason. <00:04:12.160>So <00:04:12.300>you've

78
00:04:13.900 --> 00:04:15.500
<00:04:13.900>already <00:04:14.180>got <00:04:14.460>that <00:04:14.740>going <00:04:15.020>for <00:04:15.300>you.

79
00:04:17.800 --> 00:04:19.600
<00:04:17.800>first <00:04:18.266>things <00:04:18.733>first <00:04:19.200>color

80
00:04:20.400 --> 00:04:23.700
<00:04:20.399>There's <00:04:20.516>a <00:04:20.633>lot <00:04:20.750>to <00:04:20.866>talk <00:04:20.983>about <00:04:21.099>here. <00:04:21.216>How <00:04:21.333>colors <00:04:21.450>work <00:04:21.566>how <00:04:21.683>we <00:04:21.799>talk

81
00:04:23.500 --> 00:04:26.700
<00:04:23.500>about <00:04:23.616>them <00:04:23.733>how <00:04:23.850>our <00:04:23.966>eyes <00:04:24.083>make <00:04:24.200>sense <00:04:24.316>of <00:04:24.433>them. <00:04:24.550>So <00:04:24.666>let's <00:04:24.783>start <00:04:24.900>with

82
00:04:26.500 --> 00:04:29.700
<00:04:26.500>something <00:04:26.640>a <00:04:26.780>little <00:04:26.920>bit <00:04:27.060>more <00:04:27.200>familiar <00:04:27.340>as <00:04:27.480>a <00:04:27.620>jumping <00:04:27.760>off <00:04:27.900>point.

83
00:04:30.300 --> 00:04:31.300
<00:04:30.300>RGB <00:04:31.200>color

84
00:04:32.700 --> 00:04:36.200
<00:04:32.700>When <00:04:32.807>we <00:04:32.915>are <00:04:33.023>working <00:04:33.130>with <00:04:33.238>colors <00:04:33.346>on <00:04:33.453>the <00:04:33.561>computer, <00:04:33.669>we <00:04:33.776>are <00:04:33.884>working <00:04:33.992>with <00:04:34.099>an

85
00:04:35.800 --> 00:04:39.200
<00:04:35.800>additive <00:04:36.000>color <00:04:36.200>system. <00:04:36.400>That <00:04:36.600>means <00:04:36.800>that <00:04:37.000>when <00:04:37.200>all

86
00:04:38.900 --> 00:04:41.500
<00:04:38.900>of <00:04:39.075>the <00:04:39.250>colors <00:04:39.424>are <00:04:39.599>combined <00:04:39.775>the <00:04:39.950>result <00:04:40.125>is <00:04:40.299>white.

87
00:04:42.300 --> 00:04:45.500
<00:04:42.300>This <00:04:42.440>happens <00:04:42.580>anytime. <00:04:42.720>We're <00:04:42.860>dealing <00:04:43.000>with <00:04:43.140>colors <00:04:43.280>from <00:04:43.420>light. <00:04:43.560>So <00:04:43.700>like

88
00:04:45.300 --> 00:04:48.100
<00:04:45.300>a <00:04:45.500>screen <00:04:45.700>or <00:04:45.900>the <00:04:46.100>projector <00:04:46.300>to <00:04:46.500>movie <00:04:46.700>theater.

89
00:04:49.200 --> 00:04:53.000
<00:04:49.200>And <00:04:49.316>that's <00:04:49.433>why <00:04:49.550>when <00:04:49.666>we <00:04:49.783>code <00:04:49.900>the <00:04:50.016>RGB <00:04:50.133>value <00:04:50.250>for <00:04:50.366>White. <00:04:50.483>It's <00:04:50.599>RGB

90
00:04:52.400 --> 00:04:55.800
<00:04:52.400>255 <00:04:52.866>255 <00:04:53.333>right? <00:04:53.799>It's

91
00:04:55.500 --> 00:04:59.200
<00:04:55.500>all <00:04:55.627>three <00:04:55.754>values <00:04:55.881>turned <00:04:56.009>all <00:04:56.136>the <00:04:56.263>way <00:04:56.390>to <00:04:56.518>the <00:04:56.645>max <00:04:56.772>combine <00:04:56.900>together

92
00:04:59.100 --> 00:05:00.600
<00:04:59.100>to <00:04:59.550>create <00:05:00.000>pure <00:05:00.450>white.

93
00:05:01.900 --> 00:05:05.100
<00:05:01.900>On <00:05:02.027>the <00:05:02.154>other <00:05:02.281>hand <00:05:02.409>colors <00:05:02.536>from <00:05:02.663>pigment <00:05:02.790>work <00:05:02.918>on <00:05:03.045>what's <00:05:03.172>called <00:05:03.299>a

94
00:05:04.900 --> 00:05:08.300
<00:05:04.900>subtractive <00:05:05.039>system, <00:05:05.179>which <00:05:05.320>means <00:05:05.460>that <00:05:05.599>the <00:05:05.739>colors <00:05:05.880>will <00:05:06.020>create <00:05:06.159>black <00:05:06.299>when

95
00:05:07.900 --> 00:05:09.100
<00:05:07.900>they're <00:05:08.440>all <00:05:08.980>combined.

96
00:05:09.900 --> 00:05:13.100
<00:05:09.900>You <00:05:10.007>can <00:05:10.115>think <00:05:10.223>about <00:05:10.330>like <00:05:10.438>food <00:05:10.546>coloring <00:05:10.653>or <00:05:10.761>paint <00:05:10.869>as <00:05:10.976>a <00:05:11.084>good <00:05:11.192>example <00:05:11.299>of

97
00:05:12.900 --> 00:05:16.200
<00:05:12.900>the <00:05:13.039>subtractive <00:05:13.179>system <00:05:13.320>the <00:05:13.460>more <00:05:13.599>you <00:05:13.739>add <00:05:13.880>the <00:05:14.020>darker <00:05:14.159>it <00:05:14.299>gets

98
00:05:16.100 --> 00:05:17.700
<00:05:16.100>eventually <00:05:16.800>turning <00:05:17.500>black.

99
00:05:19.200 --> 00:05:22.700
<00:05:19.200>As <00:05:19.355>you <00:05:19.511>can <00:05:19.666>see <00:05:19.822>here <00:05:19.977>the <00:05:20.133>RGB <00:05:20.288>and <00:05:20.444>CMYK <00:05:20.599>models

100
00:05:22.300 --> 00:05:26.200
<00:05:22.300>are <00:05:22.455>the <00:05:22.611>same <00:05:22.766>colors. <00:05:22.922>They're <00:05:23.077>just <00:05:23.233>kind <00:05:23.388>of <00:05:23.544>flipped <00:05:23.700>and

101
00:05:25.300 --> 00:05:28.700
<00:05:25.300>that's <00:05:25.475>the <00:05:25.650>difference <00:05:25.825>between <00:05:26.000>adding <00:05:26.175>and <00:05:26.350>subtracting <00:05:26.525>to <00:05:26.700>create

102
00:05:28.300 --> 00:05:28.900
color.

103
00:05:29.900 --> 00:05:33.600
<00:05:29.900>Practically <00:05:30.099>this <00:05:30.299>means <00:05:30.500>that <00:05:30.700>things <00:05:30.900>we <00:05:31.099>design <00:05:31.299>using

104
00:05:33.200 --> 00:05:36.800
<00:05:33.200>an <00:05:33.327>RGB <00:05:33.454>color <00:05:33.581>mode <00:05:33.709>will <00:05:33.836>inherently <00:05:33.963>look <00:05:34.090>a <00:05:34.218>little <00:05:34.345>bit <00:05:34.472>more <00:05:34.599>bright

105
00:05:36.200 --> 00:05:40.300
<00:05:36.200>and <00:05:36.375>vibrant <00:05:36.550>because <00:05:36.724>remember <00:05:36.900>it's <00:05:37.075>it's <00:05:37.250>light <00:05:37.425>based. <00:05:37.599>Whereas

106
00:05:39.400 --> 00:05:42.600
<00:05:39.400>printing <00:05:39.599>with <00:05:39.799>CMYK <00:05:40.000>colors <00:05:40.200>is <00:05:40.400>Gonna <00:05:40.599>Get <00:05:40.799>You

107
00:05:42.400 --> 00:05:44.500
<00:05:42.400>truer <00:05:43.099>deeper <00:05:43.799>darks.

108
00:05:45.800 --> 00:05:50.300
<00:05:45.800>Since <00:05:45.900>we're <00:05:46.000>focused <00:05:46.100>on <00:05:46.200>UI <00:05:46.300>design <00:05:46.400>here, <00:05:46.500>we're <00:05:46.600>going <00:05:46.700>to <00:05:46.800>go <00:05:46.900>ahead <00:05:47.000>and <00:05:47.100>set <00:05:47.200>CMYK

109
00:05:49.500 --> 00:05:53.100
<00:05:49.500>aside <00:05:49.640>and <00:05:49.780>focus <00:05:49.920>the <00:05:50.060>rest <00:05:50.200>of <00:05:50.340>our <00:05:50.480>attention <00:05:50.620>on <00:05:50.760>our <00:05:50.900>GP.

110
00:05:55.000 --> 00:05:58.500
<00:05:55.000>So <00:05:55.116>each <00:05:55.233>one <00:05:55.350>of <00:05:55.466>these <00:05:55.583>little <00:05:55.700>boxes <00:05:55.816>of <00:05:55.933>three <00:05:56.050>colors <00:05:56.166>is <00:05:56.283>a <00:05:56.400>pixel

111
00:05:58.200 --> 00:06:01.700
<00:05:58.200>and <00:05:58.340>when <00:05:58.479>we <00:05:58.620>Define <00:05:58.760>a <00:05:58.900>color <00:05:59.039>using <00:05:59.180>the <00:05:59.320>RGB <00:05:59.460>method, <00:05:59.599>that's

112
00:06:01.400 --> 00:06:02.500
<00:06:01.400>what <00:06:01.895>we're <00:06:02.390>defining.

113
00:06:03.300 --> 00:06:06.800
<00:06:03.300>From <00:06:03.427>a <00:06:03.554>distance <00:06:03.681>our <00:06:03.809>eyes <00:06:03.936>will <00:06:04.063>blur <00:06:04.190>all <00:06:04.318>those <00:06:04.445>little <00:06:04.572>sub-pixels <00:06:04.700>and

114
00:06:06.500 --> 00:06:09.700
<00:06:06.500>pixels <00:06:06.675>together <00:06:06.850>to <00:06:07.025>create <00:06:07.200>everything <00:06:07.375>that <00:06:07.550>we <00:06:07.725>see <00:06:07.900>on

115
00:06:09.500 --> 00:06:10.200
<00:06:09.500>a <00:06:10.130>screen.

116
00:06:11.100 --> 00:06:14.400
<00:06:11.100>In <00:06:11.240>fact, <00:06:11.380>this <00:06:11.520>is <00:06:11.660>actually <00:06:11.800>a <00:06:11.940>very <00:06:12.080>old <00:06:12.220>technique <00:06:12.360>long <00:06:12.500>before

117
00:06:14.100 --> 00:06:16.000
<00:06:14.100>there <00:06:14.450>were <00:06:14.800>screens <00:06:15.150>and <00:06:15.500>pixels.

118
00:06:16.800 --> 00:06:17.900
<00:06:16.800>There <00:06:17.295>is <00:06:17.789>pointillism.

119
00:06:19.200 --> 00:06:23.000
<00:06:19.200>This <00:06:19.375>painting <00:06:19.550>is <00:06:19.724>surat's <00:06:19.900>a <00:06:20.075>Sunday <00:06:20.250>on <00:06:20.425>lagrangea <00:06:20.599>and

120
00:06:22.300 --> 00:06:25.500
<00:06:22.300>from <00:06:22.455>a <00:06:22.611>distance. <00:06:22.766>It <00:06:22.922>looks <00:06:23.077>pretty <00:06:23.233>much <00:06:23.388>like <00:06:23.544>any <00:06:23.700>other

121
00:06:25.300 --> 00:06:28.400
<00:06:25.300>painting. <00:06:25.400>But <00:06:25.500>if <00:06:25.600>you <00:06:25.700>were <00:06:25.800>to <00:06:25.900>get <00:06:26.000>right <00:06:26.100>up <00:06:26.200>close <00:06:26.300>to <00:06:26.400>it <00:06:26.500>put <00:06:26.600>your <00:06:26.700>face

122
00:06:28.300 --> 00:06:31.700
<00:06:28.300>right <00:06:28.407>up <00:06:28.515>near <00:06:28.623>it <00:06:28.730>at <00:06:28.838>least <00:06:28.946>as <00:06:29.053>close <00:06:29.161>as <00:06:29.269>you <00:06:29.376>could <00:06:29.484>without <00:06:29.592>getting <00:06:29.700>kicked

123
00:06:31.300 --> 00:06:32.200
<00:06:31.300>out <00:06:31.570>of <00:06:31.840>the <00:06:32.110>museum.

124
00:06:33.000 --> 00:06:37.300
<00:06:33.000>You'll <00:06:33.116>see <00:06:33.233>that <00:06:33.350>it <00:06:33.466>works <00:06:33.583>the <00:06:33.700>same <00:06:33.816>way <00:06:33.933>that <00:06:34.050>pixels <00:06:34.166>do <00:06:34.283>or <00:06:34.400>pixels

125
00:06:36.100 --> 00:06:38.100
<00:06:36.100>work <00:06:36.566>just <00:06:37.033>like <00:06:37.500>this.

126
00:06:39.400 --> 00:06:43.300
<00:06:39.400>This <00:06:39.507>approach <00:06:39.615>was <00:06:39.723>part <00:06:39.830>of <00:06:39.938>a <00:06:40.046>broader <00:06:40.153>movement <00:06:40.261>in <00:06:40.369>art <00:06:40.476>history <00:06:40.584>called <00:06:40.692>post <00:06:40.799>impressionism

127
00:06:42.600 --> 00:06:46.100
<00:06:42.600>which <00:06:42.880>of <00:06:43.160>course <00:06:43.440>followed <00:06:43.720>impressionism <00:06:44.000>because

128
00:06:45.900 --> 00:06:49.300
<00:06:45.900>it <00:06:46.039>turns <00:06:46.179>out <00:06:46.320>naming <00:06:46.460>is <00:06:46.599>hard <00:06:46.739>everywhere <00:06:46.880>not <00:06:47.020>just <00:06:47.159>in <00:06:47.299>programming.

129
00:06:50.600 --> 00:06:54.100
<00:06:50.600>Post <00:06:50.775>impressionist <00:06:50.950>artists <00:06:51.125>were <00:06:51.300>really <00:06:51.475>curious <00:06:51.650>about <00:06:51.825>light <00:06:52.000>and

130
00:06:53.600 --> 00:06:57.200
<00:06:53.600>color <00:06:53.755>and <00:06:53.911>how <00:06:54.066>the <00:06:54.222>human <00:06:54.377>eye <00:06:54.533>interpreted <00:06:54.688>them. <00:06:54.844>You <00:06:55.000>can

131
00:06:57.100 --> 00:07:00.400
<00:06:57.100>see <00:06:57.240>those <00:06:57.380>same <00:06:57.520>kinds <00:06:57.660>of <00:06:57.800>like <00:06:57.940>short <00:06:58.080>quick <00:06:58.220>brush <00:06:58.360>Strokes <00:06:58.500>across

132
00:07:00.200 --> 00:07:03.600
<00:07:00.200>other <00:07:00.340>paintings <00:07:00.479>at <00:07:00.620>the <00:07:00.760>same <00:07:00.900>period <00:07:01.039>so <00:07:01.180>things <00:07:01.320>like <00:07:01.460>Monet's <00:07:01.599>water

133
00:07:03.400 --> 00:07:05.500
<00:07:03.400>abilities <00:07:03.750>are <00:07:04.099>Vancouver <00:07:04.450>Starry <00:07:04.799>Night.

134
00:07:06.700 --> 00:07:10.000
<00:07:06.700>This <00:07:06.840>approach <00:07:06.979>is <00:07:07.120>completely <00:07:07.260>dependent <00:07:07.400>on <00:07:07.539>how <00:07:07.680>our <00:07:07.820>eyes <00:07:07.960>interpret <00:07:08.099>the

135
00:07:09.800 --> 00:07:12.200
<00:07:09.800>colors <00:07:09.955>based <00:07:10.111>on <00:07:10.266>the <00:07:10.422>colors <00:07:10.577>that <00:07:10.733>are <00:07:10.888>next <00:07:11.044>to <00:07:11.200>it.

136
00:07:13.600 --> 00:07:17.800
<00:07:13.600>And <00:07:13.707>I <00:07:13.815>can <00:07:13.923>imagine <00:07:14.030>right <00:07:14.138>now. <00:07:14.246>You're <00:07:14.353>kind <00:07:14.461>of <00:07:14.569>thinking <00:07:14.676>like <00:07:14.784>okay <00:07:14.892>neat <00:07:15.000>trivia,

137
00:07:17.500 --> 00:07:20.000
<00:07:17.500>but <00:07:17.655>what <00:07:17.811>does <00:07:17.966>this <00:07:18.122>have <00:07:18.277>to <00:07:18.433>do <00:07:18.588>with <00:07:18.744>user <00:07:18.900>interfaces?

138
00:07:20.900 --> 00:07:24.100
<00:07:20.900>Well, <00:07:21.027>in <00:07:21.154>fact <00:07:21.281>this <00:07:21.409>knowledge <00:07:21.536>of <00:07:21.663>how <00:07:21.790>our <00:07:21.918>eyes <00:07:22.045>and <00:07:22.172>our <00:07:22.299>brains

139
00:07:24.000 --> 00:07:27.500
<00:07:24.000>interpret <00:07:24.155>color <00:07:24.311>really <00:07:24.466>helps <00:07:24.622>us <00:07:24.777>understand <00:07:24.933>the <00:07:25.088>influence <00:07:25.244>of <00:07:25.400>context

140
00:07:27.000 --> 00:07:28.200
<00:07:27.000>in <00:07:28.080>colors.

141
00:07:28.900 --> 00:07:32.300
<00:07:28.900>As <00:07:29.039>we <00:07:29.179>can <00:07:29.320>see <00:07:29.460>demonstrated <00:07:29.599>by <00:07:29.739>those <00:07:29.880>paintings <00:07:30.020>and <00:07:30.159>the <00:07:30.299>way

142
00:07:32.100 --> 00:07:35.600
<00:07:32.100>that <00:07:32.255>the <00:07:32.411>pixels <00:07:32.566>work. <00:07:32.722>Our <00:07:32.877>understanding <00:07:33.033>of <00:07:33.188>color <00:07:33.344>is <00:07:33.500>based

143
00:07:35.200 --> 00:07:38.200
<00:07:35.200>almost <00:07:35.400>entirely <00:07:35.599>on <00:07:35.800>the <00:07:36.000>other <00:07:36.200>colors <00:07:36.400>around <00:07:36.599>it.

144
00:07:40.700 --> 00:07:43.800
<00:07:40.700>See <00:07:40.840>at <00:07:40.979>first <00:07:41.120>glance <00:07:41.260>the <00:07:41.400>two <00:07:41.539>small <00:07:41.680>squares <00:07:41.820>here <00:07:41.960>seem <00:07:42.099>to

145
00:07:43.700 --> 00:07:44.500
<00:07:43.700>be <00:07:44.060>different <00:07:44.420>colors.

146
00:07:45.200 --> 00:07:48.700
<00:07:45.200>But <00:07:45.340>in <00:07:45.479>truth, <00:07:45.620>they <00:07:45.760>are <00:07:45.900>exactly <00:07:46.039>the <00:07:46.180>same <00:07:46.320>just <00:07:46.460>depending <00:07:46.599>on

147
00:07:48.600 --> 00:07:52.000
<00:07:48.600>which <00:07:48.740>background <00:07:48.880>color <00:07:49.020>it's <00:07:49.160>paired <00:07:49.300>with <00:07:49.440>our <00:07:49.580>eyes <00:07:49.720>will <00:07:49.860>perceive <00:07:50.000>the

148
00:07:51.800 --> 00:07:53.800
<00:07:51.800>color <00:07:52.080>of <00:07:52.360>the <00:07:52.640>smaller <00:07:52.920>Square <00:07:53.200>differently.

149
00:07:54.900 --> 00:07:58.200
<00:07:54.900>Having <00:07:55.055>this <00:07:55.211>kind <00:07:55.366>of <00:07:55.522>contextual <00:07:55.677>awareness <00:07:55.833>is <00:07:55.988>huge <00:07:56.144>when <00:07:56.299>it

150
00:07:58.000 --> 00:08:01.600
<00:07:58.000>comes <00:07:58.140>to <00:07:58.280>making <00:07:58.420>color <00:07:58.560>choices <00:07:58.700>for <00:07:58.840>our <00:07:58.980>user <00:07:59.120>interfaces <00:07:59.260>because <00:07:59.400>a

151
00:08:01.300 --> 00:08:04.600
<00:08:01.300>color <00:08:01.455>that <00:08:01.611>looks <00:08:01.766>one <00:08:01.922>way <00:08:02.077>in <00:08:02.233>isolation <00:08:02.388>might <00:08:02.544>look <00:08:02.700>completely

152
00:08:04.400 --> 00:08:07.900
<00:08:04.400>different <00:08:04.527>when <00:08:04.654>it's <00:08:04.781>put <00:08:04.909>into <00:08:05.036>a <00:08:05.163>layout <00:08:05.290>and <00:08:05.418>surrounded <00:08:05.545>by <00:08:05.672>other <00:08:05.799>colors.

153
00:08:08.800 --> 00:08:12.400
<00:08:08.800>In <00:08:08.955>fact, <00:08:09.111>that's <00:08:09.266>often <00:08:09.422>where <00:08:09.577>people <00:08:09.733>struggle <00:08:09.888>most <00:08:10.044>putting <00:08:10.200>different

154
00:08:12.100 --> 00:08:15.200
<00:08:12.100>colors <00:08:12.300>together <00:08:12.500>to <00:08:12.700>create <00:08:12.900>themes <00:08:13.100>and <00:08:13.300>color <00:08:13.500>schemes.

155
00:08:16.400 --> 00:08:20.600
<00:08:16.400>Choosing <00:08:16.539>one <00:08:16.679>color <00:08:16.820>it's <00:08:16.960>not <00:08:17.099>so <00:08:17.239>hard. <00:08:17.380>Right <00:08:17.520>but <00:08:17.659>choosing <00:08:17.799>four

156
00:08:20.200 --> 00:08:24.200
<00:08:20.200>or <00:08:20.340>five <00:08:20.479>colors <00:08:20.620>that <00:08:20.760>will <00:08:20.900>all <00:08:21.039>play <00:08:21.180>nicely <00:08:21.320>together. <00:08:21.460>That's <00:08:21.599>a

157
00:08:23.700 --> 00:08:25.100
<00:08:23.700>little <00:08:24.120>bit <00:08:24.540>more <00:08:24.960>challenging.

158
00:08:26.100 --> 00:08:29.300
<00:08:26.100>But <00:08:26.240>before <00:08:26.380>we <00:08:26.520>can <00:08:26.660>talk <00:08:26.800>about <00:08:26.940>creating <00:08:27.080>color <00:08:27.220>schemes, <00:08:27.360>we <00:08:27.500>do

159
00:08:29.100 --> 00:08:31.500
<00:08:29.100>need <00:08:29.227>to <00:08:29.354>stop <00:08:29.481>for <00:08:29.609>a <00:08:29.736>minute <00:08:29.863>and <00:08:29.990>talk <00:08:30.118>about <00:08:30.245>the <00:08:30.372>color <00:08:30.500>wheel.

160
00:08:32.900 --> 00:08:36.000
<00:08:32.900>Chances, <00:08:33.027>are <00:08:33.154>you <00:08:33.281>have <00:08:33.409>seen <00:08:33.536>a <00:08:33.663>color <00:08:33.790>wheel <00:08:33.918>at <00:08:34.045>some <00:08:34.172>point <00:08:34.299>before?

161
00:08:37.000 --> 00:08:40.100
<00:08:37.000>Even <00:08:37.107>if <00:08:37.215>it <00:08:37.323>was <00:08:37.430>just <00:08:37.538>the <00:08:37.646>last <00:08:37.753>time <00:08:37.861>one <00:08:37.969>of <00:08:38.076>your <00:08:38.184>apps <00:08:38.292>crashed <00:08:38.400>and

162
00:08:40.000 --> 00:08:41.700
<00:08:40.000>you <00:08:40.233>got <00:08:40.466>the <00:08:40.700>spinning <00:08:40.933>wheel <00:08:41.166>of <00:08:41.400>death.

163
00:08:43.900 --> 00:08:47.500
<00:08:43.900>However, <00:08:44.039>is <00:08:44.179>the <00:08:44.319>much <00:08:44.459>more <00:08:44.600>pleasant <00:08:44.740>Johannes <00:08:44.880>eaten <00:08:45.020>color <00:08:45.160>wheel <00:08:45.300>which

164
00:08:46.900 --> 00:08:50.400
<00:08:46.900>does <00:08:47.074>a <00:08:47.250>fantastic <00:08:47.425>job <00:08:47.600>of <00:08:47.775>demonstrating <00:08:47.949>that <00:08:48.125>relationship <00:08:48.300>between

165
00:08:50.100 --> 00:08:53.500
<00:08:50.100>the <00:08:50.275>primary <00:08:50.450>colors <00:08:50.625>the <00:08:50.800>red <00:08:50.975>yellow <00:08:51.150>and <00:08:51.325>blue <00:08:51.500>there

166
00:08:53.100 --> 00:08:57.200
<00:08:53.100>at <00:08:53.300>the <00:08:53.500>center <00:08:53.700>with <00:08:53.900>everything <00:08:54.100>else <00:08:54.300>because <00:08:54.500>when

167
00:08:56.900 --> 00:09:00.300
<00:08:56.900>you <00:08:57.074>combine <00:08:57.250>Primary <00:08:57.425>Colors, <00:08:57.600>the <00:08:57.775>result <00:08:57.949>is <00:08:58.125>a <00:08:58.300>secondary

168
00:08:59.900 --> 00:09:03.200
<00:08:59.900>color, <00:09:00.016>which <00:09:00.133>you <00:09:00.250>can <00:09:00.366>kind <00:09:00.483>of <00:09:00.600>see <00:09:00.716>in <00:09:00.833>that <00:09:00.949>next <00:09:01.066>level <00:09:01.183>out <00:09:01.300>the

169
00:09:02.900 --> 00:09:04.200
<00:09:02.900>orange <00:09:03.290>green <00:09:03.680>and <00:09:04.070>purple.

170
00:09:05.000 --> 00:09:08.400
<00:09:05.000>Mixing <00:09:05.155>a <00:09:05.311>secondary <00:09:05.466>color <00:09:05.622>with <00:09:05.777>a <00:09:05.933>primary <00:09:06.088>color <00:09:06.244>results <00:09:06.400>in

171
00:09:08.100 --> 00:09:11.700
<00:09:08.100>a <00:09:08.255>tertiary <00:09:08.411>color, <00:09:08.566>which <00:09:08.722>you <00:09:08.877>can <00:09:09.033>see <00:09:09.188>along <00:09:09.344>that <00:09:09.500>outer

172
00:09:11.200 --> 00:09:11.900
ring.

173
00:09:13.100 --> 00:09:15.000
<00:09:13.100>in <00:09:13.333>between <00:09:13.566>the <00:09:13.800>primary <00:09:14.033>and <00:09:14.266>secondary <00:09:14.500>colors

174
00:09:16.800 --> 00:09:20.100
<00:09:16.800>Now <00:09:16.955>when <00:09:17.111>we <00:09:17.266>are <00:09:17.422>talking <00:09:17.577>about <00:09:17.733>a <00:09:17.888>colors <00:09:18.044>actual <00:09:18.199>color,

175
00:09:19.800 --> 00:09:22.800
<00:09:19.800>we're <00:09:20.000>talking <00:09:20.199>about <00:09:20.400>its <00:09:20.599>Hue. <00:09:20.800>That's <00:09:21.000>the <00:09:21.199>thing

176
00:09:22.800 --> 00:09:26.400
<00:09:22.800>that <00:09:22.927>makes <00:09:23.054>us <00:09:23.181>describe <00:09:23.309>a <00:09:23.436>color <00:09:23.563>as <00:09:23.690>green <00:09:23.818>as <00:09:23.945>opposed <00:09:24.072>to <00:09:24.199>yellow

177
00:09:25.800 --> 00:09:27.100
<00:09:25.800>or <00:09:26.970>red.

178
00:09:28.400 --> 00:09:31.900
<00:09:28.400>But <00:09:28.516>Hue <00:09:28.633>is <00:09:28.750>in <00:09:28.866>fact <00:09:28.983>just <00:09:29.100>one <00:09:29.216>half <00:09:29.333>of <00:09:29.449>a <00:09:29.566>color <00:09:29.683>because <00:09:29.800>there's

179
00:09:31.700 --> 00:09:33.000
<00:09:31.700>also <00:09:32.870>value.

180
00:09:34.400 --> 00:09:37.700
<00:09:34.400>Value <00:09:34.540>is <00:09:34.680>the <00:09:34.819>lightness <00:09:34.959>or <00:09:35.100>darkness <00:09:35.240>of <00:09:35.380>the <00:09:35.520>Hue. <00:09:35.660>It's <00:09:35.800>what

181
00:09:37.400 --> 00:09:40.800
<00:09:37.400>creates <00:09:37.555>the <00:09:37.711>difference <00:09:37.866>between <00:09:38.022>something <00:09:38.177>like <00:09:38.333>sky <00:09:38.488>blue <00:09:38.644>and <00:09:38.800>navy.

182
00:09:41.700 --> 00:09:45.200
<00:09:41.700>You <00:09:41.807>can <00:09:41.915>change <00:09:42.023>the <00:09:42.130>value <00:09:42.238>of <00:09:42.346>a <00:09:42.453>color <00:09:42.561>in <00:09:42.669>three <00:09:42.776>ways <00:09:42.884>by <00:09:42.992>adding <00:09:43.100>white

183
00:09:44.800 --> 00:09:47.500
<00:09:44.800>adding <00:09:45.150>gray <00:09:45.500>or <00:09:45.849>adding <00:09:46.199>black.

184
00:09:48.500 --> 00:09:52.000
<00:09:48.500>When <00:09:48.616>you <00:09:48.733>add <00:09:48.850>white <00:09:48.966>to <00:09:49.083>a <00:09:49.200>hue <00:09:49.316>it's <00:09:49.433>called <00:09:49.550>a <00:09:49.666>tint <00:09:49.783>adding <00:09:49.900>gray

185
00:09:51.700 --> 00:09:54.600
<00:09:51.700>creates <00:09:51.900>a <00:09:52.100>tone <00:09:52.300>adding <00:09:52.500>black <00:09:52.700>creates <00:09:52.900>a <00:09:53.100>shade.

186
00:09:56.400 --> 00:09:59.700
<00:09:56.400>Colors <00:09:56.555>can <00:09:56.711>be <00:09:56.866>broadly <00:09:57.022>categorized <00:09:57.177>into <00:09:57.333>two <00:09:57.488>sections <00:09:57.644>warm <00:09:57.800>and

187
00:09:59.600 --> 00:10:02.800
<00:09:59.600>cool <00:09:59.800>colors <00:10:00.000>even <00:10:00.200>without <00:10:00.400>really <00:10:00.600>digging <00:10:00.800>into <00:10:01.000>this.

188
00:10:02.600 --> 00:10:06.600
<00:10:02.600>You <00:10:02.740>can <00:10:02.880>probably <00:10:03.020>already <00:10:03.160>guess <00:10:03.300>how <00:10:03.440>this <00:10:03.580>works. <00:10:03.720>Right <00:10:03.860>your <00:10:04.000>warm

189
00:10:06.400 --> 00:10:09.900
<00:10:06.400>colors <00:10:06.555>You're <00:10:06.711>Gonna <00:10:06.866>Be <00:10:07.022>Your <00:10:07.177>Reds <00:10:07.333>oranges <00:10:07.488>yellows <00:10:07.644>Browns <00:10:07.800>all

190
00:10:09.700 --> 00:10:13.600
<00:10:09.700>that <00:10:09.855>stuff <00:10:10.011>that <00:10:10.166>kind <00:10:10.322>of <00:10:10.477>evokes <00:10:10.633>feelings <00:10:10.788>of <00:10:10.944>physical <00:10:11.100>warmth

191
00:10:13.000 --> 00:10:14.500
<00:10:13.000>of <00:10:14.350>sunlight.

192
00:10:15.200 --> 00:10:18.800
<00:10:15.200>Whereas <00:10:15.375>cool <00:10:15.550>colors <00:10:15.725>are <00:10:15.900>your <00:10:16.075>Blues <00:10:16.250>greens <00:10:16.425>purples <00:10:16.600>that

193
00:10:18.400 --> 00:10:21.900
<00:10:18.400>we <00:10:18.574>associate <00:10:18.750>with <00:10:18.925>feelings <00:10:19.100>of <00:10:19.275>coolness <00:10:19.449>or <00:10:19.625>of <00:10:19.800>night?

194
00:10:23.100 --> 00:10:26.700
<00:10:23.100>Beyond <00:10:23.275>the <00:10:23.450>realm <00:10:23.625>of <00:10:23.800>pure <00:10:23.975>physical <00:10:24.150>sensation. <00:10:24.325>We <00:10:24.500>also

195
00:10:26.500 --> 00:10:30.100
<00:10:26.500>extend <00:10:26.655>these <00:10:26.811>warm <00:10:26.966>and <00:10:27.122>cool <00:10:27.277>feelings <00:10:27.433>into <00:10:27.588>their <00:10:27.744>connected <00:10:27.900>emotions.

196
00:10:29.600 --> 00:10:34.000
<00:10:29.600>So <00:10:29.800>warm <00:10:30.000>colors <00:10:30.200>tend <00:10:30.400>to <00:10:30.600>evoke <00:10:30.800>happy <00:10:31.000>energizing

197
00:10:33.100 --> 00:10:36.200
<00:10:33.100>passionate <00:10:33.566>exciting <00:10:34.033>kind <00:10:34.500>of

198
00:10:36.100 --> 00:10:39.300
<00:10:36.100>emotions. <00:10:36.333>Whereas <00:10:36.566>cool <00:10:36.800>colors <00:10:37.033>are <00:10:37.266>a <00:10:37.500>little

199
00:10:39.300 --> 00:10:43.200
<00:10:39.300>bit <00:10:39.455>more <00:10:39.611>somber <00:10:39.766>and <00:10:39.922>we <00:10:40.077>associate <00:10:40.233>them <00:10:40.388>with <00:10:40.544>relaxation <00:10:40.699>steadiness

200
00:10:42.400 --> 00:10:45.000
<00:10:42.400>trustworthiness <00:10:43.100>or <00:10:43.800>knowledge.

201
00:10:46.300 --> 00:10:49.900
<00:10:46.300>when <00:10:46.416>we <00:10:46.533>understand <00:10:46.650>the <00:10:46.766>color <00:10:46.883>wheel, <00:10:47.000>we <00:10:47.116>have <00:10:47.233>a <00:10:47.349>tool <00:10:47.466>to <00:10:47.583>visualize <00:10:47.699>the

202
00:10:49.600 --> 00:10:52.600
<00:10:49.600>relationship <00:10:49.755>that <00:10:49.911>colors <00:10:50.066>have <00:10:50.222>with <00:10:50.377>each <00:10:50.533>other <00:10:50.688>and <00:10:50.844>we <00:10:51.000>can

203
00:10:52.600 --> 00:10:56.400
<00:10:52.600>use <00:10:52.716>the <00:10:52.833>color <00:10:52.950>wheel <00:10:53.066>to <00:10:53.183>know <00:10:53.300>which <00:10:53.416>colors <00:10:53.533>will <00:10:53.650>work <00:10:53.766>together <00:10:53.883>and <00:10:54.000>which

204
00:10:55.900 --> 00:10:56.600
won't

205
00:10:58.300 --> 00:11:02.200
<00:10:58.300>When <00:10:58.474>putting <00:10:58.650>together <00:10:58.824>a <00:10:59.000>color <00:10:59.175>scheme, <00:10:59.349>I <00:10:59.525>suggest <00:10:59.699>starting

206
00:11:01.900 --> 00:11:05.200
<00:11:01.900>by <00:11:02.100>choosing <00:11:02.300>one <00:11:02.500>main <00:11:02.699>color, <00:11:02.900>right? <00:11:03.100>And <00:11:03.300>if

207
00:11:05.000 --> 00:11:08.600
<00:11:05.000>you <00:11:05.127>don't <00:11:05.254>already <00:11:05.381>have <00:11:05.509>a <00:11:05.636>brand <00:11:05.763>color <00:11:05.890>that <00:11:06.018>working <00:11:06.145>with <00:11:06.272>choosing <00:11:06.400>between

208
00:11:08.300 --> 00:11:11.800
<00:11:08.300>a <00:11:08.407>warm <00:11:08.515>or <00:11:08.623>cool <00:11:08.730>color <00:11:08.838>is <00:11:08.946>a <00:11:09.053>great <00:11:09.161>starting <00:11:09.269>point <00:11:09.376>and <00:11:09.484>then <00:11:09.592>narrowing <00:11:09.699>it

209
00:11:11.700 --> 00:11:13.900
<00:11:11.700>down <00:11:11.875>to <00:11:12.050>one <00:11:12.225>that <00:11:12.400>feels <00:11:12.575>right <00:11:12.750>for <00:11:12.925>your <00:11:13.100>project.

210
00:11:15.200 --> 00:11:18.400
<00:11:15.200>Then <00:11:15.327>I <00:11:15.454>recommend <00:11:15.581>using <00:11:15.709>one <00:11:15.836>of <00:11:15.963>the <00:11:16.090>four <00:11:16.218>major <00:11:16.345>types <00:11:16.472>of <00:11:16.600>color

211
00:11:18.200 --> 00:11:21.500
<00:11:18.200>schemes <00:11:18.550>monochromatic <00:11:18.900>analogous <00:11:19.250>complementary <00:11:19.600>or

212
00:11:21.300 --> 00:11:24.400
<00:11:21.300>triadic <00:11:21.427>which <00:11:21.554>we <00:11:21.681>will <00:11:21.809>talk <00:11:21.936>about <00:11:22.063>in <00:11:22.190>more <00:11:22.318>detail <00:11:22.445>in <00:11:22.572>just <00:11:22.699>a

213
00:11:24.300 --> 00:11:24.500
minute.

214
00:11:25.100 --> 00:11:27.700
<00:11:25.100>To <00:11:25.300>expand <00:11:25.500>that <00:11:25.700>color <00:11:25.900>into <00:11:26.100>a <00:11:26.300>full <00:11:26.500>palette.

215
00:11:28.600 --> 00:11:31.800
<00:11:28.600>A <00:11:28.727>color <00:11:28.854>scheme <00:11:28.981>does <00:11:29.109>not <00:11:29.236>have <00:11:29.363>to <00:11:29.490>fit <00:11:29.618>exactly <00:11:29.745>into <00:11:29.872>one <00:11:30.000>of

216
00:11:31.800 --> 00:11:33.200
<00:11:31.800>those <00:11:32.052>four <00:11:32.304>types <00:11:32.556>to <00:11:32.808>be <00:11:33.060>good.

217
00:11:34.000 --> 00:11:37.400
<00:11:34.000>But <00:11:34.140>these <00:11:34.280>are <00:11:34.420>tried <00:11:34.560>and <00:11:34.700>true <00:11:34.840>methods <00:11:34.980>to <00:11:35.120>create <00:11:35.260>color <00:11:35.400>groups

218
00:11:37.100 --> 00:11:40.400
<00:11:37.100>that <00:11:37.275>you <00:11:37.450>know <00:11:37.625>will <00:11:37.800>always <00:11:37.975>work. <00:11:38.150>So <00:11:38.325>it's <00:11:38.500>kind

219
00:11:40.300 --> 00:11:41.500
<00:11:40.300>of <00:11:40.480>nice <00:11:40.660>to <00:11:40.839>have <00:11:41.020>them <00:11:41.200>on <00:11:41.380>hand.

220
00:11:42.300 --> 00:11:46.000
<00:11:42.300>Let's <00:11:42.400>take <00:11:42.500>a <00:11:42.599>quick <00:11:42.699>look <00:11:42.800>at <00:11:42.900>these <00:11:43.000>four <00:11:43.099>color <00:11:43.199>schemes <00:11:43.300>as <00:11:43.400>well <00:11:43.500>as <00:11:43.599>some <00:11:43.699>example

221
00:11:45.500 --> 00:11:47.600
<00:11:45.500>user <00:11:45.850>interfaces <00:11:46.200>that <00:11:46.550>use <00:11:46.900>them.

222
00:11:49.300 --> 00:11:51.100
<00:11:49.300>First <00:11:49.650>is <00:11:50.000>the <00:11:50.349>simplest <00:11:50.699>monochromatic.

223
00:11:52.000 --> 00:11:55.400
<00:11:52.000>As <00:11:52.155>you <00:11:52.311>can <00:11:52.466>probably <00:11:52.622>guess <00:11:52.777>monochromatic <00:11:52.933>uses <00:11:53.088>the <00:11:53.244>tints <00:11:53.400>tones

224
00:11:55.200 --> 00:11:58.700
<00:11:55.200>and <00:11:55.340>shades <00:11:55.480>of <00:11:55.620>only <00:11:55.760>a <00:11:55.900>single <00:11:56.040>huge <00:11:56.180>to <00:11:56.320>create <00:11:56.460>depth <00:11:56.600>and

225
00:11:58.400 --> 00:11:59.100
variation.

226
00:12:00.000 --> 00:12:03.100
<00:12:00.000>This <00:12:00.116>is <00:12:00.233>a <00:12:00.350>really <00:12:00.466>easy <00:12:00.583>one <00:12:00.700>to <00:12:00.816>reach <00:12:00.933>for <00:12:01.050>because <00:12:01.166>you <00:12:01.283>only <00:12:01.400>need

227
00:12:03.000 --> 00:12:03.800
<00:12:03.000>that <00:12:03.360>one <00:12:03.719>color.

228
00:12:04.600 --> 00:12:07.800
<00:12:04.600>The <00:12:04.700>downside <00:12:04.800>is <00:12:04.900>that <00:12:05.000>it <00:12:05.100>can <00:12:05.200>be <00:12:05.300>a <00:12:05.400>little <00:12:05.500>harder <00:12:05.600>to <00:12:05.700>make <00:12:05.800>elements <00:12:05.900>stand <00:12:06.000>out

229
00:12:07.700 --> 00:12:10.800
<00:12:07.700>and <00:12:07.840>you <00:12:07.980>might <00:12:08.120>feel <00:12:08.260>that <00:12:08.400>lack <00:12:08.540>of <00:12:08.680>variety <00:12:08.820>while <00:12:08.960>you're <00:12:09.100>working.

230
00:12:12.000 --> 00:12:15.300
<00:12:12.000>This <00:12:12.175>piece <00:12:12.350>marked <00:12:12.525>handsy's <00:12:12.700>forward <00:12:12.875>Retreat <00:12:13.050>is <00:12:13.225>a <00:12:13.400>great

231
00:12:15.100 --> 00:12:17.900
<00:12:15.100>example <00:12:15.333>of <00:12:15.566>painting <00:12:15.800>using <00:12:16.033>monochromatic <00:12:16.266>color <00:12:16.500>scheme.

232
00:12:18.600 --> 00:12:22.400
<00:12:18.600>Emotionally <00:12:18.775>monochromatic <00:12:18.950>color <00:12:19.125>schemes <00:12:19.300>can <00:12:19.475>feel <00:12:19.650>very <00:12:19.825>intense. <00:12:20.000>That's

233
00:12:21.800 --> 00:12:25.700
<00:12:21.800>because <00:12:22.033>repeated <00:12:22.266>elements <00:12:22.500>create <00:12:22.733>urgency <00:12:22.966>and <00:12:23.199>emphasis

234
00:12:25.000 --> 00:12:26.300
<00:12:25.000>in <00:12:25.585>a <00:12:26.170>design.

235
00:12:27.000 --> 00:12:30.400
<00:12:27.000>This <00:12:27.140>happens <00:12:27.280>in <00:12:27.420>everything <00:12:27.560>right? <00:12:27.700>If <00:12:27.840>you <00:12:27.980>were <00:12:28.120>like <00:12:28.260>underlying <00:12:28.400>something

236
00:12:30.200 --> 00:12:33.800
<00:12:30.200>several <00:12:30.316>times <00:12:30.433>or <00:12:30.550>even <00:12:30.666>people <00:12:30.783>repeat <00:12:30.900>a <00:12:31.016>word <00:12:31.133>when <00:12:31.250>they <00:12:31.366>say <00:12:31.483>like <00:12:31.600>no,

237
00:12:33.400 --> 00:12:35.200
<00:12:33.400>I'm <00:12:33.680>really <00:12:33.959>really <00:12:34.240>gonna <00:12:34.520>do <00:12:34.800>it.

238
00:12:36.100 --> 00:12:40.300
<00:12:36.100>It's <00:12:36.275>it's <00:12:36.450>an <00:12:36.625>indication <00:12:36.800>of <00:12:36.975>like <00:12:37.150>intensity <00:12:37.325>repetition <00:12:37.500>is

239
00:12:40.200 --> 00:12:43.500
<00:12:40.200>a <00:12:40.316>tool <00:12:40.433>in <00:12:40.550>our <00:12:40.666>design <00:12:40.783>toolbox <00:12:40.900>that <00:12:41.016>we <00:12:41.133>can <00:12:41.250>use <00:12:41.366>in <00:12:41.483>multiple <00:12:41.600>ways

240
00:12:43.300 --> 00:12:45.800
<00:12:43.300>to <00:12:43.500>tell <00:12:43.699>the <00:12:43.900>user. <00:12:44.099>This <00:12:44.300>is <00:12:44.500>really <00:12:44.699>important.

241
00:12:47.400 --> 00:12:51.300
<00:12:47.400>And <00:12:47.574>if <00:12:47.750>we're <00:12:47.925>talking <00:12:48.100>about <00:12:48.275>monochromatic <00:12:48.449>uis, <00:12:48.625>we <00:12:48.800>got

242
00:12:51.000 --> 00:12:55.300
<00:12:51.000>to <00:12:51.155>mention <00:12:51.311>Facebook, <00:12:51.466>right <00:12:51.622>because <00:12:51.777>Facebook <00:12:51.933>is <00:12:52.088>blue <00:12:52.244>blue <00:12:52.400>all

243
00:12:54.200 --> 00:12:58.200
<00:12:54.200>the <00:12:54.400>way <00:12:54.600>down <00:12:54.800>and <00:12:55.000>we <00:12:55.200>only <00:12:55.400>very <00:12:55.600>occasionally

244
00:12:57.400 --> 00:13:00.700
<00:12:57.400>see <00:12:57.555>other <00:12:57.711>colors <00:12:57.866>in <00:12:58.022>the <00:12:58.177>case <00:12:58.333>of <00:12:58.488>like <00:12:58.644>errors <00:12:58.800>or

245
00:13:00.600 --> 00:13:02.000
<00:13:00.600>informational <00:13:01.860>warnings.

246
00:13:04.100 --> 00:13:07.600
<00:13:04.100>A <00:13:04.240>similar <00:13:04.380>color <00:13:04.520>scheme <00:13:04.660>is <00:13:04.800>the <00:13:04.940>analogous <00:13:05.080>color <00:13:05.220>scheme, <00:13:05.360>which <00:13:05.500>uses

247
00:13:07.200 --> 00:13:09.500
<00:13:07.200>colors <00:13:07.340>that <00:13:07.480>are <00:13:07.620>next <00:13:07.760>to <00:13:07.900>each <00:13:08.040>other <00:13:08.180>on <00:13:08.320>the <00:13:08.460>color <00:13:08.600>wheel.

248
00:13:10.300 --> 00:13:14.300
<00:13:10.300>This <00:13:10.439>tends <00:13:10.579>to <00:13:10.719>be <00:13:10.859>my <00:13:11.000>recommendation <00:13:11.140>for <00:13:11.280>complete <00:13:11.420>design <00:13:11.560>newbies <00:13:11.699>because

249
00:13:13.700 --> 00:13:17.300
<00:13:13.700>like <00:13:13.900>a <00:13:14.100>monochromatic <00:13:14.300>color <00:13:14.500>scheme. <00:13:14.700>It's <00:13:14.900>really <00:13:15.100>intuitive

250
00:13:16.700 --> 00:13:20.000
<00:13:16.700>and <00:13:16.840>it's <00:13:16.980>pretty <00:13:17.120>hard <00:13:17.260>to <00:13:17.400>mess <00:13:17.540>up <00:13:17.680>but <00:13:17.820>it <00:13:17.960>does <00:13:18.100>have

251
00:13:19.900 --> 00:13:23.000
<00:13:19.900>the <00:13:20.007>advantage <00:13:20.115>of <00:13:20.223>giving <00:13:20.330>you <00:13:20.438>a <00:13:20.546>few <00:13:20.653>more <00:13:20.761>colors <00:13:20.869>to <00:13:20.976>play <00:13:21.084>with <00:13:21.192>so <00:13:21.300>you

252
00:13:22.900 --> 00:13:24.400
<00:13:22.900>kind <00:13:23.092>of <00:13:23.285>get <00:13:23.478>the <00:13:23.671>best <00:13:23.864>of <00:13:24.057>both <00:13:24.250>worlds.

253
00:13:25.700 --> 00:13:29.200
<00:13:25.700>In <00:13:25.816>the <00:13:25.933>wild <00:13:26.050>a <00:13:26.166>good <00:13:26.283>example <00:13:26.400>of <00:13:26.516>the <00:13:26.633>analogous <00:13:26.750>color <00:13:26.866>scheme <00:13:26.983>is <00:13:27.100>BP

254
00:13:28.700 --> 00:13:32.700
<00:13:28.700>which <00:13:28.855>uses <00:13:29.011>the <00:13:29.166>green <00:13:29.322>yellow <00:13:29.477>green <00:13:29.633>and <00:13:29.788>yellow <00:13:29.944>it <00:13:30.100>stretches

255
00:13:32.300 --> 00:13:35.900
<00:13:32.300>right <00:13:32.427>across <00:13:32.554>that <00:13:32.681>section <00:13:32.809>of <00:13:32.936>the <00:13:33.063>cover <00:13:33.190>wheel <00:13:33.318>like <00:13:33.445>a <00:13:33.572>perfect <00:13:33.699>Arc.

256
00:13:38.000 --> 00:13:40.600
<00:13:38.000>Now <00:13:38.140>we <00:13:38.280>start <00:13:38.420>to <00:13:38.560>Branch <00:13:38.700>across <00:13:38.840>the <00:13:38.980>wheel <00:13:39.120>a <00:13:39.260>little <00:13:39.400>bit.

257
00:13:41.400 --> 00:13:44.600
<00:13:41.400>Complementary <00:13:41.555>color <00:13:41.711>schemes <00:13:41.866>use <00:13:42.022>colors <00:13:42.177>that <00:13:42.333>are <00:13:42.488>exactly <00:13:42.644>opposite <00:13:42.800>to

258
00:13:44.600 --> 00:13:48.500
<00:13:44.600>each <00:13:44.707>other <00:13:44.815>on <00:13:44.923>the <00:13:45.030>wheel. <00:13:45.138>So <00:13:45.246>when <00:13:45.353>we <00:13:45.461>start <00:13:45.569>thinking <00:13:45.676>about <00:13:45.784>color <00:13:45.892>pairings, <00:13:46.000>these

259
00:13:47.900 --> 00:13:51.100
<00:13:47.900>are <00:13:48.027>ones <00:13:48.154>that <00:13:48.281>most <00:13:48.409>of <00:13:48.536>us <00:13:48.663>can <00:13:48.790>reach <00:13:48.918>for <00:13:49.045>pretty <00:13:49.172>naturally <00:13:49.300>right

260
00:13:50.900 --> 00:13:54.700
<00:13:50.900>things <00:13:51.055>like <00:13:51.211>Christmas <00:13:51.366>colors <00:13:51.522>red <00:13:51.677>and <00:13:51.833>green <00:13:51.988>or <00:13:52.144>orange <00:13:52.300>and

261
00:13:54.200 --> 00:13:57.600
<00:13:54.200>blue. <00:13:54.433>It's <00:13:54.666>very <00:13:54.900>hot <00:13:55.133>popular <00:13:55.366>and <00:13:55.600>very

262
00:13:57.200 --> 00:13:59.600
<00:13:57.200>common <00:13:57.433>for <00:13:57.666>some <00:13:57.900>reason <00:13:58.133>in <00:13:58.366>movie <00:13:58.600>posters.

263
00:14:00.600 --> 00:14:04.100
<00:14:00.600>And <00:14:00.700>if <00:14:00.800>you <00:14:00.900>want <00:14:01.000>to <00:14:01.100>talk <00:14:01.200>about <00:14:01.300>blue <00:14:01.400>and <00:14:01.500>orange <00:14:01.600>in <00:14:01.700>the <00:14:01.800>UI, <00:14:01.900>of <00:14:02.000>course,

264
00:14:04.000 --> 00:14:04.800
<00:14:04.000>we <00:14:04.360>have <00:14:04.719>Amazon.

265
00:14:05.700 --> 00:14:09.300
<00:14:05.700>They <00:14:05.807>have <00:14:05.915>this <00:14:06.023>orange <00:14:06.130>arrow <00:14:06.238>that <00:14:06.346>has <00:14:06.453>been <00:14:06.561>in <00:14:06.669>their <00:14:06.776>logo <00:14:06.884>for <00:14:06.992>ages. <00:14:07.100>It

266
00:14:08.900 --> 00:14:11.900
<00:14:08.900>has <00:14:09.100>really <00:14:09.300>strong <00:14:09.500>brand <00:14:09.699>identification. <00:14:09.900>So <00:14:10.100>they're <00:14:10.300>not

267
00:14:11.900 --> 00:14:12.900
<00:14:11.900>going <00:14:12.079>to <00:14:12.260>want <00:14:12.439>to <00:14:12.620>change <00:14:12.800>that.

268
00:14:13.700 --> 00:14:16.900
<00:14:13.700>But <00:14:13.840>orange <00:14:13.980>is <00:14:14.120>a <00:14:14.260>really <00:14:14.400>hard <00:14:14.540>color <00:14:14.680>to <00:14:14.820>use <00:14:14.960>in <00:14:15.100>a

269
00:14:16.800 --> 00:14:17.100
UI.

270
00:14:17.800 --> 00:14:21.100
<00:14:17.800>It's <00:14:17.927>difficult <00:14:18.054>to <00:14:18.181>make <00:14:18.309>a <00:14:18.436>bright <00:14:18.563>orange <00:14:18.690>accessible <00:14:18.818>and <00:14:18.945>it's <00:14:19.072>easy <00:14:19.199>for

271
00:14:20.900 --> 00:14:24.900
<00:14:20.900>it <00:14:21.000>to <00:14:21.100>start <00:14:21.199>to <00:14:21.300>feel <00:14:21.400>really <00:14:21.500>bright <00:14:21.600>or <00:14:21.699>loud <00:14:21.800>or <00:14:21.900>just <00:14:22.000>kind <00:14:22.100>of <00:14:22.199>visually <00:14:22.300>overwhelming.

272
00:14:25.800 --> 00:14:29.400
<00:14:25.800>So <00:14:25.955>they <00:14:26.111>opted <00:14:26.266>for <00:14:26.422>a <00:14:26.577>complimentary <00:14:26.733>scheme <00:14:26.888>here <00:14:27.044>and <00:14:27.199>that

273
00:14:29.000 --> 00:14:32.500
<00:14:29.000>allows <00:14:29.155>them <00:14:29.311>to <00:14:29.466>use <00:14:29.622>their <00:14:29.777>brand <00:14:29.933>orange <00:14:30.088>without <00:14:30.244>necessarily <00:14:30.400>making

274
00:14:32.100 --> 00:14:33.200
<00:14:32.100>it <00:14:32.430>the <00:14:32.760>main <00:14:33.090>event.

275
00:14:34.100 --> 00:14:37.700
<00:14:34.100>Design <00:14:34.255>wise <00:14:34.411>this <00:14:34.566>is <00:14:34.722>a <00:14:34.877>super <00:14:35.033>smart <00:14:35.188>very <00:14:35.344>practical <00:14:35.500>trick

276
00:14:37.300 --> 00:14:41.100
<00:14:37.300>and <00:14:37.439>if <00:14:37.579>you <00:14:37.719>ever <00:14:37.859>find <00:14:38.000>yourself <00:14:38.140>struggling <00:14:38.280>to <00:14:38.420>design <00:14:38.560>around <00:14:38.699>a

277
00:14:40.800 --> 00:14:44.100
<00:14:40.800>difficult <00:14:41.000>color, <00:14:41.199>maybe <00:14:41.400>try <00:14:41.599>looking <00:14:41.800>across <00:14:42.000>the <00:14:42.199>wheel.

278
00:14:46.500 --> 00:14:48.300
<00:14:46.500>Last <00:14:46.780>on <00:14:47.060>our <00:14:47.340>list <00:14:47.620>is <00:14:47.900>triadic.

279
00:14:48.900 --> 00:14:52.700
<00:14:48.900>As <00:14:49.016>you <00:14:49.133>could <00:14:49.250>probably <00:14:49.366>infer <00:14:49.483>from <00:14:49.600>the <00:14:49.716>try <00:14:49.833>in <00:14:49.949>the <00:14:50.066>name. <00:14:50.183>This <00:14:50.300>color

280
00:14:52.400 --> 00:14:55.500
<00:14:52.400>scheme <00:14:52.574>has <00:14:52.750>three <00:14:52.925>main <00:14:53.100>colors. <00:14:53.275>They're <00:14:53.449>equally <00:14:53.625>spaced <00:14:53.800>from

281
00:14:55.500 --> 00:14:58.300
<00:14:55.500>each <00:14:55.655>other <00:14:55.811>and <00:14:55.966>create <00:14:56.122>a <00:14:56.277>triangle <00:14:56.433>across <00:14:56.588>the <00:14:56.744>color <00:14:56.900>wheel.

282
00:14:59.400 --> 00:15:02.700
<00:14:59.400>A <00:14:59.527>great <00:14:59.654>example <00:14:59.781>of <00:14:59.909>this <00:15:00.036>is <00:15:00.163>our <00:15:00.290>primary <00:15:00.418>colors <00:15:00.545>red <00:15:00.672>yellow <00:15:00.800>and

283
00:15:02.400 --> 00:15:02.900
blue.

284
00:15:03.700 --> 00:15:07.500
<00:15:03.700>Vermeer's <00:15:03.827>girl <00:15:03.954>with <00:15:04.081>the <00:15:04.209>Pearl <00:15:04.336>Earring <00:15:04.463>painting <00:15:04.590>used <00:15:04.718>this <00:15:04.845>color <00:15:04.972>scheme. <00:15:05.100>You

285
00:15:07.000 --> 00:15:10.200
<00:15:07.000>can <00:15:07.140>see <00:15:07.280>it <00:15:07.420>in <00:15:07.560>her <00:15:07.700>red <00:15:07.840>lips <00:15:07.980>her <00:15:08.120>blue <00:15:08.260>wrap <00:15:08.400>and

286
00:15:10.000 --> 00:15:10.900
<00:15:10.000>her <00:15:10.405>yellow <00:15:10.810>clothes.

287
00:15:12.200 --> 00:15:15.900
<00:15:12.200>In <00:15:12.316>a <00:15:12.433>less <00:15:12.550>finer <00:15:12.666>example, <00:15:12.783>let's <00:15:12.900>take <00:15:13.016>a <00:15:13.133>look <00:15:13.250>at <00:15:13.366>the <00:15:13.483>Pepsi <00:15:13.600>website.

288
00:15:16.800 --> 00:15:20.300
<00:15:16.800>Yellow <00:15:16.916>is <00:15:17.033>not <00:15:17.150>one <00:15:17.266>of <00:15:17.383>their <00:15:17.500>brand <00:15:17.616>colors, <00:15:17.733>but <00:15:17.849>you <00:15:17.966>can <00:15:18.083>tell <00:15:18.199>that

289
00:15:19.900 --> 00:15:23.000
<00:15:19.900>this <00:15:20.074>designer <00:15:20.250>knows <00:15:20.425>their <00:15:20.600>color <00:15:20.775>theory <00:15:20.949>because <00:15:21.125>yellow <00:15:21.300>is

290
00:15:22.900 --> 00:15:26.200
<00:15:22.900>really <00:15:23.055>naturally <00:15:23.211>Incorporated <00:15:23.366>in <00:15:23.522>all <00:15:23.677>their <00:15:23.833>photos <00:15:23.988>and <00:15:24.144>accent <00:15:24.300>colors

291
00:15:25.900 --> 00:15:28.200
<00:15:25.900>to <00:15:26.133>help <00:15:26.366>offset <00:15:26.600>that <00:15:26.833>blue <00:15:27.066>and <00:15:27.300>red.

292
00:15:29.000 --> 00:15:32.700
<00:15:29.000>This <00:15:29.127>is <00:15:29.254>another <00:15:29.381>great <00:15:29.509>tip <00:15:29.636>that <00:15:29.763>you <00:15:29.890>can <00:15:30.018>steal. <00:15:30.145>Don't <00:15:30.272>forget <00:15:30.400>images

293
00:15:32.100 --> 00:15:33.600
<00:15:32.100>and <00:15:33.450>illustrations.

294
00:15:34.300 --> 00:15:38.000
<00:15:34.300>Oftentimes <00:15:34.474>we <00:15:34.650>are <00:15:34.824>super <00:15:35.000>focused <00:15:35.175>on <00:15:35.349>the <00:15:35.525>structural <00:15:35.699>parts

295
00:15:37.800 --> 00:15:41.000
<00:15:37.800>of <00:15:37.927>the <00:15:38.054>UI, <00:15:38.181>right? <00:15:38.309>We're <00:15:38.436>talking <00:15:38.563>about <00:15:38.690>buttons <00:15:38.818>and <00:15:38.945>menus <00:15:39.072>and <00:15:39.199>like

296
00:15:40.800 --> 00:15:43.900
<00:15:40.800>sections <00:15:40.939>on <00:15:41.079>the <00:15:41.219>page <00:15:41.359>and <00:15:41.500>we're <00:15:41.640>not <00:15:41.780>really <00:15:41.920>thinking <00:15:42.060>about <00:15:42.199>the

297
00:15:43.800 --> 00:15:44.500
<00:15:43.800>images <00:15:44.430>yet.

298
00:15:45.500 --> 00:15:48.700
<00:15:45.500>In <00:15:45.607>fact, <00:15:45.715>when <00:15:45.823>we <00:15:45.930>wire <00:15:46.038>frame <00:15:46.146>things <00:15:46.253>a <00:15:46.361>lot <00:15:46.469>of <00:15:46.576>times <00:15:46.684>you <00:15:46.792>just <00:15:46.900>get

299
00:15:48.500 --> 00:15:51.800
<00:15:48.500>like <00:15:48.640>a <00:15:48.780>big <00:15:48.920>box <00:15:49.060>with <00:15:49.200>an <00:15:49.340>X <00:15:49.480>to <00:15:49.620>designate <00:15:49.760>image <00:15:49.900>here

300
00:15:51.700 --> 00:15:53.700
<00:15:51.700>and <00:15:51.933>you <00:15:52.166>don't <00:15:52.400>think <00:15:52.633>anymore <00:15:52.866>about <00:15:53.100>it.

301
00:15:54.500 --> 00:15:56.500
<00:15:54.500>But <00:15:54.733>the <00:15:54.966>image <00:15:55.200>is <00:15:55.433>actually <00:15:55.666>super <00:15:55.900>important.

302
00:15:57.500 --> 00:16:01.100
<00:15:57.500>If <00:15:57.616>you <00:15:57.733>were <00:15:57.850>to <00:15:57.966>remove <00:15:58.083>or <00:15:58.200>replace <00:15:58.316>these <00:15:58.433>images <00:15:58.550>from <00:15:58.666>the <00:15:58.783>Pepsi <00:15:58.900>website,

303
00:16:00.800 --> 00:16:04.400
<00:16:00.800>you <00:16:01.033>would <00:16:01.266>look <00:16:01.500>fine <00:16:01.733>but <00:16:01.966>these <00:16:02.199>specific

304
00:16:04.200 --> 00:16:07.400
<00:16:04.200>images <00:16:04.375>with <00:16:04.550>the <00:16:04.725>yellow <00:16:04.900>highlights <00:16:05.075>really <00:16:05.250>bring <00:16:05.425>the <00:16:05.600>whole

305
00:16:07.300 --> 00:16:09.000
<00:16:07.300>thing <00:16:07.579>together <00:16:07.859>and <00:16:08.140>make <00:16:08.420>it <00:16:08.699>shine.

306
00:16:11.300 --> 00:16:14.100
<00:16:11.300>The <00:16:11.427>last <00:16:11.554>thing <00:16:11.681>I <00:16:11.809>want <00:16:11.936>to <00:16:12.063>touch <00:16:12.190>on <00:16:12.318>is <00:16:12.445>color <00:16:12.572>and <00:16:12.699>accessibility.

307
00:16:14.800 --> 00:16:18.000
<00:16:14.800>So <00:16:14.939>first <00:16:15.079>make <00:16:15.219>sure <00:16:15.359>that <00:16:15.500>you're <00:16:15.640>always <00:16:15.780>running <00:16:15.920>colors <00:16:16.060>that <00:16:16.199>you've

308
00:16:17.800 --> 00:16:21.100
<00:16:17.800>chosen <00:16:17.939>through <00:16:18.079>an <00:16:18.219>accessibility <00:16:18.359>Checker <00:16:18.500>to <00:16:18.640>see <00:16:18.780>which <00:16:18.920>ones <00:16:19.060>are <00:16:19.199>safe

309
00:16:20.800 --> 00:16:24.700
<00:16:20.800>for <00:16:21.000>text <00:16:21.199>or <00:16:21.400>other <00:16:21.599>important <00:16:21.800>information. <00:16:22.000>The <00:16:22.199>color

310
00:16:24.400 --> 00:16:28.200
<00:16:24.400>tracker <00:16:24.555>in <00:16:24.711>this <00:16:24.866>screenshot <00:16:25.022>is <00:16:25.177>the <00:16:25.333>Adobe <00:16:25.488>color <00:16:25.644>accessibility <00:16:25.800>tracker,

311
00:16:27.700 --> 00:16:29.200
<00:16:27.700>which <00:16:27.925>is <00:16:28.150>one <00:16:28.375>that <00:16:28.600>I <00:16:28.825>really <00:16:29.050>like.

312
00:16:30.300 --> 00:16:33.800
<00:16:30.300>Another <00:16:30.427>thing <00:16:30.554>worth <00:16:30.681>considering <00:16:30.809>when <00:16:30.936>it <00:16:31.063>comes <00:16:31.190>to <00:16:31.318>color <00:16:31.445>is <00:16:31.572>high <00:16:31.699>contrast

313
00:16:33.500 --> 00:16:34.300
themes.

314
00:16:35.000 --> 00:16:38.500
<00:16:35.000>You <00:16:35.127>might <00:16:35.254>have <00:16:35.381>seen <00:16:35.509>these <00:16:35.636>before <00:16:35.763>they <00:16:35.890>usually <00:16:36.018>use <00:16:36.145>like <00:16:36.272>a <00:16:36.400>pure

315
00:16:38.000 --> 00:16:41.300
<00:16:38.000>black <00:16:38.233>background <00:16:38.466>color <00:16:38.700>and <00:16:38.933>then <00:16:39.166>brighten <00:16:39.400>neon

316
00:16:41.100 --> 00:16:42.400
<00:16:41.100>colors <00:16:41.295>for <00:16:41.490>the <00:16:41.685>rest <00:16:41.880>of <00:16:42.075>the <00:16:42.270>palette.

317
00:16:43.200 --> 00:16:47.000
<00:16:43.200>And <00:16:43.340>you <00:16:43.480>might <00:16:43.620>find <00:16:43.760>it <00:16:43.900>kind <00:16:44.040>of <00:16:44.180>visually <00:16:44.320>jarring <00:16:44.460>or <00:16:44.600>unpleasant

318
00:16:46.200 --> 00:16:49.500
<00:16:46.200>but <00:16:46.480>pleasantness <00:16:46.760>really <00:16:47.040>isn't <00:16:47.320>the <00:16:47.600>goal

319
00:16:49.500 --> 00:16:52.800
<00:16:49.500>here. <00:16:49.700>These <00:16:49.900>themes <00:16:50.100>are <00:16:50.300>purely <00:16:50.500>an <00:16:50.700>exercise <00:16:50.900>in

320
00:16:52.500 --> 00:16:53.400
readability.

321
00:16:54.200 --> 00:16:57.900
<00:16:54.200>The <00:16:54.316>example <00:16:54.433>shown <00:16:54.550>here <00:16:54.666>is <00:16:54.783>the <00:16:54.900>one <00:16:55.016>of <00:16:55.133>the <00:16:55.250>Windows <00:16:55.366>operating <00:16:55.483>system <00:16:55.600>high

322
00:16:57.300 --> 00:17:00.700
<00:16:57.300>contrast <00:16:57.455>themes <00:16:57.611>and <00:16:57.766>you <00:16:57.922>can <00:16:58.077>see <00:16:58.233>that <00:16:58.388>the <00:16:58.544>colors <00:16:58.699>they've

323
00:17:00.300 --> 00:17:03.600
<00:17:00.300>chosen <00:17:00.474>stand <00:17:00.650>out <00:17:00.824>very <00:17:01.000>starkly <00:17:01.175>from <00:17:01.349>the <00:17:01.525>black <00:17:01.699>background.

324
00:17:05.200 --> 00:17:09.000
<00:17:05.200>So <00:17:05.327>if <00:17:05.454>you're <00:17:05.581>creating <00:17:05.709>color <00:17:05.836>themes <00:17:05.963>for <00:17:06.090>an <00:17:06.218>application <00:17:06.345>you <00:17:06.472>like <00:17:06.600>it's

325
00:17:08.300 --> 00:17:11.600
<00:17:08.300>worth <00:17:08.440>considering <00:17:08.579>adding <00:17:08.720>a <00:17:08.859>theme <00:17:09.000>like <00:17:09.139>this <00:17:09.280>in <00:17:09.419>addition <00:17:09.560>to <00:17:09.700>your

326
00:17:11.300 --> 00:17:13.800
<00:17:11.300>standard <00:17:11.579>or <00:17:11.859>maybe <00:17:12.139>dark <00:17:12.419>mode <00:17:12.700>themes.

327
00:17:16.200 --> 00:17:20.100
<00:17:16.200>Alright <00:17:16.355>now <00:17:16.511>that <00:17:16.666>we <00:17:16.822>have <00:17:16.977>talked <00:17:17.133>about <00:17:17.288>colors. <00:17:17.444>Let's <00:17:17.600>start

328
00:17:19.900 --> 00:17:22.500
<00:17:19.900>to <00:17:20.040>talk <00:17:20.180>a <00:17:20.320>little <00:17:20.460>about <00:17:20.600>the <00:17:20.740>actual <00:17:20.880>elements <00:17:21.020>on <00:17:21.160>the <00:17:21.300>page.

329
00:17:23.300 --> 00:17:26.800
<00:17:23.300>In <00:17:23.407>order <00:17:23.515>to <00:17:23.623>do <00:17:23.730>that. <00:17:23.838>We <00:17:23.946>need <00:17:24.053>to <00:17:24.161>talk <00:17:24.269>a <00:17:24.376>little <00:17:24.484>about <00:17:24.592>the <00:17:24.700>human

330
00:17:26.300 --> 00:17:27.300
brain.

331
00:17:28.800 --> 00:17:32.100
<00:17:28.800>The <00:17:29.000>brain <00:17:29.200>is <00:17:29.399>actually <00:17:29.600>very <00:17:29.800>cool. <00:17:30.000>There <00:17:30.200>is

332
00:17:32.000 --> 00:17:35.200
<00:17:32.000>a <00:17:32.107>lot <00:17:32.215>that <00:17:32.323>we <00:17:32.430>still <00:17:32.538>don't <00:17:32.646>know <00:17:32.753>about <00:17:32.861>it, <00:17:32.969>which <00:17:33.076>you <00:17:33.184>know <00:17:33.292>itself <00:17:33.400>is

333
00:17:35.100 --> 00:17:38.500
<00:17:35.100>also <00:17:35.333>very <00:17:35.566>cool. <00:17:35.800>I <00:17:36.033>think <00:17:36.266>but <00:17:36.500>one

334
00:17:38.200 --> 00:17:42.400
<00:17:38.200>of <00:17:38.316>the <00:17:38.433>things <00:17:38.550>that <00:17:38.666>we <00:17:38.783>do <00:17:38.900>know, <00:17:39.016>is <00:17:39.133>that <00:17:39.250>our <00:17:39.366>brains <00:17:39.483>love <00:17:39.600>categorizing

335
00:17:41.400 --> 00:17:43.500
<00:17:41.400>and <00:17:42.800>organizing.

336
00:17:44.200 --> 00:17:47.400
<00:17:44.200>It <00:17:44.316>is <00:17:44.433>how <00:17:44.550>we <00:17:44.666>try <00:17:44.783>to <00:17:44.900>make <00:17:45.016>sense <00:17:45.133>of <00:17:45.250>the <00:17:45.366>absolute <00:17:45.483>Deluge <00:17:45.600>of

337
00:17:47.200 --> 00:17:49.300
<00:17:47.200>sensory <00:17:47.400>input <00:17:47.600>that <00:17:47.800>we <00:17:48.000>get <00:17:48.200>every <00:17:48.400>single <00:17:48.600>day.

338
00:17:50.000 --> 00:17:53.400
<00:17:50.000>It <00:17:50.175>is <00:17:50.350>a <00:17:50.525>incredibly <00:17:50.700>natural <00:17:50.875>human <00:17:51.050>desire <00:17:51.225>to <00:17:51.400>group

339
00:17:53.000 --> 00:17:56.500
<00:17:53.000>similar <00:17:53.200>things <00:17:53.400>to <00:17:53.600>try <00:17:53.800>and <00:17:54.000>simplify <00:17:54.200>and <00:17:54.400>condense

340
00:17:56.000 --> 00:17:59.500
<00:17:56.000>the <00:17:56.175>wide <00:17:56.350>variety <00:17:56.525>of <00:17:56.700>the <00:17:56.875>world <00:17:57.050>around <00:17:57.225>us <00:17:57.400>into

341
00:17:59.000 --> 00:18:02.900
<00:17:59.000>something <00:17:59.175>that <00:17:59.350>we <00:17:59.525>can <00:17:59.700>understand <00:17:59.875>right? <00:18:00.050>It's <00:18:00.225>our <00:18:00.400>our

342
00:18:02.000 --> 00:18:04.700
<00:18:02.000>way <00:18:02.175>of <00:18:02.350>trying <00:18:02.525>to <00:18:02.700>make <00:18:02.875>order <00:18:03.050>out <00:18:03.225>of <00:18:03.400>Chaos.

343
00:18:06.100 --> 00:18:10.200
<00:18:06.100>And <00:18:06.240>this <00:18:06.379>might <00:18:06.520>all <00:18:06.659>sound <00:18:06.800>like, <00:18:06.939>you <00:18:07.080>know, <00:18:07.219>philosophical <00:18:07.360>abstractions. <00:18:07.500>But

344
00:18:09.400 --> 00:18:12.700
<00:18:09.400>in <00:18:09.633>reality <00:18:09.866>this <00:18:10.100>inherently <00:18:10.333>human <00:18:10.566>treat <00:18:10.800>has

345
00:18:12.500 --> 00:18:14.300
<00:18:12.500>a <00:18:12.780>huge <00:18:13.060>impact <00:18:13.340>on <00:18:13.620>our <00:18:13.900>designs.

346
00:18:15.000 --> 00:18:18.500
<00:18:15.000>Because <00:18:15.127>when <00:18:15.254>we <00:18:15.381>look <00:18:15.509>at <00:18:15.636>a <00:18:15.763>design, <00:18:15.890>we <00:18:16.018>will <00:18:16.145>attempt <00:18:16.272>to <00:18:16.400>sort

347
00:18:18.000 --> 00:18:21.200
<00:18:18.000>the <00:18:18.127>elements <00:18:18.254>on <00:18:18.381>the <00:18:18.509>page <00:18:18.636>into <00:18:18.763>an <00:18:18.890>order <00:18:19.018>that <00:18:19.145>allows <00:18:19.272>us <00:18:19.400>to

348
00:18:21.000 --> 00:18:22.100
<00:18:21.000>digest <00:18:21.495>the <00:18:21.990>content.

349
00:18:22.900 --> 00:18:26.600
<00:18:22.900>When <00:18:23.040>we've <00:18:23.180>created <00:18:23.320>a <00:18:23.460>layout <00:18:23.600>that <00:18:23.740>doesn't <00:18:23.880>look <00:18:24.020>good. <00:18:24.160>It's <00:18:24.300>often

350
00:18:26.100 --> 00:18:29.900
<00:18:26.100>because <00:18:26.274>we <00:18:26.449>are <00:18:26.625>unintentionally <00:18:26.800>working <00:18:26.975>against <00:18:27.149>these <00:18:27.324>organizational <00:18:27.500>methods.

351
00:18:30.800 --> 00:18:34.300
<00:18:30.800>Once <00:18:30.940>we <00:18:31.080>have <00:18:31.220>a <00:18:31.360>better <00:18:31.500>understanding <00:18:31.639>of <00:18:31.780>how <00:18:31.919>the <00:18:32.060>brain <00:18:32.200>sorts

352
00:18:33.800 --> 00:18:37.100
<00:18:33.800>things <00:18:33.955>we <00:18:34.111>can <00:18:34.266>align <00:18:34.422>our <00:18:34.577>designs <00:18:34.733>with <00:18:34.888>those <00:18:35.044>methods <00:18:35.200>and

353
00:18:37.000 --> 00:18:38.500
<00:18:37.000>make <00:18:37.270>them <00:18:37.540>a <00:18:37.810>lot <00:18:38.080>more <00:18:38.350>intuitive.

354
00:18:39.500 --> 00:18:42.900
<00:18:39.500>Leveraging <00:18:39.640>these <00:18:39.780>organizational <00:18:39.920>rules <00:18:40.060>is <00:18:40.200>kind <00:18:40.340>of <00:18:40.480>like <00:18:40.620>a <00:18:40.760>shortcut <00:18:40.900>for

355
00:18:42.700 --> 00:18:45.900
<00:18:42.700>design <00:18:42.827>that <00:18:42.954>will <00:18:43.081>help <00:18:43.209>your <00:18:43.336>users <00:18:43.463>get <00:18:43.590>to <00:18:43.718>the <00:18:43.845>place <00:18:43.972>you <00:18:44.100>want

356
00:18:45.800 --> 00:18:47.600
<00:18:45.800>them <00:18:46.149>to <00:18:46.500>go <00:18:46.850>but <00:18:47.200>faster.

357
00:18:49.000 --> 00:18:52.100
<00:18:49.000>Like <00:18:49.155>color, <00:18:49.311>there <00:18:49.466>are <00:18:49.622>scientific <00:18:49.777>principles <00:18:49.933>of <00:18:50.088>layout <00:18:50.244>you <00:18:50.400>can

358
00:18:52.100 --> 00:18:56.300
<00:18:52.100>use <00:18:52.216>in <00:18:52.333>order <00:18:52.449>to <00:18:52.566>align <00:18:52.683>your <00:18:52.800>work <00:18:52.916>with <00:18:53.033>how <00:18:53.149>the <00:18:53.266>brain <00:18:53.383>organizes <00:18:53.500>stuff.

359
00:18:55.400 --> 00:18:58.700
<00:18:55.400>One <00:18:55.680>of <00:18:55.960>the <00:18:56.240>most <00:18:56.520>popular <00:18:56.800>of

360
00:18:58.400 --> 00:19:00.300
<00:18:58.400>these <00:18:58.866>is <00:18:59.333>Gestalt <00:18:59.800>Theory.

361
00:19:01.300 --> 00:19:04.700
<00:19:01.300>Gestalt <00:19:01.475>theory <00:19:01.649>identifies <00:19:01.825>six <00:19:02.000>main <00:19:02.175>patterns <00:19:02.350>that <00:19:02.524>humans <00:19:02.700>use

362
00:19:04.600 --> 00:19:08.500
<00:19:04.600>to <00:19:04.800>group <00:19:05.000>and <00:19:05.199>make <00:19:05.399>sensitive <00:19:05.600>information <00:19:05.800>similarity <00:19:06.000>closure

363
00:19:07.700 --> 00:19:11.600
<00:19:07.700>continuity <00:19:08.166>proximity <00:19:08.633>figure <00:19:09.100>ground

364
00:19:11.200 --> 00:19:12.600
<00:19:11.200>and <00:19:12.460>symmetry.

365
00:19:13.400 --> 00:19:17.000
<00:19:13.400>Some <00:19:13.540>will <00:19:13.680>also <00:19:13.820>include <00:19:13.960>a <00:19:14.100>seventh <00:19:14.240>pattern <00:19:14.380>called <00:19:14.520>common <00:19:14.660>fate <00:19:14.800>but

366
00:19:16.400 --> 00:19:20.200
<00:19:16.400>these <00:19:16.507>will <00:19:16.615>make <00:19:16.723>a <00:19:16.830>lot <00:19:16.938>more <00:19:17.046>sense <00:19:17.153>if <00:19:17.261>we <00:19:17.369>look <00:19:17.476>at <00:19:17.584>some <00:19:17.692>examples. <00:19:17.800>So

367
00:19:19.500 --> 00:19:21.300
<00:19:19.500>let's <00:19:19.966>take <00:19:20.433>a <00:19:20.900>look.

368
00:19:23.200 --> 00:19:26.800
<00:19:23.200>Similarity <00:19:23.340>means <00:19:23.480>that <00:19:23.620>we <00:19:23.760>will <00:19:23.900>naturally <00:19:24.040>assume <00:19:24.180>a <00:19:24.320>relationship <00:19:24.460>between <00:19:24.600>similar

369
00:19:26.200 --> 00:19:30.100
<00:19:26.200>elements. <00:19:26.433>For <00:19:26.666>example <00:19:26.900>here <00:19:27.133>our <00:19:27.366>brained <00:19:27.600>organize

370
00:19:29.700 --> 00:19:31.800
<00:19:29.700>these <00:19:30.050>shapes <00:19:30.400>into <00:19:30.750>horizontal <00:19:31.100>lines.

371
00:19:32.800 --> 00:19:36.000
<00:19:32.800>There's <00:19:32.916>no <00:19:33.033>reason <00:19:33.149>really <00:19:33.266>why <00:19:33.383>we <00:19:33.500>should <00:19:33.616>do. <00:19:33.733>So <00:19:33.850>right. <00:19:33.966>These <00:19:34.083>are <00:19:34.200>all

372
00:19:35.800 --> 00:19:39.500
<00:19:35.800>equally <00:19:36.033>sized <00:19:36.266>and <00:19:36.500>spaced <00:19:36.733>elements <00:19:36.966>except <00:19:37.200>that

373
00:19:39.200 --> 00:19:42.700
<00:19:39.200>the <00:19:39.375>sheeps <00:19:39.550>and <00:19:39.725>colors <00:19:39.900>are <00:19:40.075>the <00:19:40.250>same <00:19:40.425>horizontally. <00:19:40.600>So

374
00:19:42.400 --> 00:19:44.800
<00:19:42.400>we <00:19:42.575>assume <00:19:42.750>there <00:19:42.925>has <00:19:43.100>to <00:19:43.275>be <00:19:43.450>a <00:19:43.625>relationship <00:19:43.800>there.

375
00:19:47.100 --> 00:19:50.800
<00:19:47.100>Closure <00:19:47.216>means <00:19:47.333>that <00:19:47.449>humans <00:19:47.566>will <00:19:47.683>naturally <00:19:47.800>try <00:19:47.916>to <00:19:48.033>fill <00:19:48.149>in <00:19:48.266>any <00:19:48.383>missing <00:19:48.500>gaps

376
00:19:50.400 --> 00:19:51.400
<00:19:50.400>or <00:19:51.300>spaces.

377
00:19:52.200 --> 00:19:55.400
<00:19:52.200>So <00:19:52.340>here <00:19:52.480>in <00:19:52.620>this <00:19:52.760>example, <00:19:52.900>we <00:19:53.040>see <00:19:53.180>a <00:19:53.320>square <00:19:53.460>in <00:19:53.600>a

378
00:19:55.200 --> 00:19:58.500
<00:19:55.200>diamond <00:19:55.355>despite <00:19:55.511>the <00:19:55.666>fact <00:19:55.822>that <00:19:55.977>there <00:19:56.133>is <00:19:56.288>no <00:19:56.444>square <00:19:56.600>or

379
00:19:58.200 --> 00:20:01.900
<00:19:58.200>Diamond <00:19:58.400>actually <00:19:58.600>present <00:19:58.800>only <00:19:59.000>these <00:19:59.200>little <00:19:59.400>like <00:19:59.600>Pac-Man

380
00:20:01.400 --> 00:20:02.600
<00:20:01.400>shaped <00:20:02.480>wedges.

381
00:20:03.500 --> 00:20:07.000
<00:20:03.500>We <00:20:03.627>infer <00:20:03.754>the <00:20:03.881>square <00:20:04.009>of <00:20:04.136>the <00:20:04.263>diamond <00:20:04.390>by <00:20:04.518>mentally <00:20:04.645>closing <00:20:04.772>the <00:20:04.900>gaps.

382
00:20:09.000 --> 00:20:12.100
<00:20:09.000>Continuity <00:20:09.155>means <00:20:09.311>that <00:20:09.466>the <00:20:09.622>viewers <00:20:09.777>I <00:20:09.933>will <00:20:10.088>continue <00:20:10.244>along <00:20:10.400>the

383
00:20:12.000 --> 00:20:15.300
<00:20:12.000>same <00:20:12.200>unbroken <00:20:12.400>path <00:20:12.600>through <00:20:12.800>a <00:20:13.000>design <00:20:13.200>unless <00:20:13.400>it

384
00:20:15.200 --> 00:20:16.300
<00:20:15.200>is <00:20:15.695>actively <00:20:16.190>interrupted.

385
00:20:17.100 --> 00:20:20.400
<00:20:17.100>It's <00:20:17.199>a <00:20:17.300>little <00:20:17.399>bit <00:20:17.500>similar <00:20:17.600>to <00:20:17.699>closure <00:20:17.800>in <00:20:17.899>that <00:20:18.000>both <00:20:18.100>have <00:20:18.199>to <00:20:18.300>do <00:20:18.399>with <00:20:18.500>how

386
00:20:20.100 --> 00:20:24.200
<00:20:20.100>the <00:20:20.227>eye <00:20:20.354>moves <00:20:20.481>and <00:20:20.609>how <00:20:20.736>it <00:20:20.863>follows <00:20:20.990>that <00:20:21.118>invisible <00:20:21.245>line. <00:20:21.372>But <00:20:21.500>while

387
00:20:23.800 --> 00:20:27.000
<00:20:23.800>closure <00:20:23.955>has <00:20:24.111>to <00:20:24.266>do <00:20:24.422>with <00:20:24.577>the <00:20:24.733>line <00:20:24.888>itself <00:20:25.044>continuity <00:20:25.200>has

388
00:20:26.900 --> 00:20:29.900
<00:20:26.900>to <00:20:27.055>do <00:20:27.211>with <00:20:27.366>when <00:20:27.522>that <00:20:27.677>line <00:20:27.833>is <00:20:27.988>interrupted <00:20:28.144>or <00:20:28.300>not.

389
00:20:31.900 --> 00:20:35.300
<00:20:31.900>Proximity <00:20:32.040>means <00:20:32.180>that <00:20:32.320>we <00:20:32.460>naturally <00:20:32.600>group <00:20:32.740>items <00:20:32.880>that <00:20:33.020>are <00:20:33.160>placed <00:20:33.300>closely

390
00:20:34.900 --> 00:20:38.400
<00:20:34.900>together. <00:20:35.100>So <00:20:35.300>in <00:20:35.500>this <00:20:35.700>example, <00:20:35.900>we <00:20:36.100>group <00:20:36.300>the

391
00:20:38.300 --> 00:20:42.000
<00:20:38.300>two <00:20:38.440>left <00:20:38.580>hand <00:20:38.720>elements <00:20:38.860>into <00:20:39.000>a <00:20:39.139>single <00:20:39.280>vertical <00:20:39.419>column <00:20:39.560>because <00:20:39.700>they're

392
00:20:41.500 --> 00:20:44.100
<00:20:41.500>closer <00:20:41.627>to <00:20:41.754>each <00:20:41.881>other <00:20:42.009>than <00:20:42.136>they <00:20:42.263>are <00:20:42.390>to <00:20:42.518>the <00:20:42.645>right <00:20:42.772>hand <00:20:42.900>element.

393
00:20:46.800 --> 00:20:50.400
<00:20:46.800>figure <00:20:46.940>ground <00:20:47.080>refers <00:20:47.220>to <00:20:47.360>our <00:20:47.500>attempt <00:20:47.639>to <00:20:47.780>impose <00:20:47.919>our <00:20:48.060>3D <00:20:48.200>understanding

394
00:20:50.000 --> 00:20:53.200
<00:20:50.000>of <00:20:50.200>the <00:20:50.400>world <00:20:50.600>onto <00:20:50.800>2D <00:20:51.000>objects <00:20:51.200>and <00:20:51.400>designs

395
00:20:53.900 --> 00:20:57.400
<00:20:53.900>because <00:20:54.027>we <00:20:54.154>are <00:20:54.281>so <00:20:54.409>used <00:20:54.536>to <00:20:54.663>functioning <00:20:54.790>in <00:20:54.918>three <00:20:55.045>dimensions <00:20:55.172>with <00:20:55.300>a

396
00:20:56.900 --> 00:21:00.000
<00:20:56.900>sense <00:20:57.100>of <00:20:57.300>depth. <00:20:57.500>We <00:20:57.700>naturally <00:20:57.900>identify <00:20:58.100>things <00:20:58.300>that

397
00:20:59.900 --> 00:21:04.700
<00:20:59.900>are <00:21:00.027>closer <00:21:00.154>to <00:21:00.281>us <00:21:00.409>as <00:21:00.536>being <00:21:00.663>a <00:21:00.790>little <00:21:00.918>more <00:21:01.045>relevant <00:21:01.172>and <00:21:01.300>therefore

398
00:21:04.400 --> 00:21:07.800
<00:21:04.400>the <00:21:04.555>subject <00:21:04.711>or <00:21:04.866>the <00:21:05.022>figure <00:21:05.177>while <00:21:05.333>everything <00:21:05.488>else <00:21:05.644>kind <00:21:05.800>of

399
00:21:07.700 --> 00:21:09.300
<00:21:07.700>gets <00:21:08.166>relegated <00:21:08.633>to <00:21:09.100>background.

400
00:21:10.200 --> 00:21:13.400
<00:21:10.200>On <00:21:10.355>screen, <00:21:10.511>of <00:21:10.666>course. <00:21:10.822>There <00:21:10.977>is <00:21:11.133>no <00:21:11.288>literal <00:21:11.444>depth, <00:21:11.600>right,

401
00:21:13.200 --> 00:21:16.600
<00:21:13.200>but <00:21:13.375>we <00:21:13.550>can <00:21:13.725>create <00:21:13.900>the <00:21:14.075>illusion <00:21:14.250>of <00:21:14.425>depth <00:21:14.600>in

402
00:21:16.300 --> 00:21:19.600
<00:21:16.300>our <00:21:16.500>designs <00:21:16.700>by <00:21:16.899>using <00:21:17.100>value <00:21:17.300>changes <00:21:17.500>that <00:21:17.700>allows

403
00:21:19.300 --> 00:21:22.500
<00:21:19.300>us <00:21:19.455>to <00:21:19.611>prioritize <00:21:19.766>certain <00:21:19.922>Elements <00:21:20.077>by <00:21:20.233>establishing <00:21:20.388>them <00:21:20.544>as <00:21:20.700>the

404
00:21:22.400 --> 00:21:22.900
subject.

405
00:21:25.500 --> 00:21:29.300
<00:21:25.500>Symmetry <00:21:25.675>captures <00:21:25.850>our <00:21:26.025>natural <00:21:26.200>sense <00:21:26.375>of <00:21:26.550>balance. <00:21:26.725>We <00:21:26.900>really

406
00:21:28.700 --> 00:21:31.900
<00:21:28.700>want <00:21:28.875>things <00:21:29.050>to <00:21:29.225>feel <00:21:29.400>equal <00:21:29.575>and <00:21:29.750>when <00:21:29.925>they <00:21:30.100>don't

407
00:21:31.700 --> 00:21:34.500
<00:21:31.700>it <00:21:31.980>can <00:21:32.260>feel <00:21:32.540>unsettling <00:21:32.820>and <00:21:33.100>off-putting.

408
00:21:35.000 --> 00:21:38.200
<00:21:35.000>This <00:21:35.155>comes <00:21:35.311>from <00:21:35.466>very <00:21:35.622>old <00:21:35.777>human <00:21:35.933>instincts <00:21:36.088>where <00:21:36.244>something <00:21:36.400>that

409
00:21:38.000 --> 00:21:41.400
<00:21:38.000>was <00:21:38.175>off <00:21:38.350>balance <00:21:38.525>was <00:21:38.700>like <00:21:38.875>structurally <00:21:39.050>unstable <00:21:39.225>and <00:21:39.400>therefore

410
00:21:41.000 --> 00:21:42.400
<00:21:41.000>potentially <00:21:42.260>dangerous.

411
00:21:43.200 --> 00:21:46.500
<00:21:43.200>Symmetry <00:21:43.340>does <00:21:43.480>not <00:21:43.620>always <00:21:43.760>have <00:21:43.900>to <00:21:44.040>be <00:21:44.180>perfectly <00:21:44.320>exact <00:21:44.460>the <00:21:44.600>way

412
00:21:46.300 --> 00:21:49.500
<00:21:46.300>that <00:21:46.440>this <00:21:46.580>example <00:21:46.720>is <00:21:46.860>but <00:21:47.000>it <00:21:47.139>doesn't <00:21:47.280>mean <00:21:47.419>that <00:21:47.560>we're <00:21:47.700>going

413
00:21:49.300 --> 00:21:53.000
<00:21:49.300>to <00:21:49.455>seek <00:21:49.611>out <00:21:49.766>and <00:21:49.922>feel <00:21:50.077>reassured <00:21:50.233>by <00:21:50.388>visual <00:21:50.544>balance <00:21:50.700>in

414
00:21:52.600 --> 00:21:55.900
<00:21:52.600>designs <00:21:52.727>and <00:21:52.854>we <00:21:52.981>will <00:21:53.109>talk <00:21:53.236>a <00:21:53.363>little <00:21:53.490>bit <00:21:53.618>more <00:21:53.745>about <00:21:53.872>balance <00:21:54.000>in

415
00:21:55.600 --> 00:21:56.100
<00:21:55.600>just <00:21:55.824>a <00:21:56.050>minute.

416
00:21:58.500 --> 00:22:00.000
<00:21:58.500>Finally <00:21:58.837>we <00:21:59.175>have <00:21:59.512>common <00:21:59.850>feet.

417
00:22:00.800 --> 00:22:04.700
<00:22:00.800>This <00:22:00.916>one <00:22:01.033>doesn't <00:22:01.149>make <00:22:01.266>it <00:22:01.383>in <00:22:01.500>every <00:22:01.616>list <00:22:01.733>because <00:22:01.850>it's <00:22:01.966>often <00:22:02.083>more <00:22:02.200>related

418
00:22:04.200 --> 00:22:07.400
<00:22:04.200>to <00:22:04.340>animation <00:22:04.480>and <00:22:04.620>static <00:22:04.760>design, <00:22:04.900>but <00:22:05.040>it <00:22:05.180>is <00:22:05.320>worth <00:22:05.460>a <00:22:05.600>quick

419
00:22:07.400 --> 00:22:07.700
look.

420
00:22:08.600 --> 00:22:12.500
<00:22:08.600>It's <00:22:08.755>kind <00:22:08.911>of <00:22:09.066>a <00:22:09.222>combination <00:22:09.377>of <00:22:09.533>proximity <00:22:09.688>and <00:22:09.844>continuity <00:22:10.000>when

421
00:22:11.800 --> 00:22:15.600
<00:22:11.800>elements <00:22:11.975>are <00:22:12.149>placed <00:22:12.325>closely <00:22:12.500>together <00:22:12.675>and <00:22:12.850>have <00:22:13.024>coordinated <00:22:13.200>movements.

422
00:22:15.000 --> 00:22:18.200
<00:22:15.000>We <00:22:15.155>think <00:22:15.311>of <00:22:15.466>them <00:22:15.622>as <00:22:15.777>a <00:22:15.933>single <00:22:16.088>element <00:22:16.244>kind <00:22:16.400>of

423
00:22:18.000 --> 00:22:19.200
<00:22:18.000>like <00:22:18.270>a <00:22:18.540>school <00:22:18.810>of <00:22:19.080>fish.

424
00:22:20.000 --> 00:22:23.600
<00:22:20.000>So <00:22:20.127>obviously <00:22:20.254>as <00:22:20.381>noted <00:22:20.509>this <00:22:20.636>is <00:22:20.763>a <00:22:20.890>little <00:22:21.018>less <00:22:21.145>useful <00:22:21.272>for <00:22:21.400>static

425
00:22:23.300 --> 00:22:26.600
<00:22:23.300>designs, <00:22:23.427>but <00:22:23.554>this <00:22:23.681>is <00:22:23.809>incredibly <00:22:23.936>useful <00:22:24.063>if <00:22:24.190>you're <00:22:24.318>doing <00:22:24.445>any <00:22:24.572>kind <00:22:24.700>of

426
00:22:26.600 --> 00:22:27.900
<00:22:26.600>UI <00:22:27.770>animations.

427
00:22:29.800 --> 00:22:33.200
<00:22:29.800>Now <00:22:29.916>that <00:22:30.033>we <00:22:30.149>have <00:22:30.266>an <00:22:30.383>understanding <00:22:30.500>of <00:22:30.616>why <00:22:30.733>and <00:22:30.850>how <00:22:30.966>our <00:22:31.083>brains <00:22:31.200>attempt

428
00:22:32.800 --> 00:22:36.300
<00:22:32.800>to <00:22:32.955>organize <00:22:33.111>things. <00:22:33.266>We <00:22:33.422>can <00:22:33.577>combine <00:22:33.733>that <00:22:33.888>knowledge <00:22:34.044>with <00:22:34.200>visual

429
00:22:35.800 --> 00:22:39.100
<00:22:35.800>hierarchy <00:22:36.033>to <00:22:36.266>create <00:22:36.500>interfaces <00:22:36.733>that <00:22:36.966>capture <00:22:37.200>and

430
00:22:39.000 --> 00:22:40.800
<00:22:39.000>direct <00:22:39.466>our <00:22:39.933>users' <00:22:40.400>tension.

431
00:22:42.600 --> 00:22:45.900
<00:22:42.600>Visual <00:22:42.755>hierarchy <00:22:42.911>is <00:22:43.066>the <00:22:43.222>practice <00:22:43.377>of <00:22:43.533>creating <00:22:43.688>contrast <00:22:43.844>in <00:22:44.000>your

432
00:22:45.600 --> 00:22:48.900
<00:22:45.600>design <00:22:45.755>by <00:22:45.911>combining <00:22:46.066>the <00:22:46.222>use <00:22:46.377>of <00:22:46.533>size <00:22:46.688>placement <00:22:46.844>and <00:22:47.000>color

433
00:22:48.600 --> 00:22:52.100
<00:22:48.600>to <00:22:48.755>manipulate <00:22:48.911>the <00:22:49.066>visual <00:22:49.222>weight <00:22:49.377>of <00:22:49.533>each <00:22:49.688>element <00:22:49.844>and <00:22:50.000>help

434
00:22:51.800 --> 00:22:53.700
<00:22:51.800>your <00:22:52.080>most <00:22:52.360>important <00:22:52.639>elements <00:22:52.919>stand <00:22:53.200>out.

435
00:22:54.600 --> 00:22:57.900
<00:22:54.600>This <00:22:54.707>gives <00:22:54.815>you <00:22:54.923>control <00:22:55.030>over <00:22:55.138>the <00:22:55.246>balance <00:22:55.353>of <00:22:55.461>the <00:22:55.569>page <00:22:55.676>and <00:22:55.784>the <00:22:55.892>order <00:22:56.000>in

436
00:22:57.600 --> 00:22:59.600
<00:22:57.600>which <00:22:57.833>your <00:22:58.066>users <00:22:58.300>will <00:22:58.533>notice <00:22:58.766>each <00:22:59.000>element.

437
00:23:00.400 --> 00:23:01.700
<00:23:00.400>when <00:23:00.595>you <00:23:00.790>look <00:23:00.985>at <00:23:01.180>a <00:23:01.375>new <00:23:01.570>design

438
00:23:02.400 --> 00:23:06.300
<00:23:02.400>What <00:23:02.540>do <00:23:02.680>you <00:23:02.820>notice <00:23:02.960>first? <00:23:03.100>Where <00:23:03.240>are <00:23:03.380>your <00:23:03.520>eyes <00:23:03.660>drawn? <00:23:03.800>These

439
00:23:05.400 --> 00:23:08.900
<00:23:05.400>things <00:23:05.600>aren't <00:23:05.800>left <00:23:06.000>to <00:23:06.200>chance. <00:23:06.400>We <00:23:06.600>as <00:23:06.800>designers

440
00:23:08.600 --> 00:23:11.600
<00:23:08.600>can <00:23:08.800>control <00:23:09.000>them <00:23:09.199>by <00:23:09.399>creating <00:23:09.600>a <00:23:09.800>visual <00:23:10.000>hierarchy.

441
00:23:12.800 --> 00:23:16.000
<00:23:12.800>Playing <00:23:12.940>with <00:23:13.080>size <00:23:13.220>is <00:23:13.360>one <00:23:13.500>of <00:23:13.639>the <00:23:13.780>fastest <00:23:13.919>and <00:23:14.060>easiest <00:23:14.200>ways

442
00:23:15.800 --> 00:23:19.100
<00:23:15.800>to <00:23:15.955>do <00:23:16.111>this. <00:23:16.266>And <00:23:16.422>in <00:23:16.577>fact, <00:23:16.733>you <00:23:16.888>probably <00:23:17.044>already <00:23:17.200>do

443
00:23:18.800 --> 00:23:22.400
<00:23:18.800>it <00:23:18.927>because <00:23:19.054>one <00:23:19.181>of <00:23:19.309>the <00:23:19.436>most <00:23:19.563>common <00:23:19.690>examples <00:23:19.818>of <00:23:19.945>this <00:23:20.072>is <00:23:20.200>the

444
00:23:22.200 --> 00:23:25.400
<00:23:22.200>H1 <00:23:22.480>H2 <00:23:22.760>H3 <00:23:23.040>HTML <00:23:23.320>heading <00:23:23.600>system.

445
00:23:26.300 --> 00:23:29.600
<00:23:26.300>When <00:23:26.427>you <00:23:26.554>make <00:23:26.681>one <00:23:26.809>word <00:23:26.936>or <00:23:27.063>sentence <00:23:27.190>much <00:23:27.318>larger <00:23:27.445>than <00:23:27.572>everything <00:23:27.700>else

446
00:23:29.400 --> 00:23:33.300
<00:23:29.400>on <00:23:29.540>the <00:23:29.680>page <00:23:29.820>the <00:23:29.960>viewers. <00:23:30.100>I <00:23:30.240>will <00:23:30.380>begin <00:23:30.520>there <00:23:30.660>almost <00:23:30.800>regardless

447
00:23:32.800 --> 00:23:35.100
<00:23:32.800>of <00:23:33.000>whatever <00:23:33.200>else <00:23:33.399>is <00:23:33.600>happening <00:23:33.800>in <00:23:34.000>the <00:23:34.200>design.

448
00:23:35.900 --> 00:23:37.500
<00:23:35.900>So <00:23:36.075>let's <00:23:36.250>take <00:23:36.425>a <00:23:36.600>look <00:23:36.775>at <00:23:36.950>this <00:23:37.125>in <00:23:37.300>action.

449
00:23:39.500 --> 00:23:43.000
<00:23:39.500>I <00:23:39.655>feel <00:23:39.811>obligated <00:23:39.966>to <00:23:40.122>begin <00:23:40.277>by <00:23:40.433>saying <00:23:40.588>that <00:23:40.744>word <00:23:40.900>clouds

450
00:23:42.500 --> 00:23:46.900
<00:23:42.500>are <00:23:42.733>not <00:23:42.966>really <00:23:43.200>great <00:23:43.433>designs <00:23:43.666>that <00:23:43.900>being

451
00:23:46.500 --> 00:23:50.000
<00:23:46.500>said, <00:23:46.700>they <00:23:46.900>aren't <00:23:47.100>excellent <00:23:47.300>demonstration <00:23:47.500>of <00:23:47.700>using <00:23:47.900>size

452
00:23:49.500 --> 00:23:52.000
<00:23:49.500>and <00:23:49.733>scale <00:23:49.966>to <00:23:50.200>create <00:23:50.433>a <00:23:50.666>visual <00:23:50.900>hierarchy.

453
00:23:52.900 --> 00:23:56.500
<00:23:52.900>In <00:23:53.027>this <00:23:53.154>case <00:23:53.281>our <00:23:53.409>eyes <00:23:53.536>are <00:23:53.663>immediately <00:23:53.790>drawn <00:23:53.918>to <00:23:54.045>that <00:23:54.172>word <00:23:54.300>education

454
00:23:55.900 --> 00:23:59.200
<00:23:55.900>despite <00:23:56.055>the <00:23:56.211>fact <00:23:56.366>that <00:23:56.522>it's <00:23:56.677>in <00:23:56.833>the <00:23:56.988>lower <00:23:57.144>right <00:23:57.300>corner,

455
00:23:58.900 --> 00:24:02.200
<00:23:58.900>which <00:23:59.027>is <00:23:59.154>usually <00:23:59.281>the <00:23:59.409>place <00:23:59.536>our <00:23:59.663>eyes <00:23:59.790>go <00:23:59.918>last <00:24:00.045>as <00:24:00.172>we <00:24:00.300>scan

456
00:24:01.900 --> 00:24:02.700
<00:24:01.900>a <00:24:02.620>layout.

457
00:24:03.400 --> 00:24:07.000
<00:24:03.400>After <00:24:03.507>that, <00:24:03.615>the <00:24:03.723>next <00:24:03.830>things <00:24:03.938>that <00:24:04.046>jump <00:24:04.153>out <00:24:04.261>at <00:24:04.369>us <00:24:04.476>are <00:24:04.584>those <00:24:04.692>mid-sized <00:24:04.800>words

458
00:24:06.900 --> 00:24:08.800
<00:24:06.900>School <00:24:07.600>family <00:24:08.300>Etc.

459
00:24:10.100 --> 00:24:13.500
<00:24:10.100>A <00:24:10.199>pretty <00:24:10.300>good <00:24:10.399>rule <00:24:10.500>of <00:24:10.600>thumb <00:24:10.699>here <00:24:10.800>is <00:24:10.899>to <00:24:11.000>make <00:24:11.100>sure <00:24:11.199>that <00:24:11.300>your <00:24:11.399>most <00:24:11.500>important

460
00:24:13.400 --> 00:24:16.700
<00:24:13.400>element <00:24:13.540>is <00:24:13.680>the <00:24:13.820>largest <00:24:13.960>one <00:24:14.100>on <00:24:14.240>the <00:24:14.380>page <00:24:14.520>and <00:24:14.660>then <00:24:14.800>set

461
00:24:16.400 --> 00:24:19.600
<00:24:16.400>the <00:24:16.555>relative <00:24:16.711>size <00:24:16.866>of <00:24:17.022>your <00:24:17.177>other <00:24:17.333>elements <00:24:17.488>based <00:24:17.644>around <00:24:17.800>that

462
00:24:19.400 --> 00:24:20.700
<00:24:19.400>in <00:24:19.790>order <00:24:20.180>of <00:24:20.570>relevance.

463
00:24:23.200 --> 00:24:26.200
<00:24:23.200>One <00:24:23.316>of <00:24:23.433>the <00:24:23.550>most <00:24:23.666>intuitive <00:24:23.783>ways <00:24:23.900>to <00:24:24.016>create <00:24:24.133>a <00:24:24.250>hierarchy <00:24:24.366>is <00:24:24.483>to <00:24:24.600>put

464
00:24:26.200 --> 00:24:29.100
<00:24:26.200>the <00:24:26.316>most <00:24:26.433>important <00:24:26.550>items <00:24:26.666>at <00:24:26.783>the <00:24:26.900>top <00:24:27.016>and <00:24:27.133>then <00:24:27.250>work <00:24:27.366>your <00:24:27.483>way <00:24:27.600>down.

465
00:24:30.100 --> 00:24:33.400
<00:24:30.100>You <00:24:30.216>might <00:24:30.333>have <00:24:30.449>heard <00:24:30.566>people <00:24:30.683>talk <00:24:30.800>about <00:24:30.916>putting <00:24:31.033>items <00:24:31.149>above <00:24:31.266>the <00:24:31.383>fold <00:24:31.500>before.

466
00:24:34.200 --> 00:24:37.800
<00:24:34.200>This <00:24:34.300>is <00:24:34.400>a <00:24:34.500>little <00:24:34.600>bit <00:24:34.700>of <00:24:34.800>an <00:24:34.900>outdated <00:24:35.000>term <00:24:35.100>that <00:24:35.200>was <00:24:35.300>based <00:24:35.400>in <00:24:35.500>newspaper <00:24:35.600>design

467
00:24:37.400 --> 00:24:40.800
<00:24:37.400>where <00:24:37.540>top <00:24:37.680>stories <00:24:37.820>would <00:24:37.960>go <00:24:38.100>on <00:24:38.240>the <00:24:38.380>front <00:24:38.520>page <00:24:38.660>above <00:24:38.800>the

468
00:24:40.500 --> 00:24:43.600
<00:24:40.500>literal <00:24:40.655>fold. <00:24:40.811>So <00:24:40.966>buyers <00:24:41.122>can <00:24:41.277>see <00:24:41.433>them <00:24:41.588>at <00:24:41.744>a <00:24:41.900>glance

469
00:24:43.500 --> 00:24:45.200
<00:24:43.500>when <00:24:43.733>they <00:24:43.966>went <00:24:44.200>by <00:24:44.433>a <00:24:44.666>newspaper <00:24:44.900>stand.

470
00:24:46.100 --> 00:24:49.400
<00:24:46.100>The <00:24:46.216>idea <00:24:46.333>of <00:24:46.449>the <00:24:46.566>fold <00:24:46.683>stuck <00:24:46.800>around <00:24:46.916>for <00:24:47.033>a <00:24:47.149>little <00:24:47.266>bit <00:24:47.383>into <00:24:47.500>web

471
00:24:49.100 --> 00:24:52.400
<00:24:49.100>design <00:24:49.274>referring <00:24:49.449>to <00:24:49.625>the <00:24:49.800>content <00:24:49.975>that <00:24:50.149>was <00:24:50.324>visible <00:24:50.500>on

472
00:24:52.200 --> 00:24:53.200
<00:24:52.200>first <00:24:53.100>load.

473
00:24:53.800 --> 00:24:57.500
<00:24:53.800>But <00:24:53.927>now <00:24:54.054>that <00:24:54.181>screens <00:24:54.309>come <00:24:54.436>in <00:24:54.563>all <00:24:54.690>shapes <00:24:54.818>and <00:24:54.945>sizes. <00:24:55.072>It's <00:24:55.200>pretty

474
00:24:57.200 --> 00:25:00.500
<00:24:57.200>much <00:24:57.355>impossible <00:24:57.511>for <00:24:57.666>us <00:24:57.822>to <00:24:57.977>guess <00:24:58.133>where <00:24:58.288>the <00:24:58.444>fold <00:24:58.600>will

475
00:25:00.200 --> 00:25:01.900
<00:25:00.200>be <00:25:00.550>for <00:25:00.900>any <00:25:01.250>given <00:25:01.600>user.

476
00:25:02.500 --> 00:25:05.800
<00:25:02.500>There's <00:25:02.616>also <00:25:02.733>a <00:25:02.850>lot <00:25:02.966>of <00:25:03.083>data <00:25:03.200>we <00:25:03.316>have <00:25:03.433>now <00:25:03.550>that <00:25:03.666>shows <00:25:03.783>scrolling <00:25:03.900>has

477
00:25:05.500 --> 00:25:08.700
<00:25:05.500>become <00:25:05.675>a <00:25:05.850>very <00:25:06.025>natural <00:25:06.200>behavior <00:25:06.375>for <00:25:06.550>users. <00:25:06.725>So <00:25:06.900>people

478
00:25:08.500 --> 00:25:12.100
<00:25:08.500>will <00:25:08.640>rarely <00:25:08.780>open <00:25:08.920>a <00:25:09.060>page <00:25:09.200>and <00:25:09.340>then <00:25:09.480>immediately <00:25:09.620>leave <00:25:09.760>without <00:25:09.900>scrolling

479
00:25:11.500 --> 00:25:14.700
<00:25:11.500>at <00:25:11.850>all <00:25:12.200>all <00:25:12.550>that <00:25:12.900>to

480
00:25:14.500 --> 00:25:17.900
<00:25:14.500>see <00:25:14.640>the <00:25:14.780>fold <00:25:14.920>should <00:25:15.060>no <00:25:15.200>longer <00:25:15.340>be <00:25:15.480>a <00:25:15.620>determining <00:25:15.760>factor <00:25:15.900>in

481
00:25:17.900 --> 00:25:18.500
<00:25:17.900>your <00:25:18.440>science.

482
00:25:19.500 --> 00:25:23.000
<00:25:19.500>However, <00:25:19.675>that <00:25:19.850>core <00:25:20.025>idea <00:25:20.200>behind <00:25:20.375>the <00:25:20.550>newspaper <00:25:20.725>layout <00:25:20.900>is

483
00:25:22.800 --> 00:25:26.100
<00:25:22.800>still <00:25:22.975>accurate. <00:25:23.149>You <00:25:23.325>want <00:25:23.500>your <00:25:23.675>most <00:25:23.850>important <00:25:24.024>information <00:25:24.200>at

484
00:25:25.800 --> 00:25:29.100
<00:25:25.800>the <00:25:25.899>top <00:25:26.000>of <00:25:26.100>the <00:25:26.200>page <00:25:26.300>and <00:25:26.399>then <00:25:26.500>you <00:25:26.600>want <00:25:26.700>to <00:25:26.800>work <00:25:26.899>your <00:25:27.000>way <00:25:27.100>down <00:25:27.200>in

485
00:25:28.800 --> 00:25:30.200
<00:25:28.800>order <00:25:29.430>of <00:25:30.060>prioritization.

486
00:25:31.300 --> 00:25:34.600
<00:25:31.300>So <00:25:31.440>as <00:25:31.580>we <00:25:31.720>can <00:25:31.860>see <00:25:32.000>in <00:25:32.139>this <00:25:32.280>example, <00:25:32.419>the <00:25:32.560>most <00:25:32.700>important

487
00:25:34.500 --> 00:25:37.800
<00:25:34.500>information <00:25:34.627>is <00:25:34.754>at <00:25:34.881>the <00:25:35.009>top <00:25:35.136>right? <00:25:35.263>We <00:25:35.390>have <00:25:35.518>the <00:25:35.645>logo <00:25:35.772>the <00:25:35.900>name

488
00:25:37.500 --> 00:25:39.800
<00:25:37.500>of <00:25:37.733>the <00:25:37.966>newspaper <00:25:38.200>the <00:25:38.433>breaking <00:25:38.666>news <00:25:38.900>headline.

489
00:25:40.400 --> 00:25:43.600
<00:25:40.400>Then <00:25:40.527>the <00:25:40.654>text <00:25:40.781>will <00:25:40.909>get <00:25:41.036>kind <00:25:41.163>of <00:25:41.290>progressively <00:25:41.418>smaller <00:25:41.545>as <00:25:41.672>we <00:25:41.800>move

490
00:25:43.400 --> 00:25:46.800
<00:25:43.400>down <00:25:43.575>the <00:25:43.750>page <00:25:43.925>combining <00:25:44.100>size <00:25:44.275>and <00:25:44.450>placement <00:25:44.625>to <00:25:44.800>indicate

491
00:25:46.500 --> 00:25:48.000
<00:25:46.500>its <00:25:47.175>relative <00:25:47.850>importance.

492
00:25:50.400 --> 00:25:54.500
<00:25:50.400>The <00:25:50.540>last <00:25:50.680>piece <00:25:50.820>of <00:25:50.960>the <00:25:51.100>visual <00:25:51.240>hierarchy <00:25:51.380>puzzle <00:25:51.520>is <00:25:51.660>color, <00:25:51.800>right?

493
00:25:55.700 --> 00:25:59.900
<00:25:55.700>Give <00:25:55.840>me <00:25:55.980>just <00:25:56.120>a <00:25:56.260>minute. <00:25:56.400>I <00:25:56.540>lost <00:25:56.680>my <00:25:56.820>please <00:25:56.960>color <00:25:57.100>is

494
00:25:59.600 --> 00:26:02.800
<00:25:59.600>a <00:25:59.727>little <00:25:59.854>bit <00:25:59.981>different <00:26:00.109>because <00:26:00.236>as <00:26:00.363>we <00:26:00.490>talked <00:26:00.618>about <00:26:00.745>it <00:26:00.872>shifts <00:26:01.000>depending

495
00:26:02.600 --> 00:26:05.900
<00:26:02.600>on <00:26:02.774>the <00:26:02.949>context <00:26:03.125>and <00:26:03.300>how <00:26:03.475>it's <00:26:03.649>interpreted. <00:26:03.824>It <00:26:04.000>depends

496
00:26:05.600 --> 00:26:08.700
<00:26:05.600>entirely <00:26:05.755>on <00:26:05.911>the <00:26:06.066>colors <00:26:06.222>around <00:26:06.377>it. <00:26:06.533>So <00:26:06.688>as <00:26:06.844>you <00:26:07.000>can

497
00:26:08.600 --> 00:26:11.800
<00:26:08.600>see <00:26:08.774>in <00:26:08.949>this <00:26:09.125>example <00:26:09.300>the <00:26:09.475>contrast <00:26:09.649>and <00:26:09.824>value <00:26:10.000>between

498
00:26:11.600 --> 00:26:14.800
<00:26:11.600>the <00:26:11.740>background <00:26:11.879>color <00:26:12.020>and <00:26:12.159>the <00:26:12.300>color <00:26:12.439>of <00:26:12.580>your <00:26:12.719>element <00:26:12.860>impacts <00:26:13.000>the

499
00:26:14.600 --> 00:26:18.000
<00:26:14.600>visual <00:26:14.755>weight <00:26:14.911>of <00:26:15.066>the <00:26:15.222>element <00:26:15.377>and <00:26:15.533>by <00:26:15.688>extent <00:26:15.844>it's <00:26:16.000>place

500
00:26:17.600 --> 00:26:18.700
<00:26:17.600>in <00:26:18.095>the <00:26:18.590>hierarchy.

501
00:26:20.100 --> 00:26:23.600
<00:26:20.100>What <00:26:20.227>you're <00:26:20.354>looking <00:26:20.481>for <00:26:20.609>with <00:26:20.736>color <00:26:20.863>is <00:26:20.990>that <00:26:21.118>high <00:26:21.245>contrast <00:26:21.372>in <00:26:21.500>value?

502
00:26:23.300 --> 00:26:26.400
<00:26:23.300>You <00:26:23.533>want <00:26:23.766>darker <00:26:24.000>color <00:26:24.233>in <00:26:24.466>a <00:26:24.700>sea

503
00:26:26.300 --> 00:26:29.900
<00:26:26.300>of <00:26:26.427>lighter <00:26:26.554>colors <00:26:26.681>or <00:26:26.809>a <00:26:26.936>single <00:26:27.063>color <00:26:27.190>in <00:26:27.318>an <00:26:27.445>otherwise <00:26:27.572>monochrome <00:26:27.700>design.

504
00:26:30.900 --> 00:26:34.700
<00:26:30.900>You <00:26:31.027>can <00:26:31.154>also <00:26:31.281>really <00:26:31.409>quickly <00:26:31.536>and <00:26:31.663>easily <00:26:31.790>tap <00:26:31.918>into <00:26:32.045>that <00:26:32.172>differentiation <00:26:32.300>by

505
00:26:34.000 --> 00:26:37.700
<00:26:34.000>using <00:26:34.155>a <00:26:34.311>complementary <00:26:34.466>color <00:26:34.622>scheme <00:26:34.777>like <00:26:34.933>in <00:26:35.088>the <00:26:35.244>Spotify <00:26:35.400>website

506
00:26:37.200 --> 00:26:38.000
example.

507
00:26:39.300 --> 00:26:42.600
<00:26:39.300>Blue <00:26:39.440>and <00:26:39.580>orange <00:26:39.720>are <00:26:39.860>Polar <00:26:40.000>Opposites. <00:26:40.139>So <00:26:40.280>using <00:26:40.419>that <00:26:40.560>large <00:26:40.700>heavy

508
00:26:42.300 --> 00:26:46.000
<00:26:42.300>blue <00:26:42.455>text <00:26:42.611>over <00:26:42.766>the <00:26:42.922>pink <00:26:43.077>and <00:26:43.233>orange <00:26:43.388>background <00:26:43.544>really <00:26:43.700>makes

509
00:26:45.700 --> 00:26:47.100
<00:26:45.700>it <00:26:46.015>pop <00:26:46.330>off <00:26:46.645>the <00:26:46.960>screen.

510
00:26:48.200 --> 00:26:51.800
<00:26:48.200>You <00:26:48.327>can <00:26:48.454>use <00:26:48.581>this <00:26:48.709>to <00:26:48.836>your <00:26:48.963>advantage <00:26:49.090>in <00:26:49.218>UI <00:26:49.345>design <00:26:49.472>but <00:26:49.600>always

511
00:26:51.200 --> 00:26:54.600
<00:26:51.200>remember <00:26:51.400>color <00:26:51.600>cannot <00:26:51.800>be <00:26:52.000>the <00:26:52.200>only <00:26:52.400>tool <00:26:52.600>you

512
00:26:54.300 --> 00:26:58.200
<00:26:54.300>use <00:26:54.440>because <00:26:54.580>it's <00:26:54.720>not <00:26:54.860>accessible <00:26:55.000>to <00:26:55.139>all <00:26:55.280>your <00:26:55.419>users <00:26:55.560>your <00:26:55.700>users

513
00:26:58.000 --> 00:27:01.100
<00:26:58.000>that <00:26:58.175>are <00:26:58.350>blind <00:26:58.525>or <00:26:58.700>color <00:26:58.875>blind <00:26:59.050>or <00:26:59.225>in <00:26:59.400>other

514
00:27:01.000 --> 00:27:04.300
<00:27:01.000>ways <00:27:01.280>struggle <00:27:01.560>with <00:27:01.840>vision <00:27:02.120>won't <00:27:02.400>necessarily

515
00:27:04.000 --> 00:27:06.900
<00:27:04.000>be <00:27:04.175>able <00:27:04.350>to <00:27:04.525>interpret <00:27:04.700>all <00:27:04.875>of <00:27:05.050>your <00:27:05.225>colors <00:27:05.400>accurately.

516
00:27:07.600 --> 00:27:10.700
<00:27:07.600>So <00:27:07.707>you <00:27:07.815>might <00:27:07.923>be <00:27:08.030>able <00:27:08.138>to <00:27:08.246>get <00:27:08.353>away <00:27:08.461>with <00:27:08.569>using <00:27:08.676>just <00:27:08.784>size <00:27:08.892>or <00:27:09.000>just

517
00:27:10.700 --> 00:27:14.000
<00:27:10.700>placement <00:27:10.875>to <00:27:11.050>differentiating <00:27:11.225>element, <00:27:11.400>but <00:27:11.575>color <00:27:11.750>is <00:27:11.925>a <00:27:12.100>different

518
00:27:13.900 --> 00:27:17.600
<00:27:13.900>ball <00:27:14.027>game. <00:27:14.154>You <00:27:14.281>always <00:27:14.409>want <00:27:14.536>to <00:27:14.663>combine <00:27:14.790>color <00:27:14.918>with <00:27:15.045>size <00:27:15.172>placement <00:27:15.300>or

519
00:27:17.500 --> 00:27:20.700
<00:27:17.500>both <00:27:17.655>in <00:27:17.811>order <00:27:17.966>to <00:27:18.122>guarantee <00:27:18.277>an <00:27:18.433>accessible <00:27:18.588>design <00:27:18.744>for <00:27:18.900>your

520
00:27:20.600 --> 00:27:21.100
users.

521
00:27:23.000 --> 00:27:26.500
<00:27:23.000>The <00:27:23.100>other <00:27:23.200>piece <00:27:23.300>we <00:27:23.400>need <00:27:23.500>to <00:27:23.600>take <00:27:23.700>into <00:27:23.800>account <00:27:23.900>when <00:27:24.000>we're <00:27:24.100>talking <00:27:24.200>about <00:27:24.300>layout <00:27:24.400>is

522
00:27:26.000 --> 00:27:27.200
balance.

523
00:27:27.800 --> 00:27:31.300
<00:27:27.800>Visual <00:27:28.000>hierarchy <00:27:28.200>involves <00:27:28.399>using <00:27:28.600>size <00:27:28.800>color <00:27:29.000>and <00:27:29.200>placement

524
00:27:30.800 --> 00:27:34.600
<00:27:30.800>to <00:27:30.975>create <00:27:31.149>those <00:27:31.325>different <00:27:31.500>visual <00:27:31.675>weights, <00:27:31.850>but <00:27:32.024>balance <00:27:32.200>is

525
00:27:34.400 --> 00:27:37.900
<00:27:34.400>achieved <00:27:34.575>by <00:27:34.750>evenly <00:27:34.925>Distributing <00:27:35.100>that <00:27:35.275>visual <00:27:35.450>weight <00:27:35.625>across <00:27:35.800>your

526
00:27:37.700 --> 00:27:38.400
composition.

527
00:27:39.800 --> 00:27:43.400
<00:27:39.800>The <00:27:39.940>idea <00:27:40.080>of <00:27:40.220>balance <00:27:40.360>is <00:27:40.500>something <00:27:40.639>that <00:27:40.780>again <00:27:40.919>is <00:27:41.060>really <00:27:41.200>deeply

528
00:27:42.900 --> 00:27:46.600
<00:27:42.900>ingrained <00:27:43.055>in <00:27:43.211>The <00:27:43.366>Human <00:27:43.522>Experience. <00:27:43.677>We <00:27:43.833>had <00:27:43.988>to <00:27:44.144>master <00:27:44.300>balance

529
00:27:46.300 --> 00:27:49.900
<00:27:46.300>in <00:27:46.440>order <00:27:46.580>to <00:27:46.720>walk <00:27:46.860>to <00:27:47.000>stand <00:27:47.139>up <00:27:47.280>right <00:27:47.419>to <00:27:47.560>avoid <00:27:47.700>danger

530
00:27:49.400 --> 00:27:52.600
<00:27:49.400>to <00:27:49.633>build <00:27:49.866>stable <00:27:50.100>structures <00:27:50.333>because <00:27:50.566>of <00:27:50.800>all

531
00:27:52.500 --> 00:27:56.000
<00:27:52.500>those <00:27:52.655>things <00:27:52.811>balance <00:27:52.966>is <00:27:53.122>something <00:27:53.277>that <00:27:53.433>we <00:27:53.588>really <00:27:53.744>strongly <00:27:53.900>associate

532
00:27:55.500 --> 00:27:58.900
<00:27:55.500>with <00:27:55.780>safety <00:27:56.060>and <00:27:56.340>comfort <00:27:56.620>looking <00:27:56.900>at

533
00:27:58.700 --> 00:28:02.600
<00:27:58.700>balanced <00:27:58.875>things <00:27:59.050>as <00:27:59.225>reassuring <00:27:59.400>whereas <00:27:59.575>looking <00:27:59.750>at <00:27:59.925>unbalanced <00:28:00.100>things

534
00:28:02.300 --> 00:28:05.600
<00:28:02.300>can <00:28:02.475>make <00:28:02.649>us <00:28:02.825>feel <00:28:03.000>a <00:28:03.175>little <00:28:03.350>bit <00:28:03.524>uneasier <00:28:03.700>tense.

535
00:28:06.700 --> 00:28:10.400
<00:28:06.700>The <00:28:06.855>same <00:28:07.011>associations <00:28:07.166>carry <00:28:07.322>over <00:28:07.477>when <00:28:07.633>we're <00:28:07.788>talking <00:28:07.944>about <00:28:08.100>balanced

536
00:28:09.700 --> 00:28:11.500
<00:28:09.700>and <00:28:10.400>unbalanced <00:28:11.100>designs.

537
00:28:12.500 --> 00:28:16.000
<00:28:12.500>And <00:28:12.655>as <00:28:12.811>UI <00:28:12.966>designers, <00:28:13.122>we <00:28:13.277>really <00:28:13.433>don't <00:28:13.588>want <00:28:13.744>the <00:28:13.900>viewer

538
00:28:15.700 --> 00:28:19.200
<00:28:15.700>to <00:28:15.900>feel <00:28:16.100>uncomfortable <00:28:16.300>right <00:28:16.500>an <00:28:16.700>artist <00:28:16.900>might <00:28:17.100>choose

539
00:28:18.900 --> 00:28:22.600
<00:28:18.900>to <00:28:19.100>intentionally <00:28:19.300>leverage <00:28:19.500>that <00:28:19.700>tool <00:28:19.900>to <00:28:20.100>like <00:28:20.300>evoke

540
00:28:22.100 --> 00:28:25.600
<00:28:22.100>an <00:28:22.255>unsettled <00:28:22.411>feeling <00:28:22.566>in <00:28:22.722>the <00:28:22.877>viewer, <00:28:23.033>but <00:28:23.188>it's <00:28:23.344>pretty <00:28:23.500>rare

541
00:28:25.300 --> 00:28:29.000
<00:28:25.300>for <00:28:25.407>us <00:28:25.515>to <00:28:25.623>want <00:28:25.730>users <00:28:25.838>to <00:28:25.946>feel <00:28:26.053>that <00:28:26.161>when <00:28:26.269>they <00:28:26.376>look <00:28:26.484>at <00:28:26.592>our <00:28:26.700>applications.

542
00:28:30.100 --> 00:28:33.800
<00:28:30.100>So <00:28:30.227>in <00:28:30.354>order <00:28:30.481>to <00:28:30.609>achieve <00:28:30.736>balance <00:28:30.863>things <00:28:30.990>need <00:28:31.118>to <00:28:31.245>be <00:28:31.372>equally <00:28:31.500>weighted

543
00:28:33.400 --> 00:28:36.700
<00:28:33.400>on <00:28:33.600>either <00:28:33.800>side <00:28:34.000>of <00:28:34.200>a <00:28:34.400>center <00:28:34.600>vertical <00:28:34.800>axis.

544
00:28:37.500 --> 00:28:41.400
<00:28:37.500>Visual <00:28:37.627>balance <00:28:37.754>works <00:28:37.881>pretty <00:28:38.009>much <00:28:38.136>exactly <00:28:38.263>the <00:28:38.390>same <00:28:38.518>way <00:28:38.645>that <00:28:38.772>physical <00:28:38.900>balance

545
00:28:40.700 --> 00:28:44.200
<00:28:40.700>does. <00:28:40.875>It's <00:28:41.050>just <00:28:41.225>that <00:28:41.400>we're <00:28:41.575>measuring <00:28:41.750>visual <00:28:41.925>weight <00:28:42.100>instead

546
00:28:43.700 --> 00:28:44.800
<00:28:43.700>of <00:28:44.195>physical <00:28:44.690>weight.

547
00:28:45.600 --> 00:28:49.800
<00:28:45.600>But <00:28:45.693>if <00:28:45.786>you <00:28:45.879>were <00:28:45.973>to <00:28:46.066>imagine <00:28:46.159>the <00:28:46.253>two <00:28:46.346>halves <00:28:46.439>of <00:28:46.533>your <00:28:46.626>design <00:28:46.719>like <00:28:46.813>a <00:28:46.906>seesaw <00:28:47.000>or

548
00:28:49.700 --> 00:28:53.100
<00:28:49.700>a <00:28:49.827>set <00:28:49.954>of <00:28:50.081>scales <00:28:50.209>it <00:28:50.336>might <00:28:50.463>help <00:28:50.590>you <00:28:50.718>get <00:28:50.845>that <00:28:50.972>feel <00:28:51.100>for

549
00:28:52.800 --> 00:28:53.800
<00:28:52.800>visual <00:28:53.700>weight.

550
00:28:55.600 --> 00:28:57.200
<00:28:55.600>So <00:28:55.879>let's <00:28:56.159>look <00:28:56.439>at <00:28:56.719>an <00:28:57.000>example.

551
00:28:58.100 --> 00:29:01.700
<00:28:58.100>Which <00:28:58.255>side <00:28:58.411>of <00:28:58.566>this <00:28:58.722>would <00:28:58.877>you <00:28:59.033>say <00:28:59.188>is <00:28:59.344>visually <00:28:59.500>heavier,

552
00:29:01.300 --> 00:29:04.600
<00:29:01.300>right <00:29:01.455>the <00:29:01.611>side <00:29:01.766>with <00:29:01.922>the <00:29:02.077>larger <00:29:02.233>Square <00:29:02.388>the <00:29:02.544>side <00:29:02.700>with

553
00:29:04.300 --> 00:29:05.200
<00:29:04.300>the <00:29:04.705>smaller <00:29:05.110>Square.

554
00:29:06.300 --> 00:29:09.000
<00:29:06.300>If <00:29:06.427>you <00:29:06.554>guess <00:29:06.681>the <00:29:06.809>side <00:29:06.936>with <00:29:07.063>large <00:29:07.190>Square <00:29:07.318>you <00:29:07.445>would <00:29:07.572>be <00:29:07.700>correct.

555
00:29:09.800 --> 00:29:13.400
<00:29:09.800>Even <00:29:09.907>though <00:29:10.015>these <00:29:10.123>squares <00:29:10.230>are <00:29:10.338>the <00:29:10.446>same <00:29:10.553>shape <00:29:10.661>and <00:29:10.769>the <00:29:10.876>same <00:29:10.984>color <00:29:11.092>the <00:29:11.200>larger

556
00:29:13.000 --> 00:29:16.200
<00:29:13.000>size <00:29:13.140>of <00:29:13.280>the <00:29:13.420>left <00:29:13.560>one <00:29:13.700>gives <00:29:13.840>it <00:29:13.980>a <00:29:14.120>heavier <00:29:14.260>visual <00:29:14.400>weight.

557
00:29:17.000 --> 00:29:20.900
<00:29:17.000>This <00:29:17.155>creates <00:29:17.311>an <00:29:17.466>unbalanced <00:29:17.622>design <00:29:17.777>where <00:29:17.933>one <00:29:18.088>part <00:29:18.244>feels <00:29:18.400>visually

558
00:29:20.400 --> 00:29:21.700
<00:29:20.400>heavier <00:29:20.790>than <00:29:21.180>the <00:29:21.570>other.

559
00:29:23.300 --> 00:29:26.800
<00:29:23.300>Most <00:29:23.407>of <00:29:23.515>the <00:29:23.623>time <00:29:23.730>you <00:29:23.838>want <00:29:23.946>to <00:29:24.053>create <00:29:24.161>interface <00:29:24.269>designs <00:29:24.376>that <00:29:24.484>feel <00:29:24.592>balanced <00:29:24.700>like

560
00:29:26.600 --> 00:29:27.400
<00:29:26.600>this <00:29:27.320>example.

561
00:29:28.400 --> 00:29:32.100
<00:29:28.400>The <00:29:28.516>easiest <00:29:28.633>way <00:29:28.750>to <00:29:28.866>do <00:29:28.983>this <00:29:29.100>is <00:29:29.216>through <00:29:29.333>symmetry, <00:29:29.450>which <00:29:29.566>is <00:29:29.683>perfectly <00:29:29.800>mirroring

562
00:29:31.400 --> 00:29:33.100
<00:29:31.400>two <00:29:31.750>sides <00:29:32.100>of <00:29:32.450>the <00:29:32.800>design.

563
00:29:34.200 --> 00:29:37.200
<00:29:34.200>These <00:29:34.375>squares <00:29:34.550>are <00:29:34.725>symmetrical <00:29:34.900>exactly <00:29:35.075>the <00:29:35.250>same <00:29:35.425>on <00:29:35.600>the

564
00:29:37.200 --> 00:29:39.700
<00:29:37.200>left <00:29:37.400>and <00:29:37.600>right <00:29:37.800>so <00:29:38.000>they <00:29:38.200>feel <00:29:38.400>perfectly <00:29:38.600>balanced.

565
00:29:40.600 --> 00:29:43.800
<00:29:40.600>Symmetry <00:29:40.727>is <00:29:40.854>an <00:29:40.981>especially <00:29:41.109>good <00:29:41.236>solution <00:29:41.363>when <00:29:41.490>you're <00:29:41.618>going <00:29:41.745>for <00:29:41.872>like <00:29:42.000>a

566
00:29:43.700 --> 00:29:46.400
<00:29:43.700>very <00:29:43.933>streamlined <00:29:44.166>sophisticated <00:29:44.400>look <00:29:44.633>in <00:29:44.866>your <00:29:45.100>design.

567
00:29:47.700 --> 00:29:51.000
<00:29:47.700>You'll <00:29:47.807>see <00:29:47.915>this <00:29:48.023>approach <00:29:48.130>used <00:29:48.238>a <00:29:48.346>lot <00:29:48.453>for <00:29:48.561>brains <00:29:48.669>that <00:29:48.776>want <00:29:48.884>to <00:29:48.992>communicate <00:29:49.100>kind

568
00:29:50.700 --> 00:29:54.000
<00:29:50.700>of <00:29:50.875>luxury <00:29:51.050>right? <00:29:51.225>Because <00:29:51.400>this <00:29:51.575>is <00:29:51.750>okay. <00:29:51.925>It <00:29:52.100>creates

569
00:29:53.900 --> 00:29:58.700
<00:29:53.900>a <00:29:54.075>feeling <00:29:54.250>of <00:29:54.425>strength <00:29:54.600>and <00:29:54.775>permanence <00:29:54.950>and <00:29:55.125>stability. <00:29:55.300>It's

570
00:29:57.100 --> 00:30:00.400
<00:29:57.100>perfect <00:29:57.300>for <00:29:57.500>when <00:29:57.699>you <00:29:57.899>want <00:29:58.100>to <00:29:58.300>communicate <00:29:58.500>that

571
00:30:00.100 --> 00:30:03.900
<00:30:00.100>something <00:30:00.240>is <00:30:00.379>not <00:30:00.520>new <00:30:00.659>or <00:30:00.800>trendy. <00:30:00.939>It's <00:30:01.080>Timeless <00:30:01.219>or <00:30:01.360>classic <00:30:01.500>or

572
00:30:03.600 --> 00:30:04.900
<00:30:03.600>peaceful, <00:30:04.770>right?

573
00:30:07.000 --> 00:30:10.800
<00:30:07.000>Balance <00:30:07.116>does <00:30:07.233>not <00:30:07.350>always <00:30:07.466>have <00:30:07.583>to <00:30:07.700>mean <00:30:07.816>that <00:30:07.933>elements <00:30:08.050>are <00:30:08.166>perfectly <00:30:08.283>symmetrical <00:30:08.400>though.

574
00:30:10.600 --> 00:30:13.700
<00:30:10.600>It <00:30:10.755>just <00:30:10.911>means <00:30:11.066>that <00:30:11.222>they're <00:30:11.377>visual <00:30:11.533>weight <00:30:11.688>is <00:30:11.844>roughly <00:30:12.000>equivalent.

575
00:30:14.700 --> 00:30:17.900
<00:30:14.700>Asymmetrical <00:30:14.827>balance <00:30:14.954>is <00:30:15.081>what <00:30:15.209>we <00:30:15.336>see <00:30:15.463>most <00:30:15.590>often <00:30:15.718>and <00:30:15.845>what <00:30:15.972>we <00:30:16.100>use

576
00:30:17.800 --> 00:30:20.800
<00:30:17.800>most <00:30:17.975>often <00:30:18.149>when <00:30:18.325>we're <00:30:18.500>creating <00:30:18.675>web <00:30:18.850>and <00:30:19.024>UI <00:30:19.200>designs.

577
00:30:21.200 --> 00:30:25.100
<00:30:21.200>Perfectly <00:30:21.375>symmetrical <00:30:21.550>design <00:30:21.725>can <00:30:21.900>be <00:30:22.075>really <00:30:22.250>beautiful <00:30:22.425>but <00:30:22.600>it's

578
00:30:24.800 --> 00:30:26.800
<00:30:24.800>also <00:30:25.500>often <00:30:26.200>impractical.

579
00:30:27.600 --> 00:30:31.200
<00:30:27.600>It <00:30:27.693>does <00:30:27.786>not <00:30:27.879>tend <00:30:27.973>to <00:30:28.066>be <00:30:28.159>the <00:30:28.253>most <00:30:28.346>effective <00:30:28.439>use <00:30:28.533>of <00:30:28.626>space <00:30:28.719>because <00:30:28.813>it <00:30:28.906>demands <00:30:29.000>that

580
00:30:31.000 --> 00:30:34.600
<00:30:31.000>like <00:30:31.233>exact <00:30:31.466>precise <00:30:31.700>mirroring <00:30:31.933>and <00:30:32.166>we <00:30:32.400>don't

581
00:30:34.500 --> 00:30:37.100
<00:30:34.500>always <00:30:34.700>get <00:30:34.900>UI <00:30:35.100>elements <00:30:35.300>in <00:30:35.500>perfect <00:30:35.700>sets, <00:30:35.900>right?

582
00:30:38.300 --> 00:30:42.200
<00:30:38.300>The <00:30:38.407>good <00:30:38.515>news <00:30:38.623>is <00:30:38.730>that <00:30:38.838>we <00:30:38.946>don't <00:30:39.053>have <00:30:39.161>to <00:30:39.269>have <00:30:39.376>perfectly <00:30:39.484>matched <00:30:39.592>elements <00:30:39.700>in

583
00:30:41.600 --> 00:30:43.700
<00:30:41.600>order <00:30:41.833>for <00:30:42.066>them <00:30:42.300>to <00:30:42.533>be <00:30:42.766>visually <00:30:43.000>balanced.

584
00:30:44.400 --> 00:30:47.900
<00:30:44.400>The <00:30:44.500>visual <00:30:44.600>weight <00:30:44.700>of <00:30:44.800>an <00:30:44.900>element <00:30:45.000>can <00:30:45.100>be <00:30:45.200>determined <00:30:45.300>by <00:30:45.400>a <00:30:45.500>number <00:30:45.600>of <00:30:45.700>factors <00:30:45.800>including

585
00:30:47.400 --> 00:30:51.600
<00:30:47.400>but <00:30:47.575>not <00:30:47.750>limited <00:30:47.925>to <00:30:48.100>the <00:30:48.275>size <00:30:48.450>color <00:30:48.625>value <00:30:48.800>texture

586
00:30:51.000 --> 00:30:53.100
<00:30:51.000>or <00:30:51.350>contrast <00:30:51.700>of <00:30:52.050>an <00:30:52.400>element.

587
00:30:54.000 --> 00:30:57.700
<00:30:54.000>Basically, <00:30:54.155>you <00:30:54.311>can <00:30:54.466>balance <00:30:54.622>anything <00:30:54.777>with <00:30:54.933>anything <00:30:55.088>else <00:30:55.244>as <00:30:55.400>long

588
00:30:57.400 --> 00:31:00.500
<00:30:57.400>as <00:30:57.527>you <00:30:57.654>have <00:30:57.781>the <00:30:57.909>ability <00:30:58.036>to <00:30:58.163>manipulate <00:30:58.290>at <00:30:58.418>least <00:30:58.545>one <00:30:58.672>or <00:30:58.800>two

589
00:31:00.400 --> 00:31:01.000
<00:31:00.400>of <00:31:00.670>those <00:31:00.940>things.

590
00:31:02.500 --> 00:31:05.700
<00:31:02.500>A <00:31:02.655>really <00:31:02.811>common <00:31:02.966>asymmetrical <00:31:03.122>design <00:31:03.277>pattern <00:31:03.433>that <00:31:03.588>we <00:31:03.744>see <00:31:03.900>in

591
00:31:05.500 --> 00:31:08.100
<00:31:05.500>web <00:31:05.700>design <00:31:05.900>is <00:31:06.100>the <00:31:06.300>text <00:31:06.500>and <00:31:06.700>image <00:31:06.900>balance.

592
00:31:08.800 --> 00:31:12.000
<00:31:08.800>Tons <00:31:08.940>of <00:31:09.080>websites <00:31:09.220>will <00:31:09.360>have <00:31:09.500>a <00:31:09.639>homepage <00:31:09.780>that <00:31:09.919>follows <00:31:10.060>the <00:31:10.200>same

593
00:31:11.900 --> 00:31:15.200
<00:31:11.900>kind <00:31:12.016>of <00:31:12.133>basic <00:31:12.250>structure <00:31:12.366>right? <00:31:12.483>There <00:31:12.600>will <00:31:12.716>be <00:31:12.833>a <00:31:12.950>header <00:31:13.066>along <00:31:13.183>the <00:31:13.300>top

594
00:31:15.000 --> 00:31:18.200
<00:31:15.000>maybe <00:31:15.155>a <00:31:15.311>navbar <00:31:15.466>and <00:31:15.622>then <00:31:15.777>immediately <00:31:15.933>underneath <00:31:16.088>there's <00:31:16.244>a <00:31:16.400>large

595
00:31:18.000 --> 00:31:20.300
<00:31:18.000>image <00:31:18.350>balanced <00:31:18.700>by <00:31:19.050>large <00:31:19.400>text.

596
00:31:22.100 --> 00:31:26.000
<00:31:22.100>You <00:31:22.255>can <00:31:22.411>also <00:31:22.566>create <00:31:22.722>asymmetrical <00:31:22.877>balance <00:31:23.033>through <00:31:23.188>placement <00:31:23.344>large <00:31:23.500>items

597
00:31:25.700 --> 00:31:29.100
<00:31:25.700>near <00:31:25.816>the <00:31:25.933>middle <00:31:26.050>of <00:31:26.166>a <00:31:26.283>composition <00:31:26.400>can <00:31:26.516>be <00:31:26.633>balanced <00:31:26.750>by <00:31:26.866>smaller <00:31:26.983>items <00:31:27.100>near

598
00:31:28.800 --> 00:31:32.100
<00:31:28.800>the <00:31:28.975>edge <00:31:29.149>and <00:31:29.325>in <00:31:29.500>UI <00:31:29.675>design. <00:31:29.850>We <00:31:30.024>see <00:31:30.200>this

599
00:31:31.900 --> 00:31:33.800
<00:31:31.900>pattern <00:31:32.250>most <00:31:32.600>often <00:31:32.950>with <00:31:33.300>sidebars.

600
00:31:34.700 --> 00:31:38.500
<00:31:34.700>A <00:31:34.807>sidebar <00:31:34.915>tends <00:31:35.023>to <00:31:35.130>be <00:31:35.238>pretty <00:31:35.346>dense. <00:31:35.453>We <00:31:35.561>have <00:31:35.669>lots <00:31:35.776>of <00:31:35.884>menu <00:31:35.992>items <00:31:36.100>icons.

601
00:31:37.900 --> 00:31:41.200
<00:31:37.900>Lots <00:31:38.180>of <00:31:38.460>elements <00:31:38.740>Plus <00:31:39.020>usually <00:31:39.300>a

602
00:31:40.900 --> 00:31:44.500
<00:31:40.900>different <00:31:41.007>background <00:31:41.115>color, <00:31:41.223>which <00:31:41.330>will <00:31:41.438>draw <00:31:41.546>the <00:31:41.653>eye <00:31:41.761>give <00:31:41.869>it <00:31:41.976>a <00:31:42.084>little <00:31:42.192>further <00:31:42.300>weight.

603
00:31:45.300 --> 00:31:48.400
<00:31:45.300>However, <00:31:45.455>sidebars <00:31:45.611>take <00:31:45.766>up <00:31:45.922>much <00:31:46.077>less <00:31:46.233>space <00:31:46.388>than <00:31:46.544>the <00:31:46.700>main

604
00:31:48.300 --> 00:31:50.900
<00:31:48.300>panels <00:31:48.500>so <00:31:48.700>that <00:31:48.899>Balancing <00:31:49.100>Act <00:31:49.300>still <00:31:49.500>works <00:31:49.700>out.

605
00:31:53.300 --> 00:31:56.400
<00:31:53.300>Thus <00:31:53.416>far <00:31:53.533>we <00:31:53.649>have <00:31:53.766>focused <00:31:53.883>primarily <00:31:54.000>on <00:31:54.116>the <00:31:54.233>elements <00:31:54.350>that <00:31:54.466>we <00:31:54.583>add <00:31:54.700>to

606
00:31:56.300 --> 00:31:59.700
<00:31:56.300>the <00:31:56.475>page <00:31:56.649>right <00:31:56.825>creating <00:31:57.000>contrast <00:31:57.175>balance <00:31:57.350>and <00:31:57.524>hierarchy <00:31:57.700>between

607
00:31:59.500 --> 00:32:02.600
<00:31:59.500>those <00:31:59.627>elements <00:31:59.754>to <00:31:59.881>draw <00:32:00.009>the <00:32:00.136>user's <00:32:00.263>eye <00:32:00.390>where <00:32:00.518>we <00:32:00.645>want <00:32:00.772>it <00:32:00.900>to

608
00:32:02.600 --> 00:32:02.700
go.

609
00:32:03.400 --> 00:32:06.500
<00:32:03.400>But <00:32:03.527>the <00:32:03.654>other <00:32:03.781>equally <00:32:03.909>important <00:32:04.036>part <00:32:04.163>of <00:32:04.290>a <00:32:04.418>design <00:32:04.545>is <00:32:04.672>where <00:32:04.800>you

610
00:32:06.400 --> 00:32:09.200
<00:32:06.400>don't <00:32:06.600>put <00:32:06.800>anything <00:32:07.000>at <00:32:07.200>all <00:32:07.400>the <00:32:07.600>white <00:32:07.800>space.

611
00:32:10.600 --> 00:32:13.800
<00:32:10.600>White <00:32:10.716>space <00:32:10.833>gives <00:32:10.949>their <00:32:11.066>eyes <00:32:11.183>a <00:32:11.300>place <00:32:11.416>to <00:32:11.533>rest <00:32:11.649>and <00:32:11.766>our <00:32:11.883>minds <00:32:12.000>a

612
00:32:13.600 --> 00:32:17.300
<00:32:13.600>chance <00:32:13.727>to <00:32:13.854>process. <00:32:13.981>It's <00:32:14.109>how <00:32:14.236>we <00:32:14.363>can <00:32:14.490>either <00:32:14.618>group <00:32:14.745>or <00:32:14.872>separate <00:32:15.000>elements

613
00:32:16.900 --> 00:32:19.500
<00:32:16.900>to <00:32:17.180>create <00:32:17.460>associations <00:32:17.740>or <00:32:18.020>prevent <00:32:18.300>them.

614
00:32:20.500 --> 00:32:24.200
<00:32:20.500>It's <00:32:20.607>easy <00:32:20.715>to <00:32:20.823>get <00:32:20.930>carried <00:32:21.038>away <00:32:21.146>while <00:32:21.253>working <00:32:21.361>on <00:32:21.469>a <00:32:21.576>design <00:32:21.684>and <00:32:21.792>go <00:32:21.900>overboard.

615
00:32:23.700 --> 00:32:27.100
<00:32:23.700>In <00:32:23.855>fact, <00:32:24.011>I <00:32:24.166>would <00:32:24.322>say <00:32:24.477>that <00:32:24.633>is <00:32:24.788>probably <00:32:24.944>the <00:32:25.100>most

616
00:32:26.900 --> 00:32:30.400
<00:32:26.900>common <00:32:27.075>mistake <00:32:27.250>that <00:32:27.425>beginning <00:32:27.600>designers <00:32:27.775>make <00:32:27.950>there's <00:32:28.125>this <00:32:28.300>feeling

617
00:32:30.200 --> 00:32:33.400
<00:32:30.200>that <00:32:30.327>like <00:32:30.454>we <00:32:30.581>started <00:32:30.709>with <00:32:30.836>a <00:32:30.963>blank <00:32:31.090>page <00:32:31.218>and <00:32:31.345>it's <00:32:31.472>our <00:32:31.600>job

618
00:32:33.200 --> 00:32:35.900
<00:32:33.200>to <00:32:33.327>fill <00:32:33.454>it. <00:32:33.581>So <00:32:33.709>we <00:32:33.836>just <00:32:33.963>keep <00:32:34.090>putting <00:32:34.218>more <00:32:34.345>stuff <00:32:34.472>in <00:32:34.600>there.

619
00:32:37.000 --> 00:32:40.600
<00:32:37.000>But <00:32:37.107>one <00:32:37.215>of <00:32:37.323>the <00:32:37.430>main <00:32:37.538>ways <00:32:37.646>in <00:32:37.753>which <00:32:37.861>design <00:32:37.969>differs <00:32:38.076>from <00:32:38.184>art <00:32:38.292>is <00:32:38.400>our

620
00:32:40.200 --> 00:32:42.400
<00:32:40.200>need <00:32:40.480>to <00:32:40.760>prioritize <00:32:41.040>function <00:32:41.320>over <00:32:41.600>form.

621
00:32:43.300 --> 00:32:46.900
<00:32:43.300>In <00:32:43.440>art <00:32:43.580>form <00:32:43.720>is <00:32:43.860>most <00:32:44.000>important <00:32:44.139>it <00:32:44.280>can <00:32:44.419>also <00:32:44.560>be <00:32:44.700>functional

622
00:32:46.400 --> 00:32:49.600
<00:32:46.400>are <00:32:46.600>often. <00:32:46.800>In <00:32:47.000>fact <00:32:47.200>tells <00:32:47.400>a <00:32:47.600>story <00:32:47.800>about

623
00:32:49.500 --> 00:32:51.300
<00:32:49.500>feeling <00:32:49.850>or <00:32:50.200>compelled <00:32:50.550>in <00:32:50.900>action.

624
00:32:52.000 --> 00:32:55.500
<00:32:52.000>But <00:32:52.127>that <00:32:52.254>function <00:32:52.381>is <00:32:52.509>secondary <00:32:52.636>to <00:32:52.763>how <00:32:52.890>the <00:32:53.018>artist <00:32:53.145>has <00:32:53.272>chosen <00:32:53.400>to

625
00:32:55.200 --> 00:32:56.100
<00:32:55.200>present <00:32:55.605>the <00:32:56.010>piece.

626
00:32:57.000 --> 00:33:00.800
<00:32:57.000>In <00:32:57.116>design <00:32:57.233>on <00:32:57.350>the <00:32:57.466>other <00:32:57.583>hand, <00:32:57.700>the <00:32:57.816>function <00:32:57.933>always <00:32:58.050>comes <00:32:58.166>first, <00:32:58.283>even <00:32:58.400>if

627
00:33:00.600 --> 00:33:03.600
<00:33:00.600>that <00:33:00.774>means <00:33:00.949>making <00:33:01.125>a <00:33:01.300>choice <00:33:01.475>that's <00:33:01.649>less <00:33:01.824>aesthetically <00:33:02.000>appealing.

628
00:33:04.500 --> 00:33:08.100
<00:33:04.500>When <00:33:04.627>we're <00:33:04.754>designing <00:33:04.881>every <00:33:05.009>element <00:33:05.136>on <00:33:05.263>the <00:33:05.390>page <00:33:05.518>needs <00:33:05.645>to <00:33:05.772>serve <00:33:05.900>a

629
00:33:07.800 --> 00:33:11.300
<00:33:07.800>purpose <00:33:07.955>and <00:33:08.111>often <00:33:08.266>when <00:33:08.422>you're <00:33:08.577>finding <00:33:08.733>yourself <00:33:08.888>without <00:33:09.044>enough <00:33:09.200>white

630
00:33:11.000 --> 00:33:14.100
<00:33:11.000>space. <00:33:11.175>It's <00:33:11.350>because <00:33:11.525>we've <00:33:11.700>added <00:33:11.875>elements <00:33:12.050>to <00:33:12.225>our <00:33:12.400>design

631
00:33:14.000 --> 00:33:17.700
<00:33:14.000>that <00:33:14.140>don't <00:33:14.280>actually <00:33:14.420>do <00:33:14.560>anything <00:33:14.700>to <00:33:14.840>support <00:33:14.980>the <00:33:15.120>function. <00:33:15.260>They're <00:33:15.400>just

632
00:33:17.600 --> 00:33:19.000
<00:33:17.600>creating <00:33:18.230>visual <00:33:18.860>clutter.

633
00:33:20.200 --> 00:33:23.900
<00:33:20.200>Looking <00:33:20.340>at <00:33:20.480>a <00:33:20.620>design <00:33:20.760>without <00:33:20.900>enough <00:33:21.040>white <00:33:21.180>space <00:33:21.320>feels <00:33:21.460>overwhelming <00:33:21.600>like

634
00:33:23.500 --> 00:33:26.900
<00:33:23.500>this <00:33:23.780>cruise.co <00:33:24.060>example, <00:33:24.340>right? <00:33:24.620>There's <00:33:24.900>no

635
00:33:26.700 --> 00:33:30.100
<00:33:26.700>place <00:33:26.800>for <00:33:26.900>our <00:33:27.000>eyes <00:33:27.100>to <00:33:27.200>rest. <00:33:27.300>There's <00:33:27.400>no <00:33:27.500>Clarity <00:33:27.600>on <00:33:27.700>what <00:33:27.800>we <00:33:27.900>should <00:33:28.000>focus <00:33:28.100>on

636
00:33:29.900 --> 00:33:33.500
<00:33:29.900>first. <00:33:30.075>So <00:33:30.250>we're <00:33:30.425>kind <00:33:30.600>of <00:33:30.775>being <00:33:30.950>constantly <00:33:31.125>distracted <00:33:31.300>as

637
00:33:33.300 --> 00:33:37.100
<00:33:33.300>we <00:33:33.440>complete <00:33:33.580>our <00:33:33.720>goals <00:33:33.860>and <00:33:34.000>it <00:33:34.139>feels <00:33:34.280>a <00:33:34.419>little <00:33:34.560>overwhelming <00:33:34.700>and

638
00:33:36.800 --> 00:33:38.500
<00:33:36.800>like <00:33:37.266>kind <00:33:37.733>of <00:33:38.200>claustrophobic.

639
00:33:40.400 --> 00:33:43.900
<00:33:40.400>In <00:33:40.516>contrast <00:33:40.633>take <00:33:40.750>a <00:33:40.866>look <00:33:40.983>at <00:33:41.100>this <00:33:41.216>New <00:33:41.333>York <00:33:41.450>Times <00:33:41.566>homepage. <00:33:41.683>This <00:33:41.800>is

640
00:33:43.800 --> 00:33:47.000
<00:33:43.800>still <00:33:44.000>incredibly <00:33:44.200>information <00:33:44.399>dense, <00:33:44.600>right? <00:33:44.800>There's <00:33:45.000>at <00:33:45.200>least

641
00:33:47.000 --> 00:33:50.300
<00:33:47.000>five <00:33:47.200>major <00:33:47.400>headlines <00:33:47.600>in <00:33:47.800>view. <00:33:48.000>You <00:33:48.200>have <00:33:48.400>your

642
00:33:50.100 --> 00:33:54.700
<00:33:50.100>trending <00:33:50.255>topics <00:33:50.411>your <00:33:50.566>navigation <00:33:50.722>menus <00:33:50.877>your <00:33:51.033>other <00:33:51.188>website <00:33:51.344>boilerplate, <00:33:51.500>but

643
00:33:53.900 --> 00:33:57.200
<00:33:53.900>it <00:33:54.133>feels <00:33:54.366>way <00:33:54.600>less <00:33:54.833>chaotic <00:33:55.066>than <00:33:55.300>the

644
00:33:56.900 --> 00:33:57.600
<00:33:56.900>other <00:33:57.530>example.

645
00:33:58.500 --> 00:34:02.000
<00:33:58.500>Adding <00:33:58.607>white <00:33:58.715>space <00:33:58.823>to <00:33:58.930>your <00:33:59.038>layout <00:33:59.146>does <00:33:59.253>not <00:33:59.361>mean <00:33:59.469>that <00:33:59.576>you <00:33:59.684>are <00:33:59.792>sacrificing <00:33:59.900>content.

646
00:34:01.700 --> 00:34:05.000
<00:34:01.700>In <00:34:01.875>fact, <00:34:02.050>it's <00:34:02.225>just <00:34:02.400>the <00:34:02.575>opposite <00:34:02.750>your <00:34:02.925>content <00:34:03.100>will

647
00:34:04.700 --> 00:34:07.700
<00:34:04.700>be <00:34:04.827>far <00:34:04.954>more <00:34:05.081>effective <00:34:05.209>if <00:34:05.336>there's <00:34:05.463>room <00:34:05.590>on <00:34:05.718>the <00:34:05.845>page <00:34:05.972>for <00:34:06.100>your

648
00:34:07.700 --> 00:34:09.100
<00:34:07.700>users <00:34:07.952>to <00:34:08.204>make <00:34:08.456>sense <00:34:08.708>of <00:34:08.960>it.

649
00:34:11.800 --> 00:34:14.800
<00:34:11.800>Finally <00:34:12.000>our <00:34:12.200>last <00:34:12.400>topic <00:34:12.600>for <00:34:12.800>today <00:34:13.000>is <00:34:13.200>typography.

650
00:34:15.900 --> 00:34:19.200
<00:34:15.900>Type <00:34:16.055>is <00:34:16.211>incredibly <00:34:16.366>powerful. <00:34:16.522>We <00:34:16.677>learned <00:34:16.833>to <00:34:16.988>read <00:34:17.144>at <00:34:17.300>a

651
00:34:19.000 --> 00:34:22.700
<00:34:19.000>very <00:34:19.127>young <00:34:19.254>age. <00:34:19.381>And <00:34:19.509>from <00:34:19.636>that <00:34:19.763>point <00:34:19.890>on <00:34:20.018>our <00:34:20.145>lives <00:34:20.272>are <00:34:20.400>inextricably

652
00:34:22.000 --> 00:34:24.700
<00:34:22.000>intertwined <00:34:22.280>with <00:34:22.560>this <00:34:22.840>world <00:34:23.120>of <00:34:23.400>typography.

653
00:34:25.700 --> 00:34:28.800
<00:34:25.699>Because <00:34:25.816>of <00:34:25.933>this <00:34:26.049>a <00:34:26.166>lot <00:34:26.283>of <00:34:26.399>us <00:34:26.516>can <00:34:26.633>recognize <00:34:26.750>bad <00:34:26.866>type <00:34:26.983>when <00:34:27.100>we

654
00:34:28.800 --> 00:34:29.100
<00:34:28.800>see <00:34:29.069>it.

655
00:34:30.000 --> 00:34:33.100
<00:34:30.000>After <00:34:30.139>all, <00:34:30.280>the <00:34:30.420>goal <00:34:30.560>is <00:34:30.699>pretty <00:34:30.840>simple <00:34:30.980>type <00:34:31.120>is <00:34:31.260>meant <00:34:31.400>to

656
00:34:33.000 --> 00:34:36.100
<00:34:33.000>be <00:34:33.139>read <00:34:33.280>if <00:34:33.420>we <00:34:33.560>can't <00:34:33.699>easily <00:34:33.840>read <00:34:33.980>it <00:34:34.120>then <00:34:34.260>it's <00:34:34.400>a

657
00:34:36.000 --> 00:34:36.400
<00:34:36.000>bad <00:34:36.360>design.

658
00:34:37.600 --> 00:34:40.800
<00:34:37.600>The <00:34:37.755>question <00:34:37.911>as <00:34:38.066>always <00:34:38.222>is <00:34:38.377>the <00:34:38.533>opposite. <00:34:38.688>How <00:34:38.844>can <00:34:39.000>we

659
00:34:40.700 --> 00:34:42.800
<00:34:40.699>create <00:34:41.049>typography? <00:34:41.399>That <00:34:41.750>looks <00:34:42.100>good.

660
00:34:43.900 --> 00:34:47.000
<00:34:43.900>Typography <00:34:44.040>is <00:34:44.180>the <00:34:44.320>world <00:34:44.460>all <00:34:44.600>its <00:34:44.740>own <00:34:44.880>and <00:34:45.020>to <00:34:45.160>Dive <00:34:45.300>Into

661
00:34:46.900 --> 00:34:49.400
<00:34:46.900>the <00:34:47.040>Depths. <00:34:47.180>We <00:34:47.320>actually <00:34:47.460>need <00:34:47.600>to <00:34:47.740>start <00:34:47.880>with <00:34:48.020>a <00:34:48.160>little <00:34:48.300>history.

662
00:34:51.000 --> 00:34:54.200
<00:34:51.000>Typography <00:34:51.155>the <00:34:51.311>way <00:34:51.466>we <00:34:51.622>think <00:34:51.777>about <00:34:51.933>it <00:34:52.088>today. <00:34:52.244>They're <00:34:52.400>printing

663
00:34:54.000 --> 00:34:57.200
<00:34:54.000>of <00:34:54.175>letters <00:34:54.350>by <00:34:54.525>machine <00:34:54.699>not <00:34:54.875>hand <00:34:55.050>actually <00:34:55.225>begins <00:34:55.400>with

664
00:34:57.000 --> 00:34:57.900
<00:34:57.000>the <00:34:57.405>printing <00:34:57.810>press.

665
00:34:58.800 --> 00:35:02.200
<00:34:58.800>Before <00:34:58.940>the <00:34:59.080>invention <00:34:59.220>of <00:34:59.360>the <00:34:59.500>movable <00:34:59.640>tape <00:34:59.780>printing <00:34:59.920>press <00:35:00.060>type <00:35:00.200>was

666
00:35:01.800 --> 00:35:05.300
<00:35:01.800>printed <00:35:02.000>using <00:35:02.200>woodblock <00:35:02.400>carvings. <00:35:02.600>This <00:35:02.800>was <00:35:03.000>effective <00:35:03.200>for

667
00:35:05.100 --> 00:35:08.500
<00:35:05.100>making <00:35:05.227>lots <00:35:05.354>of <00:35:05.481>copies <00:35:05.609>of <00:35:05.736>the <00:35:05.863>same <00:35:05.990>printing <00:35:06.118>but <00:35:06.245>more <00:35:06.372>limited <00:35:06.500>in

668
00:35:08.400 --> 00:35:10.900
<00:35:08.400>the <00:35:08.516>you <00:35:08.633>had <00:35:08.750>to <00:35:08.866>create <00:35:08.983>a <00:35:09.100>new <00:35:09.216>carving <00:35:09.333>for <00:35:09.450>every <00:35:09.566>new <00:35:09.683>print <00:35:09.800>job.

669
00:35:11.700 --> 00:35:15.000
<00:35:11.700>Movable <00:35:11.899>type <00:35:12.100>revolutionize <00:35:12.299>this <00:35:12.500>approach <00:35:12.700>by <00:35:12.899>offering <00:35:13.100>a

670
00:35:14.800 --> 00:35:18.700
<00:35:14.800>full <00:35:14.916>set <00:35:15.033>of <00:35:15.150>characters <00:35:15.266>that <00:35:15.383>can <00:35:15.500>be <00:35:15.616>moved <00:35:15.733>around <00:35:15.850>into <00:35:15.966>different <00:35:16.083>configurations <00:35:16.200>and

671
00:35:18.100 --> 00:35:20.500
<00:35:18.100>used <00:35:18.299>over <00:35:18.500>and <00:35:18.700>over <00:35:18.900>again <00:35:19.100>for <00:35:19.299>different <00:35:19.500>jobs.

672
00:35:21.600 --> 00:35:24.900
<00:35:21.600>Early <00:35:21.740>movable <00:35:21.880>type <00:35:22.020>systems <00:35:22.160>were <00:35:22.299>found <00:35:22.440>in <00:35:22.580>China <00:35:22.720>using <00:35:22.860>clay <00:35:23.000>and

673
00:35:24.700 --> 00:35:27.700
<00:35:24.700>wood <00:35:24.899>as <00:35:25.100>early <00:35:25.299>as <00:35:25.500>1088 <00:35:25.700>but <00:35:25.899>due <00:35:26.100>to

674
00:35:27.700 --> 00:35:31.300
<00:35:27.700>the <00:35:27.816>greater <00:35:27.933>number <00:35:28.049>of <00:35:28.166>characters <00:35:28.283>and <00:35:28.399>complexity <00:35:28.516>in <00:35:28.633>the <00:35:28.750>Chinese <00:35:28.866>language. <00:35:28.983>This <00:35:29.100>really

675
00:35:30.800 --> 00:35:34.000
<00:35:30.800>wasn't <00:35:30.955>a <00:35:31.111>huge <00:35:31.266>improvement <00:35:31.422>over <00:35:31.577>the <00:35:31.733>woodblock <00:35:31.888>carving <00:35:32.044>system <00:35:32.200>that

676
00:35:33.800 --> 00:35:35.500
<00:35:33.800>was <00:35:34.033>already <00:35:34.266>in <00:35:34.500>heavy <00:35:34.733>use <00:35:34.966>for <00:35:35.200>them.

677
00:35:36.500 --> 00:35:40.500
<00:35:36.500>Movable <00:35:36.655>type <00:35:36.811>wouldn't <00:35:36.966>really <00:35:37.122>hatch <00:35:37.277>on <00:35:37.433>until <00:35:37.588>around <00:35:37.744>1440 <00:35:37.900>when

678
00:35:40.200 --> 00:35:43.400
<00:35:40.200>Johannes <00:35:40.399>Gutenberg <00:35:40.600>invented <00:35:40.799>his <00:35:41.000>printing <00:35:41.200>press <00:35:41.399>in <00:35:41.600>Germany

679
00:35:43.200 --> 00:35:46.600
<00:35:43.200>using <00:35:43.339>a <00:35:43.480>system <00:35:43.620>of <00:35:43.759>metal <00:35:43.899>character <00:35:44.040>blocks <00:35:44.180>and <00:35:44.319>the <00:35:44.460>much <00:35:44.600>more

680
00:35:46.400 --> 00:35:48.600
<00:35:46.400>limited <00:35:46.866>Germanic <00:35:47.333>language <00:35:47.800>characters.

681
00:35:49.300 --> 00:35:52.700
<00:35:49.300>The <00:35:49.427>Gutenberg <00:35:49.554>Bible <00:35:49.681>was <00:35:49.809>the <00:35:49.936>earliest <00:35:50.063>major <00:35:50.190>book <00:35:50.318>that <00:35:50.445>was <00:35:50.572>mass <00:35:50.700>produced

682
00:35:52.300 --> 00:35:53.800
<00:35:52.300>using <00:35:52.750>this <00:35:53.200>printing <00:35:53.650>press.

683
00:35:55.800 --> 00:35:59.100
<00:35:55.800>The <00:35:55.916>metal <00:35:56.033>movable <00:35:56.150>type <00:35:56.266>printing <00:35:56.383>press <00:35:56.500>is <00:35:56.616>important <00:35:56.733>to <00:35:56.850>be <00:35:56.966>aware <00:35:57.083>of <00:35:57.200>because

684
00:35:58.800 --> 00:36:02.100
<00:35:58.800>it <00:35:58.916>was <00:35:59.033>the <00:35:59.150>origin <00:35:59.266>of <00:35:59.383>the <00:35:59.500>art <00:35:59.616>of <00:35:59.733>type <00:35:59.850>setting <00:35:59.966>the <00:36:00.083>foundations <00:36:00.200>of

685
00:36:02.000 --> 00:36:05.200
<00:36:02.000>that <00:36:02.127>are <00:36:02.254>still <00:36:02.381>very <00:36:02.509>much <00:36:02.636>in <00:36:02.763>use <00:36:02.890>today. <00:36:03.018>In <00:36:03.145>fact, <00:36:03.272>a <00:36:03.400>lot

686
00:36:05.200 --> 00:36:09.000
<00:36:05.200>of <00:36:05.316>the <00:36:05.433>terms <00:36:05.549>that <00:36:05.666>we <00:36:05.783>still <00:36:05.899>use <00:36:06.016>to <00:36:06.133>describe <00:36:06.250>aspects <00:36:06.366>of <00:36:06.483>typography <00:36:06.600>came

687
00:36:08.700 --> 00:36:12.100
<00:36:08.700>directly <00:36:08.875>from <00:36:09.049>this <00:36:09.225>metal <00:36:09.399>movable <00:36:09.575>type <00:36:09.750>system. <00:36:09.924>So <00:36:10.100>it's

688
00:36:11.900 --> 00:36:15.600
<00:36:11.900>really <00:36:12.007>helpful <00:36:12.115>to <00:36:12.223>have <00:36:12.330>that <00:36:12.438>background <00:36:12.546>in <00:36:12.653>mind <00:36:12.761>as <00:36:12.869>we <00:36:12.976>go <00:36:13.084>through <00:36:13.192>some <00:36:13.300>typography

689
00:36:15.100 --> 00:36:16.200
basics.

690
00:36:17.900 --> 00:36:21.200
<00:36:17.900>A <00:36:18.040>character <00:36:18.180>is <00:36:18.320>any <00:36:18.460>single <00:36:18.600>element <00:36:18.740>that <00:36:18.880>could <00:36:19.020>be <00:36:19.160>a <00:36:19.300>letter

691
00:36:21.000 --> 00:36:24.700
<00:36:21.000>a <00:36:21.140>punctuation <00:36:21.280>mark <00:36:21.420>a <00:36:21.560>number <00:36:21.700>thinking <00:36:21.840>back <00:36:21.980>to <00:36:22.120>the <00:36:22.260>movable <00:36:22.400>type

692
00:36:24.400 --> 00:36:27.900
<00:36:24.400>system <00:36:24.540>a <00:36:24.680>character <00:36:24.820>would <00:36:24.960>be <00:36:25.100>any <00:36:25.240>single <00:36:25.380>block <00:36:25.520>of <00:36:25.660>metal <00:36:25.800>type.

693
00:36:29.400 --> 00:36:33.400
<00:36:29.400>A <00:36:29.527>typeface <00:36:29.654>is <00:36:29.781>a <00:36:29.909>collection <00:36:30.036>of <00:36:30.163>characters <00:36:30.290>in <00:36:30.418>a <00:36:30.545>specific <00:36:30.672>style <00:36:30.800>and

694
00:36:32.800 --> 00:36:36.400
<00:36:32.800>you <00:36:32.927>already <00:36:33.054>know <00:36:33.181>them <00:36:33.309>because <00:36:33.436>you <00:36:33.563>use <00:36:33.690>them <00:36:33.818>every <00:36:33.945>day <00:36:34.072>right <00:36:34.200>Times

695
00:36:35.900 --> 00:36:39.700
<00:36:35.900>New <00:36:36.180>Roman <00:36:36.460>calibri <00:36:36.740>buttoni <00:36:37.020>Futura <00:36:37.300>so

696
00:36:38.900 --> 00:36:40.000
<00:36:38.900>many <00:36:39.890>more.

697
00:36:41.500 --> 00:36:45.100
<00:36:41.500>A <00:36:41.616>font <00:36:41.733>on <00:36:41.850>the <00:36:41.966>other <00:36:42.083>hand <00:36:42.200>is <00:36:42.316>a <00:36:42.433>specific <00:36:42.550>version <00:36:42.666>of <00:36:42.783>a <00:36:42.900>typeface.

698
00:36:45.800 --> 00:36:49.800
<00:36:45.800>Font <00:36:45.927>and <00:36:46.054>typeface <00:36:46.181>are <00:36:46.309>words <00:36:46.436>that <00:36:46.563>often <00:36:46.690>get <00:36:46.818>used <00:36:46.945>interchangeably, <00:36:47.072>but <00:36:47.200>they're

699
00:36:49.500 --> 00:36:50.700
<00:36:49.500>not <00:36:49.770>really <00:36:50.040>the <00:36:50.310>same <00:36:50.580>thing.

700
00:36:51.500 --> 00:36:55.100
<00:36:51.500>For <00:36:51.655>example <00:36:51.811>of <00:36:51.966>Futura <00:36:52.122>is <00:36:52.277>a <00:36:52.433>typeface, <00:36:52.588>but <00:36:52.744>Future <00:36:52.900>IT

701
00:36:54.600 --> 00:36:56.100
<00:36:54.600>condensed <00:36:54.937>would <00:36:55.275>be <00:36:55.612>a <00:36:55.950>font.

702
00:36:56.700 --> 00:36:59.800
<00:36:56.700>Calibri <00:36:56.855>is <00:36:57.011>a <00:36:57.166>typeface <00:36:57.322>but <00:36:57.477>calibri <00:36:57.633>bold <00:36:57.788>is <00:36:57.944>a <00:36:58.100>font.

703
00:37:00.900 --> 00:37:04.100
<00:37:00.900>Oftentimes <00:37:01.055>we <00:37:01.211>don't <00:37:01.366>think <00:37:01.522>of <00:37:01.677>italics <00:37:01.833>or <00:37:01.988>Bolding <00:37:02.144>as <00:37:02.300>a

704
00:37:03.900 --> 00:37:07.300
<00:37:03.900>whole <00:37:04.007>new <00:37:04.115>font <00:37:04.223>so <00:37:04.330>much <00:37:04.438>as <00:37:04.546>like <00:37:04.653>an <00:37:04.761>effect <00:37:04.869>that's <00:37:04.976>being <00:37:05.084>applied <00:37:05.192>to <00:37:05.300>a

705
00:37:06.900 --> 00:37:10.900
<00:37:06.900>font <00:37:07.040>because <00:37:07.180>that's <00:37:07.320>how <00:37:07.460>it <00:37:07.600>feels <00:37:07.740>now <00:37:07.880>on <00:37:08.020>the <00:37:08.160>computer. <00:37:08.300>But

706
00:37:09.900 --> 00:37:13.100
<00:37:09.900>again, <00:37:10.075>you <00:37:10.250>have <00:37:10.425>to <00:37:10.600>remember <00:37:10.775>those <00:37:10.950>like <00:37:11.125>drawers <00:37:11.300>of

707
00:37:12.900 --> 00:37:15.900
<00:37:12.900>metal <00:37:13.016>type <00:37:13.133>and <00:37:13.250>in <00:37:13.366>those <00:37:13.483>days <00:37:13.600>if <00:37:13.716>you <00:37:13.833>wanted <00:37:13.950>to <00:37:14.066>bold <00:37:14.183>a <00:37:14.300>single

708
00:37:15.900 --> 00:37:19.800
<00:37:15.900>word <00:37:16.016>it <00:37:16.133>meant <00:37:16.250>you <00:37:16.366>return <00:37:16.483>to <00:37:16.600>your <00:37:16.716>collection <00:37:16.833>you <00:37:16.950>found <00:37:17.066>the <00:37:17.183>badoni <00:37:17.300>Bold

709
00:37:19.500 --> 00:37:22.800
<00:37:19.500>12 <00:37:19.675>point <00:37:19.850>drawer <00:37:20.025>and <00:37:20.200>you <00:37:20.375>set <00:37:20.550>just <00:37:20.725>that <00:37:20.900>word

710
00:37:22.500 --> 00:37:24.100
<00:37:22.500>in <00:37:22.966>a <00:37:23.433>different <00:37:23.900>font.

711
00:37:26.400 --> 00:37:28.400
<00:37:26.400>Kerning <00:37:26.633>is <00:37:26.866>the <00:37:27.100>space <00:37:27.333>between <00:37:27.566>two <00:37:27.800>characters.

712
00:37:29.400 --> 00:37:33.400
<00:37:29.400>Sometimes <00:37:29.507>you <00:37:29.615>want <00:37:29.723>to <00:37:29.830>give <00:37:29.938>two <00:37:30.046>characters <00:37:30.153>a <00:37:30.261>little <00:37:30.369>bit <00:37:30.476>more <00:37:30.584>or <00:37:30.692>less <00:37:30.800>breathing

713
00:37:32.700 --> 00:37:35.900
<00:37:32.700>room <00:37:32.899>this <00:37:33.100>most <00:37:33.299>often <00:37:33.500>happens <00:37:33.700>when <00:37:33.899>the <00:37:34.100>top

714
00:37:35.800 --> 00:37:39.200
<00:37:35.800>of <00:37:35.940>one <00:37:36.080>character <00:37:36.220>is <00:37:36.360>wider <00:37:36.500>than <00:37:36.640>the <00:37:36.780>opposite <00:37:36.920>end. <00:37:37.060>So <00:37:37.200>like

715
00:37:38.900 --> 00:37:42.300
<00:37:38.900>the <00:37:39.016>a <00:37:39.133>and <00:37:39.250>v <00:37:39.366>in <00:37:39.483>this <00:37:39.600>example <00:37:39.716>that <00:37:39.833>have <00:37:39.950>a <00:37:40.066>little <00:37:40.183>too <00:37:40.300>much

716
00:37:42.100 --> 00:37:43.000
<00:37:42.100>space <00:37:42.505>between <00:37:42.910>them.

717
00:37:44.100 --> 00:37:48.100
<00:37:44.100>Adjusting <00:37:44.240>the <00:37:44.380>space <00:37:44.520>can <00:37:44.660>make <00:37:44.799>a <00:37:44.940>word <00:37:45.080>feel <00:37:45.220>more <00:37:45.360>cohesive. <00:37:45.500>Whereas

718
00:37:47.100 --> 00:37:50.400
<00:37:47.100>neglecting <00:37:47.299>your <00:37:47.500>current <00:37:47.700>and <00:37:47.900>can <00:37:48.100>create <00:37:48.299>gaps <00:37:48.500>in

719
00:37:50.200 --> 00:37:53.600
<00:37:50.200>words <00:37:50.339>where <00:37:50.480>you <00:37:50.620>might <00:37:50.759>not <00:37:50.899>have <00:37:51.040>wanted <00:37:51.180>them <00:37:51.319>even <00:37:51.460>going <00:37:51.600>so

720
00:37:53.200 --> 00:37:57.200
<00:37:53.200>far <00:37:53.355>as <00:37:53.511>to <00:37:53.666>cause <00:37:53.822>your <00:37:53.977>readers <00:37:54.133>to <00:37:54.288>see <00:37:54.444>one <00:37:54.600>word

721
00:37:56.900 --> 00:38:00.100
<00:37:56.900>is <00:37:57.055>two <00:37:57.211>separate <00:37:57.366>words <00:37:57.522>because <00:37:57.677>there's <00:37:57.833>too <00:37:57.988>much <00:37:58.144>space <00:37:58.300>between

722
00:37:59.900 --> 00:38:00.300
them.

723
00:38:01.100 --> 00:38:04.100
<00:38:01.100>It's <00:38:01.227>something <00:38:01.354>to <00:38:01.481>be <00:38:01.609>aware <00:38:01.736>of <00:38:01.863>any <00:38:01.990>time. <00:38:02.118>You're <00:38:02.245>setting <00:38:02.372>type <00:38:02.500>really.

724
00:38:06.300 --> 00:38:09.600
<00:38:06.300>Tracking <00:38:06.440>is <00:38:06.580>similar <00:38:06.720>to <00:38:06.860>kerning <00:38:07.000>another <00:38:07.140>couple <00:38:07.280>of <00:38:07.420>words, <00:38:07.560>they <00:38:07.700>get

725
00:38:09.400 --> 00:38:12.900
<00:38:09.400>regularly <00:38:09.633>confused, <00:38:09.866>but <00:38:10.100>we're <00:38:10.333>currently <00:38:10.566>refers <00:38:10.800>specifically

726
00:38:12.500 --> 00:38:16.000
<00:38:12.500>to <00:38:12.700>the <00:38:12.900>spacing <00:38:13.100>between <00:38:13.300>two <00:38:13.500>characters <00:38:13.700>tracking <00:38:13.900>is

727
00:38:15.800 --> 00:38:18.400
<00:38:15.800>a <00:38:15.955>consistent <00:38:16.111>amount <00:38:16.266>of <00:38:16.422>spacing <00:38:16.577>between <00:38:16.733>all <00:38:16.888>of <00:38:17.044>your <00:38:17.200>characters.

728
00:38:19.300 --> 00:38:22.600
<00:38:19.300>If <00:38:19.400>you <00:38:19.500>write <00:38:19.600>a <00:38:19.700>lot <00:38:19.800>of <00:38:19.900>CSS, <00:38:20.000>you <00:38:20.100>might <00:38:20.200>know <00:38:20.300>this <00:38:20.400>better <00:38:20.500>as <00:38:20.600>letter <00:38:20.700>spacing

729
00:38:22.300 --> 00:38:25.100
<00:38:22.300>since <00:38:22.475>that's <00:38:22.650>what <00:38:22.825>the <00:38:23.000>equivalent <00:38:23.175>CSS <00:38:23.350>property <00:38:23.525>is <00:38:23.700>called.

730
00:38:27.600 --> 00:38:32.000
<00:38:27.600>Letting <00:38:27.740>is <00:38:27.880>the <00:38:28.020>vertical <00:38:28.160>space <00:38:28.299>between <00:38:28.440>lines <00:38:28.580>of <00:38:28.720>text. <00:38:28.860>Originally. <00:38:29.000>This

731
00:38:31.700 --> 00:38:35.000
<00:38:31.700>term <00:38:31.875>comes <00:38:32.049>from <00:38:32.225>the <00:38:32.399>literal <00:38:32.575>lead <00:38:32.750>strips. <00:38:32.924>That <00:38:33.100>would

732
00:38:34.800 --> 00:38:38.100
<00:38:34.800>be <00:38:34.916>used <00:38:35.033>to <00:38:35.150>separate <00:38:35.266>lines <00:38:35.383>of <00:38:35.500>metal <00:38:35.616>block <00:38:35.733>characters <00:38:35.850>when <00:38:35.966>you <00:38:36.083>set <00:38:36.200>type

733
00:38:37.800 --> 00:38:39.900
<00:38:37.800>by <00:38:37.975>hand <00:38:38.150>as <00:38:38.325>we <00:38:38.500>can <00:38:38.675>see <00:38:38.850>in <00:38:39.025>this <00:38:39.200>example.

734
00:38:41.000 --> 00:38:45.000
<00:38:41.000>These <00:38:41.127>days <00:38:41.254>letting <00:38:41.381>is <00:38:41.509>measured <00:38:41.636>in <00:38:41.763>pixels <00:38:41.890>or <00:38:42.018>points <00:38:42.145>and <00:38:42.272>not <00:38:42.400>lead

735
00:38:44.400 --> 00:38:47.600
<00:38:44.400>strips <00:38:44.633>and <00:38:44.866>CSS <00:38:45.100>developers <00:38:45.333>know <00:38:45.566>it <00:38:45.800>better

736
00:38:47.400 --> 00:38:48.400
<00:38:47.400>as <00:38:47.850>line <00:38:48.300>height.

737
00:38:49.300 --> 00:38:53.000
<00:38:49.300>Letting <00:38:49.407>is <00:38:49.515>one <00:38:49.623>of <00:38:49.730>those <00:38:49.838>little <00:38:49.946>things <00:38:50.053>that <00:38:50.161>makes <00:38:50.269>a <00:38:50.376>huge <00:38:50.484>difference <00:38:50.592>and <00:38:50.700>when

738
00:38:52.800 --> 00:38:56.500
<00:38:52.800>your <00:38:52.940>design <00:38:53.080>is <00:38:53.220>feeling <00:38:53.360>cluttered <00:38:53.500>or <00:38:53.640>busy <00:38:53.780>a <00:38:53.920>little <00:38:54.060>extra <00:38:54.200>letting

739
00:38:56.000 --> 00:38:58.200
<00:38:56.000>can <00:38:56.280>give <00:38:56.560>everyone <00:38:56.840>some <00:38:57.120>breathing <00:38:57.400>room.

740
00:39:00.700 --> 00:39:03.700
<00:39:00.700>Here's <00:39:00.855>a <00:39:01.011>random <00:39:01.166>group <00:39:01.322>of <00:39:01.477>words, <00:39:01.633>right? <00:39:01.788>Probably <00:39:01.944>none <00:39:02.100>of

741
00:39:03.700 --> 00:39:05.900
<00:39:03.700>them <00:39:03.875>words <00:39:04.049>you <00:39:04.225>would <00:39:04.399>have <00:39:04.575>associated <00:39:04.750>with <00:39:04.924>type <00:39:05.100>setting.

742
00:39:06.500 --> 00:39:10.000
<00:39:06.500>Widows <00:39:06.655>Orphans <00:39:06.811>of <00:39:06.966>runs <00:39:07.122>are <00:39:07.277>always <00:39:07.433>to <00:39:07.588>describe <00:39:07.744>various <00:39:07.900>issues

743
00:39:09.800 --> 00:39:12.600
<00:39:09.800>that <00:39:09.927>happen <00:39:10.054>with <00:39:10.181>the <00:39:10.309>way <00:39:10.436>text <00:39:10.563>is <00:39:10.690>laid <00:39:10.818>out <00:39:10.945>on <00:39:11.072>a <00:39:11.200>page.

744
00:39:13.600 --> 00:39:17.400
<00:39:13.600>So <00:39:13.727>widows <00:39:13.854>happen <00:39:13.981>when <00:39:14.109>the <00:39:14.236>last <00:39:14.363>single <00:39:14.490>line <00:39:14.618>of <00:39:14.745>text <00:39:14.872>gets <00:39:15.000>separated

745
00:39:17.200 --> 00:39:20.800
<00:39:17.200>from <00:39:17.307>the <00:39:17.415>rest <00:39:17.523>of <00:39:17.630>its <00:39:17.738>related <00:39:17.846>paragraph <00:39:17.953>by <00:39:18.061>a <00:39:18.169>page <00:39:18.276>break <00:39:18.384>or <00:39:18.492>more <00:39:18.600>often

746
00:39:20.700 --> 00:39:22.500
<00:39:20.700>in <00:39:20.933>UI <00:39:21.166>design <00:39:21.399>by <00:39:21.633>a <00:39:21.866>column <00:39:22.100>wrap.

747
00:39:23.000 --> 00:39:26.500
<00:39:23.000>An <00:39:23.116>orphan <00:39:23.233>is <00:39:23.350>the <00:39:23.466>reverse <00:39:23.583>situation <00:39:23.700>where <00:39:23.816>the <00:39:23.933>first <00:39:24.050>line <00:39:24.166>of <00:39:24.283>text <00:39:24.400>gets

748
00:39:26.200 --> 00:39:29.300
<00:39:26.200>separated <00:39:26.399>from <00:39:26.600>the <00:39:26.799>others <00:39:27.000>and <00:39:27.200>runs. <00:39:27.399>There's <00:39:27.600>little

749
00:39:29.200 --> 00:39:32.600
<00:39:29.200>scraggly <00:39:29.355>last <00:39:29.511>words <00:39:29.666>that <00:39:29.822>wrap <00:39:29.977>to <00:39:30.133>the <00:39:30.288>next <00:39:30.444>line <00:39:30.600>all

750
00:39:32.300 --> 00:39:33.200
<00:39:32.300>by <00:39:33.109>themselves.

751
00:39:34.000 --> 00:39:36.900
<00:39:34.000>Removing <00:39:34.116>all <00:39:34.233>of <00:39:34.350>these <00:39:34.466>will <00:39:34.583>make <00:39:34.700>your <00:39:34.816>text <00:39:34.933>a <00:39:35.050>lot <00:39:35.166>easier <00:39:35.283>to <00:39:35.400>read.

752
00:39:39.100 --> 00:39:42.700
<00:39:39.100>Rivers <00:39:39.227>are <00:39:39.354>a <00:39:39.481>little <00:39:39.609>bit <00:39:39.736>weirder <00:39:39.863>there <00:39:39.990>what <00:39:40.118>happens <00:39:40.245>when <00:39:40.372>you're <00:39:40.500>unlucky

753
00:39:42.200 --> 00:39:45.800
<00:39:42.200>enough <00:39:42.327>for <00:39:42.454>the <00:39:42.581>breaks <00:39:42.709>between <00:39:42.836>words <00:39:42.963>to <00:39:43.090>line <00:39:43.218>up <00:39:43.345>over <00:39:43.472>several <00:39:43.600>lines

754
00:39:45.500 --> 00:39:46.300
<00:39:45.500>of <00:39:46.220>text.

755
00:39:47.100 --> 00:39:50.700
<00:39:47.100>They <00:39:47.227>create <00:39:47.354>unintentional <00:39:47.481>gaps <00:39:47.609>in <00:39:47.736>the <00:39:47.863>text <00:39:47.990>block <00:39:48.118>that <00:39:48.245>are <00:39:48.372>distracting <00:39:48.500>to

756
00:39:50.500 --> 00:39:53.900
<00:39:50.500>your <00:39:50.627>reader. <00:39:50.754>You <00:39:50.881>can <00:39:51.009>fix <00:39:51.136>them <00:39:51.263>by <00:39:51.390>adjusting <00:39:51.518>your <00:39:51.645>tracking <00:39:51.772>or <00:39:51.900>your

757
00:39:53.600 --> 00:39:54.500
<00:39:53.600>word <00:39:54.410>wrapping.

758
00:39:56.700 --> 00:40:00.500
<00:39:56.700>You <00:39:56.799>may <00:39:56.899>have <00:39:57.000>thought <00:39:57.100>a <00:39:57.200>dash <00:39:57.299>is <00:39:57.399>a <00:39:57.500>dash <00:39:57.600>of <00:39:57.700>the <00:39:57.799>dash, <00:39:57.899>right? <00:39:58.000>But <00:39:58.100>that's

759
00:40:00.200 --> 00:40:01.100
<00:40:00.200>where <00:40:00.605>you're <00:40:01.009>wrong.

760
00:40:01.900 --> 00:40:05.100
<00:40:01.900>There <00:40:02.000>are <00:40:02.100>in <00:40:02.200>fact <00:40:02.300>three <00:40:02.400>main <00:40:02.500>types <00:40:02.600>of <00:40:02.700>dashes <00:40:02.800>and <00:40:02.900>they <00:40:03.000>all <00:40:03.100>have <00:40:03.200>different <00:40:03.300>purposes.

761
00:40:05.900 --> 00:40:09.400
<00:40:05.900>The <00:40:06.055>Hyphen <00:40:06.211>is <00:40:06.366>used <00:40:06.522>to <00:40:06.677>hyphenate <00:40:06.833>multi-part <00:40:06.988>words <00:40:07.144>things <00:40:07.300>like

762
00:40:09.200 --> 00:40:11.100
<00:40:09.200>mother-in-law <00:40:09.666>or <00:40:10.133>front <00:40:10.600>end.

763
00:40:11.800 --> 00:40:15.200
<00:40:11.800>Then <00:40:11.916>there's <00:40:12.033>the <00:40:12.150>end <00:40:12.266>Dash <00:40:12.383>which <00:40:12.500>used <00:40:12.616>to <00:40:12.733>show <00:40:12.850>ranges <00:40:12.966>in <00:40:13.083>numbers <00:40:13.200>and

764
00:40:15.100 --> 00:40:18.200
<00:40:15.100>dates <00:40:15.275>like <00:40:15.450>June <00:40:15.625>10th <00:40:15.799>to <00:40:15.975>12. <00:40:16.150>It's <00:40:16.325>slightly <00:40:16.500>longer.

765
00:40:19.300 --> 00:40:22.600
<00:40:19.300>finally <00:40:19.427>the <00:40:19.554>M <00:40:19.681>Dash <00:40:19.809>which <00:40:19.936>is <00:40:20.063>the <00:40:20.190>longest <00:40:20.318>and <00:40:20.445>used <00:40:20.572>to <00:40:20.700>separate

766
00:40:22.300 --> 00:40:24.600
<00:40:22.300>thoughts <00:40:22.580>in <00:40:22.860>a <00:40:23.140>sentence <00:40:23.420>like <00:40:23.700>so

767
00:40:27.000 --> 00:40:30.400
<00:40:27.000>now <00:40:27.100>that <00:40:27.200>you <00:40:27.300>know <00:40:27.400>all <00:40:27.500>the <00:40:27.600>terms <00:40:27.700>and <00:40:27.800>what <00:40:27.900>to <00:40:28.000>look <00:40:28.100>out <00:40:28.200>for <00:40:28.300>let's <00:40:28.400>talk

768
00:40:30.300 --> 00:40:33.400
<00:40:30.300>about <00:40:30.440>one <00:40:30.580>of <00:40:30.720>the <00:40:30.860>other <00:40:31.000>type-related <00:40:31.140>design <00:40:31.280>choices <00:40:31.420>that <00:40:31.560>is <00:40:31.700>most

769
00:40:33.300 --> 00:40:36.800
<00:40:33.300>often <00:40:33.500>agonized <00:40:33.700>over <00:40:33.900>by <00:40:34.100>designers <00:40:34.300>and <00:40:34.500>non-designers <00:40:34.700>alike

770
00:40:36.400 --> 00:40:38.400
<00:40:36.400>which <00:40:36.866>typeface <00:40:37.333>to <00:40:37.800>use

771
00:40:39.400 --> 00:40:43.300
<00:40:39.400>while <00:40:39.540>many <00:40:39.680>typefaces <00:40:39.820>might <00:40:39.960>look <00:40:40.100>similar <00:40:40.240>at <00:40:40.380>first <00:40:40.520>glance <00:40:40.660>a <00:40:40.800>closer

772
00:40:42.900 --> 00:40:46.600
<00:40:42.900>look <00:40:43.040>revealed. <00:40:43.180>They <00:40:43.320>all <00:40:43.460>have <00:40:43.600>unique <00:40:43.740>quirks <00:40:43.880>and <00:40:44.020>differences <00:40:44.160>kind <00:40:44.300>of

773
00:40:46.600 --> 00:40:47.700
personalities.

774
00:40:48.400 --> 00:40:51.800
<00:40:48.400>Just <00:40:48.540>like <00:40:48.680>people <00:40:48.820>a <00:40:48.960>typeface <00:40:49.100>can <00:40:49.240>feel <00:40:49.380>playful <00:40:49.520>or <00:40:49.660>serious <00:40:49.800>or

775
00:40:51.500 --> 00:40:54.100
<00:40:51.500>youthful <00:40:51.850>or <00:40:52.200>energetic <00:40:52.550>or <00:40:52.900>stodgy.

776
00:40:54.700 --> 00:40:58.300
<00:40:54.700>And <00:40:54.855>much <00:40:55.011>like <00:40:55.166>we've <00:40:55.322>attempted <00:40:55.477>to <00:40:55.633>categorize <00:40:55.788>various <00:40:55.944>personalities <00:40:56.100>through

777
00:40:57.900 --> 00:41:01.600
<00:40:57.900>assessments <00:40:58.075>like <00:40:58.250>the <00:40:58.425>Myers-Briggs <00:40:58.600>or <00:40:58.775>the <00:40:58.950>Enneagram, <00:40:59.125>right? <00:40:59.300>Remember

778
00:41:01.100 --> 00:41:04.300
<00:41:01.100>we <00:41:01.275>have <00:41:01.450>that <00:41:01.625>very <00:41:01.799>human <00:41:01.975>instinct <00:41:02.150>to <00:41:02.325>try <00:41:02.500>and

779
00:41:04.100 --> 00:41:04.600
<00:41:04.100>group <00:41:04.549>things.

780
00:41:05.500 --> 00:41:09.100
<00:41:05.500>We've <00:41:05.640>also <00:41:05.780>grouped <00:41:05.920>typefaces <00:41:06.060>into <00:41:06.200>various <00:41:06.340>groups <00:41:06.480>based <00:41:06.620>on <00:41:06.760>their <00:41:06.900>high-level

781
00:41:08.500 --> 00:41:10.300
<00:41:08.500>similarities <00:41:09.200>and <00:41:09.900>differences.

782
00:41:11.200 --> 00:41:15.200
<00:41:11.200>There <00:41:11.433>are <00:41:11.666>many <00:41:11.899>many <00:41:12.133>categories <00:41:12.366>and <00:41:12.600>subcategories

783
00:41:14.300 --> 00:41:17.800
<00:41:14.300>of <00:41:14.475>typefaces <00:41:14.650>based <00:41:14.825>on <00:41:15.000>their <00:41:15.175>style <00:41:15.350>and <00:41:15.525>usage, <00:41:15.700>but

784
00:41:17.400 --> 00:41:20.200
<00:41:17.400>I <00:41:17.527>just <00:41:17.654>want <00:41:17.781>to <00:41:17.909>talk <00:41:18.036>about <00:41:18.163>four <00:41:18.290>of <00:41:18.418>the <00:41:18.545>most <00:41:18.672>common <00:41:18.800>here.

785
00:41:20.900 --> 00:41:23.900
<00:41:20.900>serif <00:41:21.250>sansara <00:41:21.600>display <00:41:21.950>and <00:41:22.300>script

786
00:41:25.400 --> 00:41:28.800
<00:41:25.400>serifs <00:41:25.555>refer <00:41:25.711>to <00:41:25.866>these <00:41:26.022>small <00:41:26.177>decorative <00:41:26.333>lines <00:41:26.488>found <00:41:26.644>on <00:41:26.800>characters

787
00:41:28.400 --> 00:41:30.200
<00:41:28.400>usually <00:41:28.680>at <00:41:28.960>the <00:41:29.240>top <00:41:29.520>and <00:41:29.800>bottom

788
00:41:31.000 --> 00:41:34.100
<00:41:31.000>and <00:41:31.140>Sarah's <00:41:31.280>confer <00:41:31.420>a <00:41:31.560>more <00:41:31.700>professional <00:41:31.840>kind <00:41:31.980>of <00:41:32.120>an <00:41:32.260>old <00:41:32.400>school

789
00:41:34.000 --> 00:41:35.200
<00:41:34.000>feeling <00:41:34.360>to <00:41:34.720>your <00:41:35.080>type.

790
00:41:35.800 --> 00:41:39.900
<00:41:35.800>They're <00:41:35.975>often <00:41:36.150>associated <00:41:36.325>with <00:41:36.500>tradition <00:41:36.675>Legacy <00:41:36.850>and <00:41:37.025>age <00:41:37.200>if

791
00:41:39.000 --> 00:41:42.900
<00:41:39.000>you're <00:41:39.155>gonna <00:41:39.311>be <00:41:39.466>writing <00:41:39.622>large <00:41:39.777>blocks <00:41:39.933>of <00:41:40.088>text <00:41:40.244>a <00:41:40.400>serif

792
00:41:42.600 --> 00:41:45.800
<00:41:42.600>font <00:41:42.727>can <00:41:42.854>be <00:41:42.981>a <00:41:43.109>really <00:41:43.236>great <00:41:43.363>choice <00:41:43.490>because <00:41:43.618>the <00:41:43.745>Sarah's <00:41:43.872>create <00:41:44.000>more

793
00:41:45.600 --> 00:41:49.600
<00:41:45.600>drastic <00:41:45.775>and <00:41:45.950>noticeable <00:41:46.125>differentiation <00:41:46.299>between <00:41:46.475>the <00:41:46.650>characters. <00:41:46.825>It <00:41:47.000>makes

794
00:41:49.500 --> 00:41:51.700
<00:41:49.500>them <00:41:49.733>easier <00:41:49.966>to <00:41:50.200>read <00:41:50.433>than <00:41:50.666>sansara <00:41:50.900>fonts.

795
00:41:53.500 --> 00:41:57.000
<00:41:53.500>Working <00:41:53.655>in <00:41:53.811>Tech. <00:41:53.966>However, <00:41:54.122>you <00:41:54.277>have <00:41:54.433>definitely <00:41:54.588>seen <00:41:54.744>a <00:41:54.900>Sans

796
00:41:56.700 --> 00:42:00.000
<00:41:56.700>serif <00:41:56.875>font <00:41:57.049>thanks <00:41:57.225>to <00:41:57.399>their <00:41:57.575>clean <00:41:57.750>and <00:41:57.924>very <00:41:58.100>modern.

797
00:41:59.700 --> 00:42:02.600
<00:41:59.700>Look <00:41:59.933>they've <00:42:00.166>become <00:42:00.399>really <00:42:00.633>ubiquitous <00:42:00.866>in <00:42:01.100>Tech.

798
00:42:03.200 --> 00:42:07.600
<00:42:03.200>It's <00:42:03.316>a <00:42:03.433>great <00:42:03.549>choice <00:42:03.666>for <00:42:03.783>brands <00:42:03.899>that <00:42:04.016>want <00:42:04.133>to <00:42:04.250>communicate <00:42:04.366>youth <00:42:04.483>trendiness <00:42:04.600>modernity

799
00:42:07.000 --> 00:42:10.200
<00:42:07.000>or <00:42:07.200>technology <00:42:07.400>and <00:42:07.600>they <00:42:07.800>also <00:42:08.000>tend <00:42:08.200>to <00:42:08.400>look

800
00:42:10.100 --> 00:42:12.000
<00:42:10.100>very <00:42:10.450>clean <00:42:10.799>and <00:42:11.150>very <00:42:11.500>sleek.

801
00:42:13.900 --> 00:42:17.300
<00:42:13.900>Display <00:42:14.016>typefaces <00:42:14.133>do <00:42:14.250>a <00:42:14.366>great <00:42:14.483>job <00:42:14.600>with <00:42:14.716>telling <00:42:14.833>you <00:42:14.950>exactly <00:42:15.066>what <00:42:15.183>they're <00:42:15.300>for

802
00:42:16.900 --> 00:42:20.500
<00:42:16.900>right <00:42:17.040>in <00:42:17.180>the <00:42:17.320>name. <00:42:17.460>These <00:42:17.600>are <00:42:17.740>typefaces <00:42:17.880>that <00:42:18.020>are <00:42:18.160>a <00:42:18.300>little

803
00:42:20.500 --> 00:42:23.800
<00:42:20.500>bit <00:42:20.640>funkier <00:42:20.780>a <00:42:20.920>little <00:42:21.060>bit <00:42:21.200>weird <00:42:21.340>and <00:42:21.480>best <00:42:21.620>used <00:42:21.760>for <00:42:21.900>large

804
00:42:23.500 --> 00:42:26.200
<00:42:23.500>display <00:42:23.733>fonts <00:42:23.966>and <00:42:24.200>not <00:42:24.433>for <00:42:24.666>body <00:42:24.900>copy.

805
00:42:27.100 --> 00:42:30.400
<00:42:27.100>They're <00:42:27.255>often <00:42:27.411>incredibly <00:42:27.566>distinctive, <00:42:27.722>but <00:42:27.877>sometimes <00:42:28.033>to <00:42:28.188>the <00:42:28.344>detriment <00:42:28.500>of

806
00:42:30.400 --> 00:42:31.200
<00:42:30.400>their <00:42:31.120>readability.

807
00:42:32.100 --> 00:42:35.700
<00:42:32.100>They <00:42:32.207>should <00:42:32.315>be <00:42:32.423>used <00:42:32.530>with <00:42:32.638>caution <00:42:32.746>because <00:42:32.853>they <00:42:32.961>can <00:42:33.069>add <00:42:33.176>a <00:42:33.284>huge <00:42:33.392>burst <00:42:33.500>of

808
00:42:35.600 --> 00:42:39.500
<00:42:35.600>like <00:42:35.740>personality <00:42:35.880>and <00:42:36.020>fun <00:42:36.160>and <00:42:36.299>uniqueness <00:42:36.440>here <00:42:36.580>at <00:42:36.720>design, <00:42:36.860>but <00:42:37.000>they

809
00:42:39.300 --> 00:42:42.600
<00:42:39.300>will <00:42:39.440>also <00:42:39.580>call <00:42:39.720>a <00:42:39.860>huge <00:42:40.000>amount <00:42:40.140>of <00:42:40.280>attention <00:42:40.420>and <00:42:40.560>require <00:42:40.700>a

810
00:42:42.300 --> 00:42:43.700
<00:42:42.300>pretty <00:42:42.720>big <00:42:43.140>font <00:42:43.560>size.

811
00:42:45.900 --> 00:42:49.400
<00:42:45.900>Script <00:42:46.133>typefaces <00:42:46.366>are <00:42:46.600>also <00:42:46.833>fairly <00:42:47.066>self-explanatory. <00:42:47.300>They

812
00:42:48.900 --> 00:42:50.700
<00:42:48.900>mimic <00:42:49.600>handwritten <00:42:50.300>script.

813
00:42:51.600 --> 00:42:55.500
<00:42:51.600>Some <00:42:51.707>are <00:42:51.815>going <00:42:51.923>to <00:42:52.030>be <00:42:52.138>more <00:42:52.246>stylized <00:42:52.353>than <00:42:52.461>others <00:42:52.569>and <00:42:52.676>this <00:42:52.784>also <00:42:52.892>can <00:42:53.000>include

814
00:42:55.000 --> 00:42:58.600
<00:42:55.000>handwriting <00:42:55.155>fonts <00:42:55.311>that <00:42:55.466>aren't <00:42:55.622>technically <00:42:55.777>like <00:42:55.933>a <00:42:56.088>script <00:42:56.244>or <00:42:56.400>cursive.

815
00:42:59.400 --> 00:43:03.200
<00:42:59.400>Script <00:42:59.527>fonts <00:42:59.654>add <00:42:59.781>a <00:42:59.909>lot <00:43:00.036>of <00:43:00.163>humanity <00:43:00.290>to <00:43:00.418>your <00:43:00.545>design. <00:43:00.672>They're <00:43:00.800>often

816
00:43:03.000 --> 00:43:06.100
<00:43:03.000>used <00:43:03.155>to <00:43:03.311>communicate <00:43:03.466>that <00:43:03.622>something <00:43:03.777>is <00:43:03.933>homemade <00:43:04.088>or <00:43:04.244>Artisan <00:43:04.400>or

817
00:43:06.000 --> 00:43:07.900
<00:43:06.000>otherwise <00:43:06.466>very <00:43:06.933>thoughtfully <00:43:07.400>done.

818
00:43:08.700 --> 00:43:12.100
<00:43:08.700>In <00:43:08.807>a <00:43:08.915>similar <00:43:09.023>way <00:43:09.130>to <00:43:09.238>display <00:43:09.346>fonts. <00:43:09.453>You <00:43:09.561>don't <00:43:09.669>want <00:43:09.776>to <00:43:09.884>use <00:43:09.992>these <00:43:10.100>for

819
00:43:11.900 --> 00:43:15.600
<00:43:11.900>your <00:43:12.075>body <00:43:12.250>text <00:43:12.425>although <00:43:12.600>depending <00:43:12.775>on <00:43:12.950>the <00:43:13.125>readability. <00:43:13.300>You

820
00:43:14.900 --> 00:43:18.300
<00:43:14.900>could <00:43:15.040>maybe <00:43:15.180>get <00:43:15.320>away <00:43:15.460>with <00:43:15.600>using <00:43:15.740>it <00:43:15.880>for <00:43:16.020>subheaders <00:43:16.160>or <00:43:16.300>like

821
00:43:17.900 --> 00:43:20.400
<00:43:17.900>pull <00:43:18.180>quotes <00:43:18.460>small <00:43:18.740>blocks <00:43:19.020>of <00:43:19.300>text.

822
00:43:22.800 --> 00:43:26.400
<00:43:22.800>As <00:43:22.927>you <00:43:23.054>can <00:43:23.181>imagine <00:43:23.309>your <00:43:23.436>options <00:43:23.563>for <00:43:23.690>a <00:43:23.818>font <00:43:23.945>are <00:43:24.072>just <00:43:24.200>about

823
00:43:26.300 --> 00:43:27.100
Unlimited.

824
00:43:27.700 --> 00:43:31.300
<00:43:27.700>And <00:43:27.793>when <00:43:27.886>you're <00:43:27.980>faced <00:43:28.073>with <00:43:28.166>that <00:43:28.259>many <00:43:28.353>choices <00:43:28.446>you <00:43:28.540>can <00:43:28.633>help <00:43:28.726>to <00:43:28.819>ask <00:43:28.913>some <00:43:29.006>questions <00:43:29.100>about

825
00:43:31.000 --> 00:43:32.700
<00:43:31.000>what <00:43:31.350>your <00:43:31.700>end <00:43:32.050>goal <00:43:32.400>is.

826
00:43:33.500 --> 00:43:36.900
<00:43:33.500>You <00:43:33.593>want <00:43:33.686>to <00:43:33.780>make <00:43:33.873>sure <00:43:33.966>that <00:43:34.060>whatever <00:43:34.153>you're <00:43:34.246>going <00:43:34.340>to <00:43:34.433>actually <00:43:34.526>be <00:43:34.620>saying <00:43:34.713>with <00:43:34.806>the <00:43:34.900>font

827
00:43:36.500 --> 00:43:40.000
<00:43:36.500>isn't <00:43:36.675>working <00:43:36.850>against <00:43:37.025>the <00:43:37.200>way <00:43:37.375>the <00:43:37.550>font <00:43:37.725>itself <00:43:37.900>looks.

828
00:43:40.800 --> 00:43:44.100
<00:43:40.800>At <00:43:40.940>a <00:43:41.080>minimum <00:43:41.220>I <00:43:41.360>type <00:43:41.500>phase <00:43:41.640>should <00:43:41.780>support <00:43:41.920>with <00:43:42.060>your <00:43:42.200>communicating

829
00:43:43.800 --> 00:43:47.100
<00:43:43.800>but <00:43:44.000>ideally <00:43:44.200>it <00:43:44.400>adds <00:43:44.600>to <00:43:44.800>it <00:43:45.000>reinforces <00:43:45.200>it.

830
00:43:47.800 --> 00:43:51.700
<00:43:47.800>Here <00:43:47.907>are <00:43:48.015>some <00:43:48.123>questions <00:43:48.230>you <00:43:48.338>can <00:43:48.446>use <00:43:48.553>to <00:43:48.661>start <00:43:48.769>thinking <00:43:48.876>critically <00:43:48.984>about <00:43:49.092>which <00:43:49.200>typefaces

831
00:43:50.900 --> 00:43:52.800
<00:43:50.900>will <00:43:51.250>best <00:43:51.600>suit <00:43:51.950>your <00:43:52.300>purpose.

832
00:43:53.900 --> 00:43:57.100
<00:43:53.900>What <00:43:54.016>is <00:43:54.133>the <00:43:54.250>primary <00:43:54.366>message <00:43:54.483>that <00:43:54.600>you're <00:43:54.716>trying <00:43:54.833>to <00:43:54.950>communicate <00:43:55.066>with <00:43:55.183>your <00:43:55.300>design?

833
00:43:57.900 --> 00:44:01.600
<00:43:57.900>How <00:43:57.993>do <00:43:58.086>you <00:43:58.180>want <00:43:58.273>the <00:43:58.366>user <00:43:58.460>to <00:43:58.553>feel <00:43:58.646>when <00:43:58.740>they <00:43:58.833>think <00:43:58.926>about <00:43:59.020>that <00:43:59.113>message? <00:43:59.206>What <00:43:59.300>emotions

834
00:44:01.100 --> 00:44:02.700
<00:44:01.100>do <00:44:01.380>you <00:44:01.660>want <00:44:01.940>associated <00:44:02.220>with <00:44:02.500>it?

835
00:44:04.300 --> 00:44:07.800
<00:44:04.300>Where <00:44:04.400>and <00:44:04.500>how <00:44:04.600>will <00:44:04.700>this <00:44:04.800>typeface <00:44:04.900>be <00:44:05.000>used? <00:44:05.100>This <00:44:05.200>is <00:44:05.300>going <00:44:05.400>to <00:44:05.500>be <00:44:05.600>large <00:44:05.700>or

836
00:44:07.600 --> 00:44:09.900
<00:44:07.600>small <00:44:07.950>header <00:44:08.299>or <00:44:08.650>body <00:44:09.000>text.

837
00:44:10.900 --> 00:44:14.500
<00:44:10.900>If <00:44:11.000>your <00:44:11.100>text <00:44:11.200>will <00:44:11.300>be <00:44:11.400>large <00:44:11.500>that <00:44:11.600>could <00:44:11.700>be <00:44:11.800>your <00:44:11.900>opportunity <00:44:12.000>to <00:44:12.100>use <00:44:12.200>a <00:44:12.300>more

838
00:44:14.200 --> 00:44:17.400
<00:44:14.200>fun <00:44:14.327>display <00:44:14.454>typeface. <00:44:14.581>Whereas <00:44:14.709>if <00:44:14.836>you <00:44:14.963>know, <00:44:15.090>it's <00:44:15.218>going <00:44:15.345>to <00:44:15.472>be <00:44:15.600>small.

839
00:44:17.200 --> 00:44:19.400
<00:44:17.200>The <00:44:17.480>emphasis <00:44:17.759>should <00:44:18.040>be <00:44:18.319>on <00:44:18.600>readability.

840
00:44:20.800 --> 00:44:24.100
<00:44:20.800>With <00:44:20.900>the <00:44:21.000>user <00:44:21.100>be <00:44:21.200>close <00:44:21.300>to <00:44:21.400>the <00:44:21.500>content <00:44:21.600>while <00:44:21.700>reading <00:44:21.800>it <00:44:21.900>like <00:44:22.000>on <00:44:22.100>their <00:44:22.200>phone

841
00:44:23.900 --> 00:44:27.700
<00:44:23.900>or <00:44:24.133>far <00:44:24.366>away <00:44:24.600>like <00:44:24.833>presentation <00:44:25.066>slides <00:44:25.300>you

842
00:44:27.000 --> 00:44:30.400
<00:44:27.000>might <00:44:27.127>be <00:44:27.254>able <00:44:27.381>to <00:44:27.509>get <00:44:27.636>away <00:44:27.763>with <00:44:27.890>a <00:44:28.018>slightly <00:44:28.145>less <00:44:28.272>readable <00:44:28.400>font

843
00:44:30.100 --> 00:44:32.700
<00:44:30.100>for <00:44:30.275>something <00:44:30.450>that <00:44:30.625>a <00:44:30.799>user <00:44:30.975>will <00:44:31.150>see <00:44:31.325>much <00:44:31.500>closer.

844
00:44:34.400 --> 00:44:38.500
<00:44:34.400>Is <00:44:34.516>it <00:44:34.633>more <00:44:34.750>important <00:44:34.866>for <00:44:34.983>your <00:44:35.100>design <00:44:35.216>to <00:44:35.333>feel <00:44:35.450>human <00:44:35.566>and <00:44:35.683>emotional <00:44:35.800>or

845
00:44:37.700 --> 00:44:41.000
<00:44:37.700>mechanical <00:44:38.049>and <00:44:38.399>precise <00:44:38.750>that <00:44:39.100>can

846
00:44:40.900 --> 00:44:43.000
<00:44:40.900>help <00:44:41.100>you <00:44:41.300>choose <00:44:41.500>between <00:44:41.700>serifs <00:44:41.900>or <00:44:42.100>Sans <00:44:42.300>serifs?

847
00:44:44.100 --> 00:44:47.600
<00:44:44.100>Finally <00:44:44.255>how <00:44:44.411>important <00:44:44.566>is <00:44:44.722>trust <00:44:44.877>in <00:44:45.033>this <00:44:45.188>communication. <00:44:45.344>Are <00:44:45.500>you

848
00:44:47.600 --> 00:44:50.900
<00:44:47.600>trying <00:44:47.755>to <00:44:47.911>present <00:44:48.066>yourself <00:44:48.222>as <00:44:48.377>an <00:44:48.533>authority <00:44:48.688>or <00:44:48.844>as <00:44:49.000>a

849
00:44:50.600 --> 00:44:50.900
friend?

850
00:44:51.900 --> 00:44:56.100
<00:44:51.900>This <00:44:52.016>can <00:44:52.133>also <00:44:52.250>help <00:44:52.366>you <00:44:52.483>choose <00:44:52.600>between <00:44:52.716>serifs <00:44:52.833>or <00:44:52.950>san <00:44:53.066>serifs <00:44:53.183>serifs <00:44:53.300>naturally

851
00:44:55.900 --> 00:44:59.800
<00:44:55.900>convey <00:44:56.055>a <00:44:56.211>lot <00:44:56.366>of <00:44:56.522>knowledge <00:44:56.677>education <00:44:56.833>tradition <00:44:56.988>and <00:44:57.144>Authority <00:44:57.300>or

852
00:44:59.100 --> 00:45:03.100
<00:44:59.100>san <00:44:59.255>serifs <00:44:59.411>are <00:44:59.566>going <00:44:59.722>to <00:44:59.877>feel <00:45:00.033>more <00:45:00.188>casual <00:45:00.344>modern <00:45:00.500>youthful

853
00:45:02.200 --> 00:45:03.600
<00:45:02.200>and <00:45:03.460>fresh.

854
00:45:06.100 --> 00:45:10.000
<00:45:06.100>Okay, <00:45:06.255>folks. <00:45:06.411>We <00:45:06.566>have <00:45:06.722>covered <00:45:06.877>a <00:45:07.033>lot <00:45:07.188>today <00:45:07.344>in <00:45:07.500>not

855
00:45:09.400 --> 00:45:12.800
<00:45:09.400>a <00:45:09.540>lot <00:45:09.680>of <00:45:09.820>time. <00:45:09.960>This <00:45:10.100>was <00:45:10.240>kind <00:45:10.380>of <00:45:10.520>a <00:45:10.660>speed <00:45:10.800>run

856
00:45:12.500 --> 00:45:15.600
<00:45:12.500>through <00:45:12.655>design <00:45:12.811>fundamentals <00:45:12.966>and <00:45:13.122>I <00:45:13.277>went <00:45:13.433>through <00:45:13.588>it <00:45:13.744>as <00:45:13.900>fast

857
00:45:15.600 --> 00:45:19.400
<00:45:15.600>as <00:45:15.740>I <00:45:15.880>could <00:45:16.020>to <00:45:16.160>be <00:45:16.299>respectful <00:45:16.440>of <00:45:16.580>everyone's <00:45:16.720>time, <00:45:16.860>but <00:45:17.000>hopefully

858
00:45:18.600 --> 00:45:21.700
<00:45:18.600>it <00:45:18.775>provided <00:45:18.950>you <00:45:19.125>with <00:45:19.299>enough <00:45:19.475>insight <00:45:19.650>to <00:45:19.825>kind <00:45:20.000>of

859
00:45:21.700 --> 00:45:25.000
<00:45:21.700>get <00:45:21.839>a <00:45:21.980>feel <00:45:22.120>for <00:45:22.259>how <00:45:22.399>and <00:45:22.540>why <00:45:22.680>design <00:45:22.819>decisions <00:45:22.960>get <00:45:23.100>made.

860
00:45:25.800 --> 00:45:29.200
<00:45:25.800>If <00:45:25.900>you <00:45:26.000>take <00:45:26.100>anything <00:45:26.200>away <00:45:26.300>from <00:45:26.400>this, <00:45:26.500>I <00:45:26.600>want <00:45:26.700>you <00:45:26.800>to <00:45:26.900>know <00:45:27.000>that <00:45:27.100>design <00:45:27.200>is

861
00:45:28.900 --> 00:45:32.600
<00:45:28.900>not <00:45:29.075>just <00:45:29.250>random <00:45:29.425>guessing <00:45:29.600>it <00:45:29.775>is <00:45:29.950>not <00:45:30.125>trying <00:45:30.300>things

862
00:45:32.200 --> 00:45:35.200
<00:45:32.200>until <00:45:32.375>they <00:45:32.549>feel <00:45:32.725>right. <00:45:32.899>It's <00:45:33.075>not <00:45:33.250>this <00:45:33.424>kind <00:45:33.600>of

863
00:45:35.200 --> 00:45:38.400
<00:45:35.200>nebulous <00:45:35.316>thing <00:45:35.433>that <00:45:35.549>you <00:45:35.666>have <00:45:35.783>to <00:45:35.899>have <00:45:36.016>an <00:45:36.133>eye <00:45:36.250>or <00:45:36.366>a <00:45:36.483>sense <00:45:36.600>for.

864
00:45:39.200 --> 00:45:42.600
<00:45:39.200>Design <00:45:39.355>is <00:45:39.511>a <00:45:39.666>science-based <00:45:39.822>approach <00:45:39.977>to <00:45:40.133>putting <00:45:40.288>different <00:45:40.444>elements <00:45:40.600>on

865
00:45:42.400 --> 00:45:45.700
<00:45:42.400>the <00:45:42.540>page <00:45:42.680>in <00:45:42.820>a <00:45:42.960>way <00:45:43.100>that <00:45:43.240>we <00:45:43.380>have <00:45:43.520>learned <00:45:43.660>can <00:45:43.800>evoke

866
00:45:45.400 --> 00:45:48.600
<00:45:45.400>the <00:45:45.600>response. <00:45:45.800>We're <00:45:46.000>looking <00:45:46.200>for <00:45:46.400>in <00:45:46.600>users, <00:45:46.800>which

867
00:45:49.500 --> 00:45:52.900
<00:45:49.500>Honestly <00:45:49.640>is <00:45:49.780>so <00:45:49.920>cool <00:45:50.060>right <00:45:50.200>like <00:45:50.340>that. <00:45:50.480>We <00:45:50.620>have <00:45:50.760>the <00:45:50.900>ability

868
00:45:52.500 --> 00:45:56.100
<00:45:52.500>to <00:45:52.733>share <00:45:52.966>information <00:45:53.200>and <00:45:53.433>influence <00:45:53.666>emotions <00:45:53.900>in

869
00:45:55.800 --> 00:45:56.700
<00:45:55.800>this <00:45:56.070>kind <00:45:56.340>of <00:45:56.609>way.

870
00:45:57.900 --> 00:45:58.500
<00:45:57.900>design <00:45:58.440>is

871
00:45:59.300 --> 00:46:02.500
<00:45:59.300>So <00:45:59.440>powerful <00:45:59.580>and <00:45:59.720>when <00:45:59.860>we <00:46:00.000>are <00:46:00.140>leveraging <00:46:00.280>these <00:46:00.420>tools <00:46:00.560>for <00:46:00.700>our

872
00:46:02.400 --> 00:46:05.900
<00:46:02.400>applications <00:46:02.575>and <00:46:02.750>our <00:46:02.925>websites, <00:46:03.100>we <00:46:03.275>can <00:46:03.450>make <00:46:03.625>huge <00:46:03.800>positive

873
00:46:05.400 --> 00:46:07.500
<00:46:05.400>differences <00:46:05.750>in <00:46:06.100>the <00:46:06.450>user <00:46:06.800>experience.

874
00:46:08.700 --> 00:46:12.000
<00:46:08.700>Knowing <00:46:08.855>these <00:46:09.011>foundations <00:46:09.166>of <00:46:09.322>design <00:46:09.477>will <00:46:09.633>put <00:46:09.788>you <00:46:09.944>in <00:46:10.100>a

875
00:46:11.800 --> 00:46:15.600
<00:46:11.800>strong <00:46:11.955>position <00:46:12.111>for <00:46:12.266>both <00:46:12.422>creating <00:46:12.577>your <00:46:12.733>own <00:46:12.888>designs <00:46:13.044>and <00:46:13.200>collaborating

876
00:46:14.900 --> 00:46:17.200
<00:46:14.900>with <00:46:15.133>any <00:46:15.366>designers. <00:46:15.600>You <00:46:15.833>might <00:46:16.066>work <00:46:16.300>with

877
00:46:18.300 --> 00:46:22.200
<00:46:18.300>I <00:46:18.475>hope <00:46:18.650>that <00:46:18.825>these <00:46:19.000>these <00:46:19.175>words <00:46:19.350>these <00:46:19.525>terminologies <00:46:19.700>Basics

878
00:46:21.300 --> 00:46:24.500
<00:46:21.300>can <00:46:21.533>help <00:46:21.766>you <00:46:22.000>collaborate <00:46:22.233>and <00:46:22.466>create <00:46:22.700>work

879
00:46:24.300 --> 00:46:26.700
<00:46:24.300>that <00:46:24.580>is <00:46:24.860>really <00:46:25.140>exciting <00:46:25.420>and <00:46:25.700>innovative.

880
00:46:27.900 --> 00:46:31.400
<00:46:27.900>Just <00:46:28.016>make <00:46:28.133>sure <00:46:28.250>to <00:46:28.366>only <00:46:28.483>use <00:46:28.600>your <00:46:28.716>powers <00:46:28.833>for <00:46:28.950>good <00:46:29.066>and <00:46:29.183>not <00:46:29.300>for

881
00:46:31.300 --> 00:46:35.000
<00:46:31.300>evil <00:46:31.475>at <00:46:31.650>least <00:46:31.825>mostly <00:46:32.000>not <00:46:32.175>for <00:46:32.350>evil. <00:46:32.525>Maybe <00:46:32.700>little

882
00:46:34.600 --> 00:46:36.100
<00:46:34.600>evil <00:46:35.049>sounds <00:46:35.500>fun. <00:46:35.950>But

883
00:46:37.100 --> 00:46:38.300
<00:46:37.100>just <00:46:37.370>enough <00:46:37.640>to <00:46:37.910>be <00:46:38.180>dangerous.

884
00:46:39.400 --> 00:46:40.700
<00:46:39.400>Alright, <00:46:39.790>thank <00:46:40.180>you <00:46:40.569>guys.

885
00:46:44.600 --> 00:46:47.900
<00:46:44.600>Hey, <00:46:44.799>thanks <00:46:45.000>a <00:46:45.200>lot <00:46:45.400>Catherine <00:46:45.600>that <00:46:45.799>Shirley <00:46:46.000>was

886
00:46:47.800 --> 00:46:52.300
<00:46:47.800>a <00:46:47.927>lot <00:46:48.054>of <00:46:48.181>content <00:46:48.309>in <00:46:48.436>a <00:46:48.563>short <00:46:48.690>amount <00:46:48.818>of <00:46:48.945>time, <00:46:49.072>but <00:46:49.200>it's

887
00:46:51.600 --> 00:46:55.900
<00:46:51.600>great <00:46:51.799>to <00:46:52.000>have <00:46:52.200>seen <00:46:52.400>like <00:46:52.600>the <00:46:52.799>really <00:46:53.000>basics.

888
00:46:57.700 --> 00:47:00.900
<00:46:57.700>I <00:46:57.839>think <00:46:57.980>I'm <00:46:58.120>I'm <00:46:58.259>lucky <00:46:58.399>enough <00:46:58.540>that <00:46:58.680>I <00:46:58.819>sort <00:46:58.960>of <00:46:59.100>have

889
00:47:00.700 --> 00:47:03.900
<00:47:00.700>a <00:47:00.899>good <00:47:01.100>sense <00:47:01.299>of <00:47:01.500>design, <00:47:01.700>but <00:47:01.899>that <00:47:02.100>also

890
00:47:03.700 --> 00:47:07.600
<00:47:03.700>means <00:47:03.875>that <00:47:04.049>I <00:47:04.225>never <00:47:04.399>really <00:47:04.575>learned <00:47:04.750>design. <00:47:04.924>So <00:47:05.100>there's

891
00:47:06.800 --> 00:47:09.300
<00:47:06.800>a <00:47:07.080>lot <00:47:07.360>of <00:47:07.640>useful <00:47:07.920>information <00:47:08.200>here.

892
00:47:10.500 --> 00:47:13.700
<00:47:10.500>Good. <00:47:10.850>Yeah, <00:47:11.200>but <00:47:11.550>let's <00:47:11.900>get

893
00:47:13.500 --> 00:47:16.800
<00:47:13.500>to <00:47:13.655>some <00:47:13.811>of <00:47:13.966>the <00:47:14.122>questions <00:47:14.277>we <00:47:14.433>got <00:47:14.588>from <00:47:14.744>the <00:47:14.900>audience.

894
00:47:18.400 --> 00:47:21.700
<00:47:18.400>What <00:47:18.866>defines <00:47:19.333>nicely <00:47:19.800>looking

895
00:47:21.500 --> 00:47:23.900
<00:47:21.500>together <00:47:21.780>colors <00:47:22.060>in <00:47:22.340>a <00:47:22.620>color <00:47:22.900>scheme?

896
00:47:25.000 --> 00:47:28.400
<00:47:25.000>Mostly <00:47:25.200>what <00:47:25.400>we're <00:47:25.600>looking <00:47:25.800>for <00:47:26.000>is <00:47:26.200>just <00:47:26.400>colors

897
00:47:28.100 --> 00:47:31.200
<00:47:28.100>that <00:47:28.333>don't <00:47:28.566>Clash <00:47:28.799>right? <00:47:29.033>Um, <00:47:29.266>when <00:47:29.500>you

898
00:47:31.100 --> 00:47:35.300
<00:47:31.100>have <00:47:31.207>colors <00:47:31.315>that <00:47:31.423>are <00:47:31.530>really <00:47:31.638>bright <00:47:31.746>or <00:47:31.853>vibrant <00:47:31.961>next <00:47:32.069>to <00:47:32.176>each <00:47:32.284>other <00:47:32.392>they <00:47:32.500>can

899
00:47:35.200 --> 00:47:38.500
<00:47:35.200>kind <00:47:35.433>of <00:47:35.666>vibrate <00:47:35.899>right <00:47:36.133>which <00:47:36.366>creates <00:47:36.600>this

900
00:47:38.200 --> 00:47:41.800
<00:47:38.200>like <00:47:38.355>physical <00:47:38.511>Sensation <00:47:38.666>that <00:47:38.822>you <00:47:38.977>can't <00:47:39.133>exactly <00:47:39.288>tell <00:47:39.444>where <00:47:39.600>one

901
00:47:41.300 --> 00:47:44.900
<00:47:41.300>color <00:47:41.407>ends <00:47:41.515>in <00:47:41.623>the <00:47:41.730>next <00:47:41.838>one <00:47:41.946>begins. <00:47:42.053>And <00:47:42.161>so <00:47:42.269>it's <00:47:42.376>kind <00:47:42.484>of <00:47:42.592>visually <00:47:42.700>uncomfortable

902
00:47:44.300 --> 00:47:47.700
<00:47:44.300>to <00:47:44.650>look <00:47:45.000>at <00:47:45.350>similarly <00:47:45.700>colors

903
00:47:47.300 --> 00:47:50.600
<00:47:47.300>that <00:47:47.500>are <00:47:47.700>too <00:47:47.900>close <00:47:48.100>together <00:47:48.300>again, <00:47:48.500>you <00:47:48.700>have

904
00:47:50.500 --> 00:47:54.000
<00:47:50.500>trouble <00:47:50.640>telling <00:47:50.780>them <00:47:50.920>apart <00:47:51.060>and <00:47:51.200>that <00:47:51.340>can <00:47:51.480>be <00:47:51.620>difficult. <00:47:51.760>So <00:47:51.900>a

905
00:47:53.600 --> 00:47:57.300
<00:47:53.600>lot <00:47:53.707>of <00:47:53.815>what <00:47:53.923>we're <00:47:54.030>doing <00:47:54.138>is <00:47:54.246>trying <00:47:54.353>to <00:47:54.461>find <00:47:54.569>colors <00:47:54.676>from <00:47:54.784>different <00:47:54.892>spaces <00:47:55.000>across

906
00:47:57.100 --> 00:47:59.700
<00:47:57.100>the <00:47:57.299>color <00:47:57.500>wheel <00:47:57.700>that <00:47:57.900>will <00:47:58.100>work <00:47:58.299>together <00:47:58.500>without

907
00:48:00.600 --> 00:48:03.700
<00:48:00.600>being <00:48:00.799>difficult <00:48:01.000>without <00:48:01.200>either <00:48:01.400>clashing <00:48:01.600>with <00:48:01.799>each <00:48:02.000>other

908
00:48:03.700 --> 00:48:06.000
<00:48:03.700>being <00:48:03.980>too <00:48:04.259>similar. <00:48:04.540>That <00:48:04.819>makes <00:48:05.100>sense.

909
00:48:07.000 --> 00:48:08.300
<00:48:07.000>That <00:48:07.390>makes <00:48:07.780>sense. <00:48:08.170>Yes.

910
00:48:09.800 --> 00:48:14.000
<00:48:09.800>Okay, <00:48:09.940>next <00:48:10.080>question. <00:48:10.220>Can <00:48:10.360>you <00:48:10.500>provide <00:48:10.640>some <00:48:10.780>examples <00:48:10.920>of <00:48:11.060>good <00:48:11.200>design

911
00:48:13.000 --> 00:48:15.900
<00:48:13.000>practices <00:48:13.466>in <00:48:13.933>UI <00:48:14.400>design?

912
00:48:17.100 --> 00:48:18.000
<00:48:17.100>it <00:48:17.910>feels

913
00:48:19.600 --> 00:48:23.800
<00:48:19.600>as <00:48:19.799>you <00:48:20.000>say <00:48:20.200>that <00:48:20.400>feels <00:48:20.600>very <00:48:20.799>broad. <00:48:21.000>So

914
00:48:22.900 --> 00:48:26.200
<00:48:22.900>yes, <00:48:24.300>but

915
00:48:25.900 --> 00:48:27.000
<00:48:25.900>it <00:48:26.147>would <00:48:26.395>be <00:48:26.642>more <00:48:26.890>helpful.

916
00:48:28.100 --> 00:48:31.200
<00:48:28.100>I <00:48:28.200>guess <00:48:28.299>if <00:48:28.400>you <00:48:28.500>could <00:48:28.600>give <00:48:28.700>me <00:48:28.799>some <00:48:28.900>specifics <00:48:29.000>in <00:48:29.100>terms <00:48:29.200>of <00:48:29.299>are <00:48:29.400>you <00:48:29.500>looking

917
00:48:31.100 --> 00:48:34.300
<00:48:31.100>for <00:48:31.299>good <00:48:31.500>design <00:48:31.700>practices <00:48:31.900>the <00:48:32.100>person <00:48:32.299>that <00:48:32.500>us

918
00:48:34.100 --> 00:48:36.500
<00:48:34.100>this <00:48:34.380>question, <00:48:34.660>maybe <00:48:34.940>it's <00:48:35.220>a <00:48:35.500>great.

919
00:48:37.700 --> 00:48:41.400
<00:48:37.700>Great <00:48:37.827>for <00:48:37.954>you <00:48:38.081>to <00:48:38.209>reach <00:48:38.336>out <00:48:38.463>to <00:48:38.590>Catherine <00:48:38.718>and <00:48:38.845>then <00:48:38.972>maybe <00:48:39.100>maybe

920
00:48:40.800 --> 00:48:44.300
<00:48:40.800>you <00:48:41.033>can <00:48:41.266>exchange <00:48:41.500>some <00:48:41.733>resources <00:48:41.966>about <00:48:42.200>this.

921
00:48:45.800 --> 00:48:46.100
Absolutely.

922
00:48:47.100 --> 00:48:50.800
<00:48:47.100>Okay <00:48:47.333>on <00:48:47.566>the <00:48:47.799>subject <00:48:48.033>of <00:48:48.266>balance. <00:48:48.500>How

923
00:48:50.400 --> 00:48:54.400
<00:48:50.400>would <00:48:50.540>you <00:48:50.680>set <00:48:50.820>up <00:48:50.960>all <00:48:51.100>the <00:48:51.240>paddings <00:48:51.380>and <00:48:51.520>margins <00:48:51.660>you <00:48:51.800>design

924
00:48:53.800 --> 00:48:54.700
needs?

925
00:48:55.600 --> 00:48:59.000
<00:48:55.600>How <00:48:55.799>many <00:48:56.000>of <00:48:56.200>them <00:48:56.400>and <00:48:56.600>what <00:48:56.799>special <00:48:57.000>in

926
00:48:58.600 --> 00:49:00.200
<00:48:58.600>what <00:48:59.066>special <00:48:59.533>cases? <00:49:00.000>Yeah.

927
00:49:01.300 --> 00:49:01.500
so

928
00:49:03.400 --> 00:49:04.600
<00:49:03.400>frustrating <00:49:03.616>in <00:49:03.832>a <00:49:04.048>lot <00:49:04.264>of <00:49:04.480>things

929
00:49:05.000 --> 00:49:06.400
<00:49:05.000>or <00:49:05.140>a <00:49:05.280>lot <00:49:05.420>of <00:49:05.560>the <00:49:05.700>answers <00:49:05.840>are <00:49:05.980>going <00:49:06.120>to <00:49:06.260>be

930
00:49:07.100 --> 00:49:08.300
<00:49:07.100>it <00:49:07.316>right <00:49:07.532>kind <00:49:07.748>of <00:49:07.964>like <00:49:08.180>element.

931
00:49:09.600 --> 00:49:13.400
<00:49:09.600>In <00:49:09.700>general <00:49:09.799>though, <00:49:09.900>you <00:49:10.000>want <00:49:10.100>to <00:49:10.200>make <00:49:10.299>sure <00:49:10.400>that <00:49:10.500>you <00:49:10.600>have <00:49:10.700>set <00:49:10.799>up <00:49:10.900>enough <00:49:11.000>padding

932
00:49:12.900 --> 00:49:16.600
<00:49:12.900>and <00:49:13.016>margin <00:49:13.133>that <00:49:13.250>nothing <00:49:13.366>is <00:49:13.483>kind <00:49:13.600>of <00:49:13.716>running <00:49:13.833>into <00:49:13.950>each <00:49:14.066>other. <00:49:14.183>Nothing <00:49:14.300>feels

933
00:49:16.200 --> 00:49:19.300
<00:49:16.200>really <00:49:16.433>tightly <00:49:16.666>packed <00:49:16.899>and <00:49:17.133>there's <00:49:17.366>also <00:49:17.600>some

934
00:49:19.200 --> 00:49:22.700
<00:49:19.200>good <00:49:19.399>accessibility <00:49:19.600>guidance <00:49:19.799>that <00:49:20.000>the <00:49:20.200>wcag <00:49:20.399>offers <00:49:20.600>around

935
00:49:22.400 --> 00:49:25.800
<00:49:22.400>minimum <00:49:22.575>padding <00:49:22.750>and <00:49:22.925>margins <00:49:23.100>and <00:49:23.275>making <00:49:23.450>sure <00:49:23.625>that <00:49:23.800>like

936
00:49:25.500 --> 00:49:29.600
<00:49:25.500>your <00:49:25.627>buttons <00:49:25.754>or <00:49:25.881>your <00:49:26.009>icons <00:49:26.136>don't <00:49:26.263>overlap <00:49:26.390>and <00:49:26.518>you <00:49:26.645>have <00:49:26.772>like <00:49:26.900>sufficient

937
00:49:29.000 --> 00:49:32.100
<00:49:29.000>space <00:49:29.233>in <00:49:29.466>between <00:49:29.700>to <00:49:29.933>designate <00:49:30.166>like <00:49:30.400>different.

938
00:49:33.900 --> 00:49:37.000
<00:49:33.900>Remember <00:49:34.016>what <00:49:34.133>they <00:49:34.250>call <00:49:34.366>him? <00:49:34.483>It's <00:49:34.600>not <00:49:34.716>like <00:49:34.833>click <00:49:34.950>zones. <00:49:35.066>Target <00:49:35.183>zones. <00:49:35.300>I

939
00:49:36.900 --> 00:49:40.200
<00:49:36.900>think <00:49:37.180>to <00:49:37.460>make <00:49:37.740>them <00:49:38.020>easily <00:49:38.300>accessible.

940
00:49:41.000 --> 00:49:42.600
<00:49:41.000>But <00:49:41.233>you'll <00:49:41.466>see <00:49:41.700>a <00:49:41.933>lot <00:49:42.166>of <00:49:42.400>that.

941
00:49:43.400 --> 00:49:44.100
<00:49:43.400>There <00:49:43.715>are <00:49:44.029>also

942
00:49:46.100 --> 00:49:49.100
<00:49:46.100>the <00:49:46.255>example <00:49:46.411>standard <00:49:46.566>kind <00:49:46.722>of <00:49:46.877>grid <00:49:47.033>examples <00:49:47.188>and <00:49:47.344>trying <00:49:47.500>to

943
00:49:49.100 --> 00:49:51.100
<00:49:49.100>remember <00:49:49.275>I <00:49:49.450>want <00:49:49.625>to <00:49:49.799>say <00:49:49.975>it's <00:49:50.150>called <00:49:50.325>like <00:49:50.500>a

944
00:49:53.000 --> 00:49:55.900
<00:49:53.000>margin <00:49:53.155>or <00:49:53.311>any <00:49:53.466>point <00:49:53.622>grid <00:49:53.777>the <00:49:53.933>eight <00:49:54.088>point <00:49:54.244>grid <00:49:54.400>system.

945
00:49:56.800 --> 00:50:00.000
<00:49:56.800>There <00:49:56.907>we <00:49:57.015>go. <00:49:57.123>I <00:49:57.230>walked <00:49:57.338>my <00:49:57.446>way <00:49:57.553>into <00:49:57.661>it. <00:49:57.769>I <00:49:57.876>had <00:49:57.984>to <00:49:58.092>Google <00:49:58.200>that

946
00:49:59.800 --> 00:50:03.700
<00:49:59.800>one. <00:49:59.940>So <00:50:00.080>in <00:50:00.220>case <00:50:00.360>you're <00:50:00.500>never <00:50:00.640>feel <00:50:00.780>bad <00:50:00.920>about <00:50:01.060>Googling, <00:50:01.200>um,

947
00:50:03.700 --> 00:50:08.100
<00:50:03.700>there <00:50:03.827>is <00:50:03.954>a <00:50:04.081>thing <00:50:04.209>called <00:50:04.336>the <00:50:04.463>eight <00:50:04.590>point <00:50:04.718>grid <00:50:04.845>system. <00:50:04.972>Thank <00:50:05.100>you

948
00:50:08.100 --> 00:50:10.000
<00:50:08.100>for <00:50:08.255>researching <00:50:08.411>my <00:50:08.566>screen. <00:50:08.722>I <00:50:08.877>kind <00:50:09.033>of <00:50:09.188>forgot <00:50:09.344>about <00:50:09.500>that.

949
00:50:11.900 --> 00:50:15.800
<00:50:11.900>And <00:50:12.027>that <00:50:12.154>involves <00:50:12.281>using <00:50:12.409>multiples <00:50:12.536>of <00:50:12.663>eight <00:50:12.790>to <00:50:12.918>kind <00:50:13.045>of <00:50:13.172>set <00:50:13.300>up

950
00:50:15.500 --> 00:50:19.100
<00:50:15.500>a <00:50:15.675>basic <00:50:15.850>layout <00:50:16.025>for <00:50:16.200>your <00:50:16.375>padding <00:50:16.550>your <00:50:16.725>margins <00:50:16.900>Etc.

951
00:50:18.900 --> 00:50:22.600
<00:50:18.900>I <00:50:19.055>would <00:50:19.211>say <00:50:19.366>start <00:50:19.522>here <00:50:19.677>if <00:50:19.833>you're <00:50:19.988>not <00:50:20.144>a <00:50:20.300>hundred

952
00:50:22.500 --> 00:50:26.100
<00:50:22.500>percent <00:50:22.627>sure <00:50:22.754>if <00:50:22.881>you're <00:50:23.009>not <00:50:23.136>feeling <00:50:23.263>like <00:50:23.390>confident <00:50:23.518>or <00:50:23.645>comfortable <00:50:23.772>defining <00:50:23.900>it

953
00:50:26.000 --> 00:50:29.600
<00:50:26.000>yourself, <00:50:26.280>but <00:50:26.560>also <00:50:26.840>if <00:50:27.120>you're <00:50:27.400>design

954
00:50:29.000 --> 00:50:32.100
<00:50:29.000>needs <00:50:29.233>something <00:50:29.466>else, <00:50:29.700>I <00:50:29.933>always <00:50:30.166>hesitate <00:50:30.400>to

955
00:50:32.000 --> 00:50:36.100
<00:50:32.000>suggest <00:50:32.200>like <00:50:32.400>these <00:50:32.600>kinds <00:50:32.800>of <00:50:33.000>set <00:50:33.200>grid <00:50:33.400>systems

956
00:50:35.800 --> 00:50:39.400
<00:50:35.800>because <00:50:35.927>there's <00:50:36.054>always <00:50:36.181>going <00:50:36.309>to <00:50:36.436>be <00:50:36.563>exceptions <00:50:36.690>to <00:50:36.818>the <00:50:36.945>rule. <00:50:37.072>Okay, <00:50:37.200>you're

957
00:50:38.900 --> 00:50:42.200
<00:50:38.900>always <00:50:39.133>gonna <00:50:39.366>really <00:50:39.600>yeah, <00:50:39.833>you're <00:50:40.066>gonna <00:50:40.300>run

958
00:50:42.100 --> 00:50:45.400
<00:50:42.100>into <00:50:42.216>an <00:50:42.333>element <00:50:42.450>that <00:50:42.566>needs <00:50:42.683>a <00:50:42.799>little <00:50:42.916>more <00:50:43.033>space <00:50:43.150>or <00:50:43.266>it's <00:50:43.383>maybe <00:50:43.500>this

959
00:50:45.200 --> 00:50:49.000
<00:50:45.200>feels <00:50:45.327>really <00:50:45.454>big <00:50:45.581>and <00:50:45.709>you <00:50:45.836>want <00:50:45.963>to <00:50:46.090>tighten <00:50:46.218>things <00:50:46.345>up. <00:50:46.472>So <00:50:46.600>maybe

960
00:50:48.800 --> 00:50:52.400
<00:50:48.800>use <00:50:48.916>this <00:50:49.033>as <00:50:49.150>a <00:50:49.266>jumping <00:50:49.383>off <00:50:49.500>point. <00:50:49.616>It's <00:50:49.733>a <00:50:49.850>good <00:50:49.966>way <00:50:50.083>like <00:50:50.200>it's

961
00:50:52.200 --> 00:50:56.100
<00:50:52.200>a <00:50:52.399>good <00:50:52.600>proportion <00:50:52.799>at <00:50:53.000>scaling <00:50:53.200>method, <00:50:53.399>but <00:50:53.600>it

962
00:50:55.800 --> 00:50:58.100
<00:50:55.800>don't <00:50:56.033>feel <00:50:56.266>don't <00:50:56.500>feel <00:50:56.733>Bound <00:50:56.966>by <00:50:57.200>it.

963
00:51:00.900 --> 00:51:01.500
<00:51:00.900>All <00:51:01.440>right.

964
00:51:02.800 --> 00:51:03.100
and

965
00:51:06.000 --> 00:51:09.800
<00:51:06.000>oh <00:51:06.175>this <00:51:06.350>we <00:51:06.525>already <00:51:06.700>had <00:51:06.875>it <00:51:07.050>isn't <00:51:07.225>symmetrical <00:51:07.400>and

966
00:51:09.700 --> 00:51:13.400
<00:51:09.700>balanced <00:51:09.980>rather <00:51:10.259>boring <00:51:10.540>and <00:51:10.819>it <00:51:11.100>doesn't

967
00:51:13.300 --> 00:51:16.500
<00:51:13.300>doesn't <00:51:13.455>give <00:51:13.611>a <00:51:13.766>guidance <00:51:13.922>through <00:51:14.077>the <00:51:14.233>page <00:51:14.388>for <00:51:14.544>the <00:51:14.700>reader.

968
00:51:18.000 --> 00:51:21.000
<00:51:18.000>Whether <00:51:18.200>it's <00:51:18.400>pouring <00:51:18.600>or <00:51:18.800>not <00:51:19.000>is <00:51:19.200>subjective. <00:51:19.400>Um,

969
00:51:21.000 --> 00:51:24.200
<00:51:21.000>but <00:51:21.155>objectively <00:51:21.311>I <00:51:21.466>can <00:51:21.622>tell <00:51:21.777>you <00:51:21.933>that. <00:51:22.088>Yes, <00:51:22.244>it <00:51:22.400>will

970
00:51:24.000 --> 00:51:26.600
<00:51:24.000>give <00:51:24.155>you <00:51:24.311>guidance <00:51:24.466>throughout <00:51:24.622>the <00:51:24.777>page <00:51:24.933>for <00:51:25.088>the <00:51:25.244>reader. <00:51:25.400>Um,

971
00:51:27.600 --> 00:51:30.600
<00:51:27.600>that <00:51:27.799>part <00:51:28.000>will <00:51:28.200>work <00:51:28.400>generally <00:51:28.600>pretty <00:51:28.799>well. <00:51:29.000>So

972
00:51:31.900 --> 00:51:35.000
<00:51:31.900>in <00:51:32.040>general <00:51:32.180>when <00:51:32.320>a <00:51:32.460>reader <00:51:32.600>looks <00:51:32.740>at <00:51:32.880>the <00:51:33.020>page, <00:51:33.160>they're <00:51:33.300>going

973
00:51:34.900 --> 00:51:39.100
<00:51:34.900>to <00:51:35.007>scan <00:51:35.115>it <00:51:35.223>in <00:51:35.330>a <00:51:35.438>z <00:51:35.546>pattern <00:51:35.653>the <00:51:35.761>go <00:51:35.869>across <00:51:35.976>the <00:51:36.084>top <00:51:36.192>go <00:51:36.300>diagonal

974
00:51:38.400 --> 00:51:42.100
<00:51:38.400>across <00:51:38.527>the <00:51:38.654>page <00:51:38.781>and <00:51:38.909>they'll <00:51:39.036>go <00:51:39.163>along <00:51:39.290>the <00:51:39.418>bottom, <00:51:39.545>right? <00:51:39.672>And <00:51:39.800>that's

975
00:51:41.900 --> 00:51:45.700
<00:51:41.900>why <00:51:42.027>we <00:51:42.154>see <00:51:42.281>so <00:51:42.409>many <00:51:42.536>layouts <00:51:42.663>that <00:51:42.790>are <00:51:42.918>like <00:51:43.045>header <00:51:43.172>big <00:51:43.300>attention

976
00:51:45.600 --> 00:51:49.100
<00:51:45.600>grabbing <00:51:45.755>thing <00:51:45.911>in <00:51:46.066>the <00:51:46.222>middle <00:51:46.377>footer <00:51:46.533>right <00:51:46.688>and <00:51:46.844>that <00:51:47.000>Z

977
00:51:48.700 --> 00:51:52.100
<00:51:48.700>pattern <00:51:48.855>it <00:51:49.011>works <00:51:49.166>the <00:51:49.322>same <00:51:49.477>even <00:51:49.633>if <00:51:49.788>we're <00:51:49.944>in <00:51:50.100>a

978
00:51:52.000 --> 00:51:55.200
<00:51:52.000>like <00:51:52.116>a <00:51:52.233>right <00:51:52.350>to <00:51:52.466>left <00:51:52.583>language <00:51:52.700>the <00:51:52.816>Z <00:51:52.933>will <00:51:53.050>just <00:51:53.166>reverse <00:51:53.283>let's <00:51:53.400>start

979
00:51:56.000 --> 00:51:59.200
<00:51:56.000>on <00:51:56.155>the <00:51:56.311>other <00:51:56.466>side <00:51:56.622>and <00:51:56.777>z <00:51:56.933>in <00:51:57.088>a <00:51:57.244>mirror, <00:51:57.400>so

980
00:52:01.000 --> 00:52:04.300
<00:52:01.000>So <00:52:01.155>using <00:52:01.311>symmetry <00:52:01.466>having <00:52:01.622>something <00:52:01.777>that <00:52:01.933>is <00:52:02.088>perfectly <00:52:02.244>balanced <00:52:02.400>is

981
00:52:04.100 --> 00:52:07.500
<00:52:04.100>never <00:52:04.275>going <00:52:04.450>to <00:52:04.625>disrupt <00:52:04.799>your <00:52:04.975>like <00:52:05.150>readability. <00:52:05.325>It's <00:52:05.500>not

982
00:52:07.300 --> 00:52:11.100
<00:52:07.300>gonna <00:52:07.500>leave <00:52:07.700>people <00:52:07.900>like <00:52:08.100>floundering <00:52:08.300>and <00:52:08.500>because <00:52:08.700>that

983
00:52:10.900 --> 00:52:14.300
<00:52:10.900>I <00:52:11.027>mean, <00:52:11.154>they're <00:52:11.281>gonna <00:52:11.409>get <00:52:11.536>everything <00:52:11.663>in <00:52:11.790>that <00:52:11.918>scan <00:52:12.045>and <00:52:12.172>where <00:52:12.300>we

984
00:52:13.900 --> 00:52:17.400
<00:52:13.900>place <00:52:14.250>the <00:52:14.600>the <00:52:14.950>larger <00:52:15.300>items

985
00:52:17.000 --> 00:52:20.400
<00:52:17.000>or <00:52:17.100>the <00:52:17.200>things <00:52:17.300>that <00:52:17.400>have <00:52:17.500>more <00:52:17.600>visual <00:52:17.700>weight <00:52:17.800>that <00:52:17.900>we <00:52:18.000>want <00:52:18.100>to <00:52:18.200>draw <00:52:18.300>people's <00:52:18.400>attention

986
00:52:20.300 --> 00:52:24.100
<00:52:20.300>to <00:52:20.475>that's <00:52:20.650>how <00:52:20.825>we <00:52:21.000>guide <00:52:21.175>them <00:52:21.350>right <00:52:21.525>whether <00:52:21.700>Superior

987
00:52:23.500 --> 00:52:27.300
<00:52:23.500>is <00:52:23.850>boring. <00:52:24.200>It's <00:52:24.550>anyone's <00:52:24.900>opinion

988
00:52:27.200 --> 00:52:29.100
<00:52:27.200>right <00:52:27.899>you <00:52:28.600>so

989
00:52:30.400 --> 00:52:31.200
Okay.

990
00:52:32.500 --> 00:52:36.700
<00:52:32.500>And <00:52:32.675>the <00:52:32.850>next <00:52:33.025>one <00:52:33.200>how <00:52:33.375>can <00:52:33.550>developers <00:52:33.725>balance <00:52:33.900>functionality

991
00:52:36.200 --> 00:52:39.000
<00:52:36.200>with <00:52:36.549>Aesthetics <00:52:36.899>in <00:52:37.250>the <00:52:37.600>design?

992
00:52:40.200 --> 00:52:43.700
<00:52:40.200>I <00:52:40.399>would <00:52:40.600>argue <00:52:40.799>you <00:52:41.000>don't <00:52:41.200>have <00:52:41.399>to <00:52:41.600>balance

993
00:52:43.300 --> 00:52:46.600
<00:52:43.300>it <00:52:43.533>because <00:52:43.766>having <00:52:44.000>a <00:52:44.233>good <00:52:44.466>design <00:52:44.700>is

994
00:52:46.300 --> 00:52:49.700
<00:52:46.300>going <00:52:46.455>to <00:52:46.611>make <00:52:46.766>it <00:52:46.922>more <00:52:47.077>functional. <00:52:47.233>Right <00:52:47.388>and <00:52:47.544>if <00:52:47.700>you

995
00:52:49.300 --> 00:52:53.100
<00:52:49.300>feel <00:52:49.475>like <00:52:49.650>you're <00:52:49.825>Aesthetics <00:52:50.000>are <00:52:50.175>distracting <00:52:50.350>from <00:52:50.525>functionality. <00:52:50.700>That

996
00:52:52.400 --> 00:52:55.900
<00:52:52.400>means <00:52:52.600>it's <00:52:52.800>not <00:52:53.000>a <00:52:53.200>good <00:52:53.400>design. <00:52:53.600>Yeah, <00:52:53.800>and

997
00:52:55.600 --> 00:52:59.000
<00:52:55.600>I <00:52:55.740>see <00:52:55.880>that <00:52:56.020>in <00:52:56.160>like <00:52:56.299>in <00:52:56.440>a <00:52:56.580>kind <00:52:56.720>way, <00:52:56.860>but <00:52:57.000>you

998
00:52:58.800 --> 00:53:02.100
<00:52:58.800>should <00:52:58.887>never <00:52:58.975>feel <00:52:59.062>like <00:52:59.150>you <00:52:59.237>have <00:52:59.325>to <00:52:59.412>choose <00:52:59.500>between <00:52:59.587>something <00:52:59.675>that <00:52:59.762>looks <00:52:59.850>good <00:52:59.937>and <00:53:00.025>something <00:53:00.112>that <00:53:00.200>works.

999
00:53:01.800 --> 00:53:05.800
<00:53:01.800>Well <00:53:02.000>because <00:53:02.200>something <00:53:02.400>that <00:53:02.600>looks <00:53:02.800>good <00:53:03.000>is <00:53:03.200>also

1000
00:53:05.400 --> 00:53:09.400
<00:53:05.400>going <00:53:05.680>to <00:53:05.960>work. <00:53:06.240>Well <00:53:06.520>so <00:53:06.800>great

1001
00:53:08.400 --> 00:53:12.300
<00:53:08.400>like <00:53:08.540>a <00:53:08.680>good <00:53:08.820>design <00:53:08.960>is <00:53:09.100>going <00:53:09.240>to <00:53:09.380>help <00:53:09.520>our <00:53:09.660>our <00:53:09.800>users

1002
00:53:12.000 --> 00:53:15.100
<00:53:12.000>do <00:53:12.107>what <00:53:12.215>they <00:53:12.323>want <00:53:12.430>to <00:53:12.538>do <00:53:12.646>more <00:53:12.753>effectively. <00:53:12.861>It's <00:53:12.969>gonna <00:53:13.076>guide <00:53:13.184>them <00:53:13.292>to <00:53:13.400>the

1003
00:53:15.000 --> 00:53:19.300
<00:53:15.000>parts <00:53:15.107>of <00:53:15.215>the <00:53:15.323>page <00:53:15.430>that <00:53:15.538>are <00:53:15.646>most <00:53:15.753>important <00:53:15.861>and <00:53:15.969>it's <00:53:16.076>gonna <00:53:16.184>make <00:53:16.292>our <00:53:16.400>applications

1004
00:53:18.800 --> 00:53:22.500
<00:53:18.800>feel <00:53:18.975>more <00:53:19.150>intuitive. <00:53:19.325>So <00:53:19.500>I <00:53:19.675>would <00:53:19.850>say <00:53:20.025>that's <00:53:20.200>kind

1005
00:53:22.300 --> 00:53:25.600
<00:53:22.300>of <00:53:22.427>the <00:53:22.554>design <00:53:22.681>equivalent <00:53:22.809>of <00:53:22.936>like <00:53:23.063>a <00:53:23.190>code <00:53:23.318>smell <00:53:23.445>right? <00:53:23.572>It's <00:53:23.700>like

1006
00:53:26.600 --> 00:53:31.000
<00:53:26.600>If <00:53:26.755>you <00:53:26.911>feel <00:53:27.066>you <00:53:27.222>have <00:53:27.377>to <00:53:27.533>choose <00:53:27.688>then <00:53:27.844>something <00:53:28.000>something's

1007
00:53:30.200 --> 00:53:31.100
off.

1008
00:53:33.200 --> 00:53:33.600
Okay.

1009
00:53:35.000 --> 00:53:38.300
<00:53:35.000>Yeah, <00:53:35.093>what <00:53:35.186>else <00:53:35.280>do <00:53:35.373>we <00:53:35.466>have <00:53:35.560>here? <00:53:35.653>Do <00:53:35.746>you <00:53:35.840>have <00:53:35.933>some <00:53:36.026>ideas <00:53:36.120>and <00:53:36.213>how <00:53:36.306>to <00:53:36.400>use

1010
00:53:38.100 --> 00:53:42.700
<00:53:38.100>this <00:53:38.299>knowledge <00:53:38.500>to <00:53:38.700>build <00:53:38.900>a <00:53:39.100>beautiful <00:53:39.299>CV. <00:53:39.500>We

1011
00:53:41.800 --> 00:53:45.300
<00:53:41.800>also <00:53:41.975>had <00:53:42.150>another <00:53:42.325>question <00:53:42.500>about <00:53:42.675>the <00:53:42.850>CV <00:53:43.025>What <00:53:43.200>colors

1012
00:53:44.900 --> 00:53:47.000
<00:53:44.900>would <00:53:45.250>you <00:53:45.600>recommend <00:53:45.950>for <00:53:46.300>CV?

1013
00:53:49.300 --> 00:53:52.700
<00:53:49.300>Let's <00:53:49.475>see. <00:53:49.650>Well <00:53:49.825>in <00:53:50.000>terms <00:53:50.175>of <00:53:50.350>using <00:53:50.525>this <00:53:50.700>knowledge,

1014
00:53:52.300 --> 00:53:56.400
<00:53:52.300>I <00:53:52.500>would <00:53:52.700>start <00:53:52.900>by <00:53:53.100>thinking <00:53:53.300>about <00:53:53.500>that <00:53:53.700>hierarchy

1015
00:53:55.800 --> 00:53:59.100
<00:53:55.800>that <00:53:55.916>we <00:53:56.033>talked <00:53:56.150>about <00:53:56.266>right <00:53:56.383>because <00:53:56.500>a <00:53:56.616>lot <00:53:56.733>of <00:53:56.850>times <00:53:56.966>with <00:53:57.083>a <00:53:57.200>CV

1016
00:53:58.900 --> 00:54:02.700
<00:53:58.900>you <00:53:59.016>are <00:53:59.133>trying <00:53:59.250>to <00:53:59.366>do <00:53:59.483>is <00:53:59.600>present <00:53:59.716>a <00:53:59.833>lot <00:53:59.950>of <00:54:00.066>information <00:54:00.183>and <00:54:00.300>limited

1017
00:54:02.100 --> 00:54:06.100
<00:54:02.100>space <00:54:02.207>and <00:54:02.315>you <00:54:02.423>want <00:54:02.530>to <00:54:02.638>prioritize <00:54:02.746>the <00:54:02.853>stuff <00:54:02.961>that <00:54:03.069>is <00:54:03.176>most <00:54:03.284>important <00:54:03.392>great. <00:54:03.500>So

1018
00:54:05.700 --> 00:54:08.900
<00:54:05.700>we <00:54:05.839>think <00:54:05.980>about <00:54:06.120>starting <00:54:06.259>at <00:54:06.399>the <00:54:06.540>top <00:54:06.680>of <00:54:06.819>the <00:54:06.960>page <00:54:07.100>and

1019
00:54:08.700 --> 00:54:12.000
<00:54:08.700>skimming <00:54:08.933>down. <00:54:09.166>We <00:54:09.399>want <00:54:09.633>to <00:54:09.866>place <00:54:10.100>things

1020
00:54:11.700 --> 00:54:15.100
<00:54:11.700>that <00:54:11.855>are <00:54:12.011>most <00:54:12.166>important <00:54:12.322>largest <00:54:12.477>at <00:54:12.633>the <00:54:12.788>top <00:54:12.944>and <00:54:13.100>then

1021
00:54:14.900 --> 00:54:18.900
<00:54:14.900>kind <00:54:15.007>of <00:54:15.115>work <00:54:15.223>our <00:54:15.330>way <00:54:15.438>down. <00:54:15.546>So <00:54:15.653>think <00:54:15.761>about <00:54:15.869>the <00:54:15.976>things <00:54:16.084>that <00:54:16.192>you're <00:54:16.300>most

1022
00:54:18.300 --> 00:54:21.900
<00:54:18.300>proud <00:54:18.416>of <00:54:18.533>or <00:54:18.650>things <00:54:18.766>that <00:54:18.883>you <00:54:19.000>think <00:54:19.116>are <00:54:19.233>most <00:54:19.350>likely <00:54:19.466>to <00:54:19.583>appeal <00:54:19.700>to

1023
00:54:21.600 --> 00:54:24.200
<00:54:21.600>whoever <00:54:21.950>is <00:54:22.299>reviewing <00:54:22.650>this <00:54:23.000>CV.

1024
00:54:24.900 --> 00:54:29.000
<00:54:24.900>For <00:54:25.007>those <00:54:25.115>at <00:54:25.223>the <00:54:25.330>top, <00:54:25.438>right <00:54:25.546>your <00:54:25.653>contact <00:54:25.761>information <00:54:25.869>at <00:54:25.976>the <00:54:26.084>top <00:54:26.192>your <00:54:26.300>most

1025
00:54:28.900 --> 00:54:32.700
<00:54:28.900>impressive <00:54:29.100>credentials <00:54:29.300>at <00:54:29.500>the <00:54:29.700>top <00:54:29.900>larger. <00:54:30.100>They're <00:54:30.300>great

1026
00:54:32.500 --> 00:54:33.700
<00:54:32.500>and <00:54:32.860>then <00:54:33.220>kind <00:54:33.580>of

1027
00:54:35.700 --> 00:54:39.900
<00:54:35.700>placing <00:54:35.839>things <00:54:35.980>down <00:54:36.120>the <00:54:36.259>page <00:54:36.399>in <00:54:36.540>a <00:54:36.680>way <00:54:36.819>that <00:54:36.960>scales <00:54:37.100>them.

1028
00:54:42.400 --> 00:54:45.700
<00:54:42.400>To <00:54:42.540>reflect <00:54:42.680>their <00:54:42.820>relevance, <00:54:42.960>right? <00:54:43.100>So <00:54:43.240>you <00:54:43.380>might <00:54:43.520>want <00:54:43.660>to <00:54:43.800>include

1029
00:54:45.400 --> 00:54:49.000
<00:54:45.400>your <00:54:45.750>college <00:54:46.100>gpa <00:54:46.450>side <00:54:46.800>of

1030
00:54:48.800 --> 00:54:49.700
<00:54:48.800>bad <00:54:49.070>thing <00:54:49.340>to <00:54:49.609>include.

1031
00:54:50.500 --> 00:54:53.800
<00:54:50.500>It's <00:54:50.593>probably <00:54:50.686>not <00:54:50.780>a <00:54:50.873>make <00:54:50.966>or <00:54:51.060>break <00:54:51.153>great, <00:54:51.246>especially <00:54:51.340>the <00:54:51.433>further <00:54:51.526>away <00:54:51.620>you <00:54:51.713>get <00:54:51.806>from <00:54:51.900>college.

1032
00:54:53.600 --> 00:54:57.700
<00:54:53.600>So <00:54:54.299>so <00:54:55.000>right

1033
00:54:57.200 --> 00:55:00.700
<00:54:57.200>like <00:54:57.375>yeah, <00:54:57.549>you <00:54:57.725>might <00:54:57.899>want <00:54:58.075>to <00:54:58.250>include <00:54:58.424>your <00:54:58.600>degree

1034
00:55:00.200 --> 00:55:03.700
<00:55:00.200>in <00:55:00.375>a <00:55:00.549>bigger <00:55:00.725>font. <00:55:00.899>But <00:55:01.075>like <00:55:01.250>your <00:55:01.424>GPA <00:55:01.600>maybe

1035
00:55:03.400 --> 00:55:06.700
<00:55:03.400>that's <00:55:03.507>not <00:55:03.615>important <00:55:03.723>right <00:55:03.830>and <00:55:03.938>think <00:55:04.046>about <00:55:04.153>those <00:55:04.261>things <00:55:04.369>in <00:55:04.476>terms <00:55:04.584>of <00:55:04.692>importance <00:55:04.800>and

1036
00:55:06.500 --> 00:55:11.200
<00:55:06.500>what <00:55:06.600>you <00:55:06.700>want <00:55:06.800>people <00:55:06.900>to <00:55:07.000>see <00:55:07.100>what <00:55:07.200>you <00:55:07.300>want <00:55:07.400>them <00:55:07.500>to <00:55:07.600>take <00:55:07.700>away <00:55:07.800>and <00:55:07.900>in

1037
00:55:11.000 --> 00:55:14.200
<00:55:11.000>terms <00:55:11.350>of <00:55:11.700>colors, <00:55:12.050>honestly, <00:55:12.400>I

1038
00:55:14.100 --> 00:55:17.200
<00:55:14.100>think <00:55:14.216>it <00:55:14.333>depends <00:55:14.450>I <00:55:14.566>think <00:55:14.683>it's <00:55:14.799>nice <00:55:14.916>to <00:55:15.033>have <00:55:15.150>a <00:55:15.266>color <00:55:15.383>that <00:55:15.500>kind

1039
00:55:17.200 --> 00:55:20.300
<00:55:17.200>of <00:55:17.433>Brands <00:55:17.666>you <00:55:17.899>right? <00:55:18.133>So <00:55:18.366>she's <00:55:18.600>the

1040
00:55:20.200 --> 00:55:23.500
<00:55:20.200>color <00:55:20.287>that <00:55:20.375>you <00:55:20.462>like <00:55:20.549>and <00:55:20.637>I <00:55:20.725>like <00:55:20.812>to <00:55:20.899>have <00:55:20.987>that <00:55:21.075>as <00:55:21.162>kind <00:55:21.250>of <00:55:21.337>a <00:55:21.424>Common <00:55:21.512>Thread. <00:55:21.600>So

1041
00:55:23.300 --> 00:55:26.800
<00:55:23.300>like <00:55:23.393>if <00:55:23.486>you <00:55:23.580>go <00:55:23.673>to <00:55:23.766>my <00:55:23.860>website, <00:55:23.953>you <00:55:24.046>see <00:55:24.140>the <00:55:24.233>same <00:55:24.326>color <00:55:24.420>as <00:55:24.513>you <00:55:24.606>go <00:55:24.700>as

1042
00:55:26.300 --> 00:55:29.600
<00:55:26.300>if <00:55:26.580>my <00:55:26.860>CV <00:55:27.140>right <00:55:27.420>and <00:55:27.700>it

1043
00:55:29.300 --> 00:55:33.100
<00:55:29.300>all <00:55:29.500>feels <00:55:29.700>kind <00:55:29.900>of <00:55:30.100>cohesive <00:55:30.300>and <00:55:30.500>thoughtful <00:55:30.700>and

1044
00:55:32.500 --> 00:55:34.700
<00:55:32.500>I <00:55:32.780>don't <00:55:33.060>think <00:55:33.340>any <00:55:33.620>colors <00:55:33.900>inherently.

1045
00:55:35.500 --> 00:55:39.300
<00:55:35.500>Better <00:55:35.655>or <00:55:35.811>worse <00:55:35.966>as <00:55:36.122>long <00:55:36.277>as <00:55:36.433>it's <00:55:36.588>readable, <00:55:36.744>that's <00:55:36.900>great.

1046
00:55:39.000 --> 00:55:42.200
<00:55:39.000>So <00:55:39.127>maybe <00:55:39.254>not <00:55:39.381>like <00:55:39.509>a <00:55:39.636>neon <00:55:39.763>yellow <00:55:39.890>there <00:55:40.018>would <00:55:40.145>be <00:55:40.272>hard <00:55:40.400>to

1047
00:55:42.000 --> 00:55:43.700
<00:55:42.000>read <00:55:42.280>on <00:55:42.560>white <00:55:42.840>but <00:55:43.120>beyond <00:55:43.400>that.

1048
00:55:45.900 --> 00:55:48.000
<00:55:45.900>Okay, <00:55:46.366>cool. <00:55:46.833>What <00:55:47.300>else?

1049
00:55:49.600 --> 00:55:52.700
<00:55:49.600>top <00:55:49.799>five <00:55:50.000>things <00:55:50.200>to <00:55:50.400>avoid <00:55:50.600>while <00:55:50.799>designing <00:55:51.000>websites

1050
00:55:54.300 --> 00:55:58.400
<00:55:54.300>Oh <00:55:54.766>probably <00:55:55.233>clutter. <00:55:55.700>Let's

1051
00:55:57.500 --> 00:56:00.600
<00:55:57.500>see. <00:55:57.850>Yeah, <00:55:58.200>I <00:55:58.550>want <00:55:58.900>to

1052
00:56:00.600 --> 00:56:04.600
<00:56:00.600>say <00:56:00.755>small <00:56:00.911>text <00:56:01.066>right? <00:56:01.222>Because <00:56:01.377>I <00:56:01.533>feel <00:56:01.688>like <00:56:01.844>you <00:56:02.000>say

1053
00:56:04.300 --> 00:56:07.700
<00:56:04.300>it's <00:56:04.440>a <00:56:04.580>personal <00:56:04.720>blog <00:56:04.860>readability <00:56:05.000>then <00:56:05.140>has <00:56:05.280>to <00:56:05.420>be <00:56:05.560>for <00:56:05.700>a

1054
00:56:07.400 --> 00:56:08.500
<00:56:07.400>friend. <00:56:07.647>So <00:56:07.895>I <00:56:08.142>think <00:56:08.390>about

1055
00:56:09.300 --> 00:56:12.700
<00:56:09.300>What <00:56:09.500>typography <00:56:09.700>choices <00:56:09.900>you <00:56:10.100>can <00:56:10.300>make <00:56:10.500>to <00:56:10.700>make

1056
00:56:12.400 --> 00:56:15.900
<00:56:12.400>it <00:56:12.555>as <00:56:12.711>easy <00:56:12.866>as <00:56:13.022>possible <00:56:13.177>for <00:56:13.333>people <00:56:13.488>to <00:56:13.644>read <00:56:13.800>the

1057
00:56:15.700 --> 00:56:18.800
<00:56:15.700>content <00:56:15.827>that <00:56:15.954>you're <00:56:16.081>posting. <00:56:16.209>So <00:56:16.336>think <00:56:16.463>about <00:56:16.590>font <00:56:16.718>size <00:56:16.845>think <00:56:16.972>about <00:56:17.100>it

1058
00:56:18.700 --> 00:56:22.400
<00:56:18.700>and <00:56:18.899>the <00:56:19.100>type <00:56:19.299>style <00:56:19.500>and <00:56:19.700>how <00:56:19.899>readability <00:56:20.100>is

1059
00:56:22.300 --> 00:56:25.800
<00:56:22.300>don't <00:56:22.475>choose <00:56:22.650>the <00:56:22.825>typeface <00:56:23.000>that's <00:56:23.175>distracting <00:56:23.350>or <00:56:23.525>difficult <00:56:23.700>to

1060
00:56:25.600 --> 00:56:29.400
<00:56:25.600>read <00:56:25.880>or <00:56:26.160>legible, <00:56:26.440>um <00:56:26.720>clutter. <00:56:27.000>I

1061
00:56:29.200 --> 00:56:32.700
<00:56:29.200>think <00:56:29.316>you <00:56:29.433>make <00:56:29.549>a <00:56:29.666>really <00:56:29.783>good <00:56:29.899>point <00:56:30.016>in <00:56:30.133>terms <00:56:30.250>of <00:56:30.366>like <00:56:30.483>again <00:56:30.600>think

1062
00:56:32.200 --> 00:56:35.300
<00:56:32.200>about <00:56:32.327>how <00:56:32.454>like <00:56:32.581>a <00:56:32.709>magazine <00:56:32.836>is <00:56:32.963>laid <00:56:33.090>out, <00:56:33.218>right <00:56:33.345>and <00:56:33.472>when <00:56:33.600>you

1063
00:56:35.200 --> 00:56:38.600
<00:56:35.200>have <00:56:35.433>it <00:56:35.666>open, <00:56:35.899>there's <00:56:36.133>like <00:56:36.366>often <00:56:36.600>a

1064
00:56:38.200 --> 00:56:41.700
<00:56:38.200>column <00:56:38.307>of <00:56:38.415>text <00:56:38.523>and <00:56:38.630>there's <00:56:38.738>plenty <00:56:38.846>of <00:56:38.953>white <00:56:39.061>space <00:56:39.169>on <00:56:39.276>either <00:56:39.384>side <00:56:39.492>you're <00:56:39.600>thinking

1065
00:56:41.400 --> 00:56:44.700
<00:56:41.400>about <00:56:41.493>like <00:56:41.586>a <00:56:41.680>nice, <00:56:41.773>you <00:56:41.866>know, <00:56:41.960>looking <00:56:42.053>like <00:56:42.146>a <00:56:42.240>nice <00:56:42.333>magazine <00:56:42.426>like <00:56:42.520>a <00:56:42.613>folk <00:56:42.706>or <00:56:42.800>something

1066
00:56:44.500 --> 00:56:47.500
<00:56:44.500>right? <00:56:44.780>Like <00:56:45.060>because <00:56:45.340>you <00:56:45.620>want <00:56:45.900>to

1067
00:56:47.500 --> 00:56:50.700
<00:56:47.500>give <00:56:47.675>people <00:56:47.850>space <00:56:48.025>to <00:56:48.200>read <00:56:48.375>and <00:56:48.550>breathe. <00:56:48.725>We <00:56:48.900>also

1068
00:56:50.500 --> 00:56:53.900
<00:56:50.500>know <00:56:50.733>there's <00:56:50.966>some <00:56:51.200>guidelines <00:56:51.433>that <00:56:51.666>exist <00:56:51.900>around

1069
00:56:53.600 --> 00:56:56.900
<00:56:53.600>trying <00:56:53.716>to <00:56:53.833>remember <00:56:53.950>exactly <00:56:54.066>what <00:56:54.183>they <00:56:54.299>are. <00:56:54.416>I <00:56:54.533>want <00:56:54.650>to <00:56:54.766>say <00:56:54.883>it's <00:56:55.000>like

1070
00:56:58.500 --> 00:57:02.100
<00:56:58.500>it's <00:56:58.640>like <00:56:58.780>a <00:56:58.920>hundred <00:56:59.060>or <00:56:59.200>120 <00:56:59.340>characters <00:56:59.480>is <00:56:59.620>the <00:56:59.760>furthest <00:56:59.900>our

1071
00:57:01.800 --> 00:57:05.600
<00:57:01.800>eye <00:57:01.975>can <00:57:02.150>read <00:57:02.325>without <00:57:02.500>starting <00:57:02.675>to <00:57:02.850>get <00:57:03.025>distracted. <00:57:03.200>Right?

1072
00:57:05.100 --> 00:57:08.500
<00:57:05.100>So, <00:57:05.255>yeah, <00:57:05.411>really <00:57:05.566>when <00:57:05.722>we <00:57:05.877>have <00:57:06.033>lots <00:57:06.188>of <00:57:06.344>little <00:57:06.500>line

1073
00:57:08.100 --> 00:57:11.500
<00:57:08.100>breaks <00:57:08.255>we <00:57:08.411>get <00:57:08.566>distracted <00:57:08.722>because <00:57:08.877>we <00:57:09.033>have <00:57:09.188>to <00:57:09.344>actually <00:57:09.500>the

1074
00:57:11.100 --> 00:57:14.800
<00:57:11.100>sentence <00:57:11.227>breaks <00:57:11.354>so <00:57:11.481>often <00:57:11.609>it <00:57:11.736>breaks <00:57:11.863>our <00:57:11.990>thoughts <00:57:12.118>but <00:57:12.245>also <00:57:12.372>text <00:57:12.500>that

1075
00:57:14.600 --> 00:57:18.100
<00:57:14.600>goes <00:57:14.727>really <00:57:14.854>really <00:57:14.981>wide <00:57:15.109>we <00:57:15.236>tend <00:57:15.363>to <00:57:15.490>lose <00:57:15.618>our <00:57:15.745>place <00:57:15.872>when <00:57:16.000>our

1076
00:57:17.700 --> 00:57:19.800
<00:57:17.700>eyes <00:57:18.049>have <00:57:18.399>to <00:57:18.750>go <00:57:19.100>like

1077
00:57:20.900 --> 00:57:24.800
<00:57:20.900>All <00:57:21.133>the <00:57:21.366>way <00:57:21.600>exactly <00:57:21.833>and <00:57:22.066>so <00:57:22.300>I'd

1078
00:57:24.300 --> 00:57:27.400
<00:57:24.300>think <00:57:24.475>about <00:57:24.650>that. <00:57:24.825>Yeah, <00:57:25.000>I <00:57:25.175>mean <00:57:25.350>even <00:57:25.525>right <00:57:25.700>in

1079
00:57:27.300 --> 00:57:30.000
<00:57:27.300>the <00:57:27.440>website <00:57:27.580>we <00:57:27.720>were <00:57:27.860>looking <00:57:28.000>at <00:57:28.140>with <00:57:28.280>the <00:57:28.420>grid <00:57:28.560>system <00:57:28.700>thing.

1080
00:57:30.500 --> 00:57:34.000
<00:57:30.500>Huge <00:57:30.655>amounts <00:57:30.811>of <00:57:30.966>white <00:57:31.122>space <00:57:31.277>right? <00:57:31.433>So <00:57:31.588>like <00:57:31.744>look <00:57:31.900>at

1081
00:57:33.800 --> 00:57:37.200
<00:57:33.800>all <00:57:33.907>this <00:57:34.015>look <00:57:34.123>at <00:57:34.230>all <00:57:34.338>this. <00:57:34.446>Look <00:57:34.553>how <00:57:34.661>thin <00:57:34.769>this <00:57:34.876>is <00:57:34.984>even <00:57:35.092>if <00:57:35.200>I

1082
00:57:38.600 --> 00:57:41.700
<00:57:38.600>Make <00:57:38.755>this <00:57:38.911>much <00:57:39.066>bigger <00:57:39.222>that <00:57:39.377>column <00:57:39.533>of <00:57:39.688>text <00:57:39.844>is <00:57:40.000>not

1083
00:57:41.700 --> 00:57:42.600
<00:57:41.700>getting <00:57:42.105>any <00:57:42.509>lighter.

1084
00:57:43.500 --> 00:57:46.800
<00:57:43.500>So <00:57:43.655>think <00:57:43.811>about <00:57:43.966>that, <00:57:44.122>I <00:57:44.277>would <00:57:44.433>look <00:57:44.588>at <00:57:44.744>blog <00:57:44.900>sites

1085
00:57:46.600 --> 00:57:49.700
<00:57:46.600>that <00:57:46.673>you <00:57:46.747>like <00:57:46.821>and <00:57:46.894>I <00:57:46.968>would <00:57:47.042>see <00:57:47.115>what <00:57:47.189>they're <00:57:47.263>doing <00:57:47.336>and <00:57:47.410>I <00:57:47.484>bet <00:57:47.557>you <00:57:47.631>will <00:57:47.705>find <00:57:47.778>a <00:57:47.852>lot <00:57:47.926>of <00:57:48.000>it

1086
00:57:49.600 --> 00:57:53.000
<00:57:49.600>is <00:57:49.740>in <00:57:49.880>service <00:57:50.020>too <00:57:50.160>readability. <00:57:50.299>So <00:57:50.440>I <00:57:50.580>know <00:57:50.720>that <00:57:50.860>wasn't <00:57:51.000>five

1087
00:57:52.700 --> 00:57:55.700
<00:57:52.700>things. <00:57:52.855>I <00:57:53.011>just <00:57:53.166>kind <00:57:53.322>of <00:57:53.477>rambled. <00:57:53.633>Hopefully <00:57:53.788>that <00:57:53.944>was <00:57:54.100>helpful.

1088
00:57:57.800 --> 00:58:01.800
<00:57:57.800>Okay, <00:57:57.927>and <00:57:58.054>I <00:57:58.181>think <00:57:58.309>one <00:57:58.436>last <00:57:58.563>question <00:57:58.690>we <00:57:58.818>can <00:57:58.945>take <00:57:59.072>in <00:57:59.200>general.

1089
00:58:01.700 --> 00:58:03.700
<00:58:01.700>What <00:58:01.933>does <00:58:02.166>your <00:58:02.399>design <00:58:02.633>process <00:58:02.866>look <00:58:03.100>like?

1090
00:58:04.500 --> 00:58:06.000
<00:58:04.500>And <00:58:04.770>which <00:58:05.040>apps <00:58:05.310>do <00:58:05.580>you <00:58:05.850>use?

1091
00:58:06.500 --> 00:58:08.000
<00:58:06.500>this <00:58:06.770>is <00:58:07.040>a <00:58:07.310>good <00:58:07.580>question <00:58:07.850>and

1092
00:58:08.800 --> 00:58:12.800
<00:58:08.800>I <00:58:08.916>like <00:58:09.033>to <00:58:09.150>start <00:58:09.266>I <00:58:09.383>will <00:58:09.500>always <00:58:09.616>tell <00:58:09.733>people <00:58:09.850>to <00:58:09.966>start <00:58:10.083>and <00:58:10.200>designing

1093
00:58:11.900 --> 00:58:15.800
<00:58:11.900>on <00:58:12.133>paper <00:58:12.366>which <00:58:12.600>is <00:58:12.833>a <00:58:13.066>hot <00:58:13.300>take

1094
00:58:15.500 --> 00:58:19.300
<00:58:15.500>evidently <00:58:15.733>but <00:58:15.966>I <00:58:16.200>think <00:58:16.433>that <00:58:16.666>you'll <00:58:16.900>get

1095
00:58:19.200 --> 00:58:22.500
<00:58:19.200>much <00:58:19.316>further. <00:58:19.433>You <00:58:19.549>don't <00:58:19.666>have <00:58:19.783>to <00:58:19.899>be <00:58:20.016>a <00:58:20.133>good <00:58:20.250>artist <00:58:20.366>or <00:58:20.483>feel <00:58:20.600>like

1096
00:58:22.400 --> 00:58:25.900
<00:58:22.400>you <00:58:22.527>can <00:58:22.654>draw <00:58:22.781>well <00:58:22.909>because <00:58:23.036>guess <00:58:23.163>what <00:58:23.290>sites <00:58:23.418>are <00:58:23.545>mostly <00:58:23.672>rectangles <00:58:23.800>a

1097
00:58:25.500 --> 00:58:29.000
<00:58:25.500>very <00:58:25.655>shapes <00:58:25.811>and <00:58:25.966>sizes <00:58:26.122>really <00:58:26.277>it's <00:58:26.433>just <00:58:26.588>big <00:58:26.744>rectangles <00:58:26.900>a

1098
00:58:28.800 --> 00:58:32.300
<00:58:28.800>little <00:58:28.975>rectangles. <00:58:29.150>You <00:58:29.325>can <00:58:29.500>totally <00:58:29.675>do <00:58:29.850>that. <00:58:30.025>So <00:58:30.200>I

1099
00:58:32.200 --> 00:58:36.000
<00:58:32.200>would <00:58:32.399>start <00:58:32.600>on <00:58:32.799>paper <00:58:33.000>because <00:58:33.200>that <00:58:33.399>there's <00:58:33.600>something

1100
00:58:35.800 --> 00:58:39.700
<00:58:35.800>about <00:58:35.955>that <00:58:36.111>that <00:58:36.266>you <00:58:36.422>just <00:58:36.577>don't <00:58:36.733>feel <00:58:36.888>as <00:58:37.044>like <00:58:37.200>committed

1101
00:58:39.000 --> 00:58:41.900
<00:58:39.000>to <00:58:39.175>it. <00:58:39.350>I <00:58:39.525>found <00:58:39.700>that <00:58:39.875>when <00:58:40.050>you <00:58:40.225>open <00:58:40.400>up,

1102
00:58:42.600 --> 00:58:46.100
<00:58:42.600>The <00:58:42.727>food <00:58:42.854>shop <00:58:42.981>file <00:58:43.109>or <00:58:43.236>a <00:58:43.363>figma <00:58:43.490>file <00:58:43.618>or <00:58:43.745>whatever <00:58:43.872>your <00:58:44.000>design

1103
00:58:45.800 --> 00:58:49.400
<00:58:45.800>tool <00:58:45.955>of <00:58:46.111>choice <00:58:46.266>is <00:58:46.422>that <00:58:46.577>you <00:58:46.733>just <00:58:46.888>want <00:58:47.044>you <00:58:47.200>a

1104
00:58:48.900 --> 00:58:52.200
<00:58:48.900>you <00:58:49.007>get <00:58:49.115>really <00:58:49.223>distracted <00:58:49.330>by <00:58:49.438>the <00:58:49.546>small <00:58:49.653>choices <00:58:49.761>because <00:58:49.869>it <00:58:49.976>makes <00:58:50.084>you <00:58:50.192>choose <00:58:50.300>things

1105
00:58:52.000 --> 00:58:55.100
<00:58:52.000>like <00:58:52.127>a <00:58:52.254>typeface <00:58:52.381>right <00:58:52.509>away. <00:58:52.636>It <00:58:52.763>makes <00:58:52.890>you <00:58:53.018>sit <00:58:53.145>and <00:58:53.272>worry <00:58:53.400>about

1106
00:58:55.100 --> 00:58:58.300
<00:58:55.100>the <00:58:55.299>letting <00:58:55.500>and <00:58:55.700>the <00:58:55.900>margins <00:58:56.100>and <00:58:56.299>all <00:58:56.500>of

1107
00:58:58.100 --> 00:59:01.500
<00:58:58.100>that. <00:58:58.240>Whereas <00:58:58.380>if <00:58:58.520>you're <00:58:58.660>on <00:58:58.799>paper <00:58:58.940>you <00:58:59.080>can <00:58:59.220>think <00:58:59.360>big <00:58:59.500>picture

1108
00:59:01.200 --> 00:59:02.400
<00:59:01.200>more <00:59:01.740>easily. <00:59:02.280>Yeah.

1109
00:59:03.900 --> 00:59:07.200
<00:59:03.900>It <00:59:04.000>also <00:59:04.100>is <00:59:04.200>harder <00:59:04.300>to <00:59:04.400>just <00:59:04.500>like <00:59:04.600>I <00:59:04.700>don't <00:59:04.800>know <00:59:04.900>why <00:59:05.000>to <00:59:05.100>like <00:59:05.200>X <00:59:05.300>out

1110
00:59:07.100 --> 00:59:10.400
<00:59:07.100>and <00:59:07.240>close <00:59:07.380>a <00:59:07.520>file <00:59:07.660>and <00:59:07.799>lose <00:59:07.940>all <00:59:08.080>your <00:59:08.220>work. <00:59:08.360>There's <00:59:08.500>something

1111
00:59:10.100 --> 00:59:13.100
<00:59:10.100>that <00:59:10.227>feels <00:59:10.354>so <00:59:10.481>bad <00:59:10.609>about <00:59:10.736>that. <00:59:10.863>There's <00:59:10.990>like <00:59:11.118>ripping <00:59:11.245>a <00:59:11.372>page <00:59:11.500>out

1112
00:59:13.100 --> 00:59:17.200
<00:59:13.100>of <00:59:13.240>a <00:59:13.380>notebook <00:59:13.520>feels <00:59:13.660>way <00:59:13.799>less <00:59:13.940>risky. <00:59:14.080>And <00:59:14.220>yeah, <00:59:14.360>it <00:59:14.500>don't

1113
00:59:17.000 --> 00:59:20.400
<00:59:17.000>know <00:59:17.116>why <00:59:17.233>but <00:59:17.350>being <00:59:17.466>able <00:59:17.583>to <00:59:17.700>throw <00:59:17.816>away <00:59:17.933>those <00:59:18.050>early <00:59:18.166>designs <00:59:18.283>is <00:59:18.400>crucial

1114
00:59:20.200 --> 00:59:23.900
<00:59:20.200>because <00:59:20.327>your <00:59:20.454>first <00:59:20.581>few <00:59:20.709>are <00:59:20.836>probably <00:59:20.963>not <00:59:21.090>gonna <00:59:21.218>be <00:59:21.345>good. <00:59:21.472>My <00:59:21.600>first

1115
00:59:23.600 --> 00:59:26.700
<00:59:23.600>year <00:59:23.727>not <00:59:23.854>gonna <00:59:23.981>be <00:59:24.109>good <00:59:24.236>like <00:59:24.363>any <00:59:24.490>time <00:59:24.618>you're <00:59:24.745>starting. <00:59:24.872>There's <00:59:25.000>just

1116
00:59:26.600 --> 00:59:29.800
<00:59:26.600>leave <00:59:26.755>a <00:59:26.911>lot <00:59:27.066>of <00:59:27.222>time <00:59:27.377>for <00:59:27.533>not <00:59:27.688>like <00:59:27.844>choosing <00:59:28.000>the

1117
00:59:29.600 --> 00:59:33.100
<00:59:29.600>colors <00:59:29.755>and <00:59:29.911>the <00:59:30.066>margins <00:59:30.222>and <00:59:30.377>the <00:59:30.533>exactly <00:59:30.688>around <00:59:30.844>the <00:59:31.000>corners.

1118
00:59:33.800 --> 00:59:34.400
<00:59:33.800>So, <00:59:34.340>okay.

1119
00:59:35.200 --> 00:59:39.200
<00:59:35.200>Yeah, <00:59:35.307>I <00:59:35.415>was <00:59:35.523>a <00:59:35.630>start <00:59:35.738>on <00:59:35.846>paper <00:59:35.953>when <00:59:36.061>you're <00:59:36.169>ready <00:59:36.276>moved <00:59:36.384>to <00:59:36.492>design <00:59:36.600>software

1120
00:59:38.800 --> 00:59:43.600
<00:59:38.800>mine <00:59:38.975>of <00:59:39.150>choices <00:59:39.325>Sigma <00:59:39.500>since <00:59:39.675>you <00:59:39.850>asked <00:59:40.025>I <00:59:40.200>like

1121
00:59:43.400 --> 00:59:46.500
<00:59:43.400>them <00:59:43.540>a <00:59:43.680>lot. <00:59:43.820>And <00:59:43.960>then <00:59:44.100>once <00:59:44.240>I've <00:59:44.380>got <00:59:44.520>like <00:59:44.660>a <00:59:44.800>pretty

1122
00:59:46.400 --> 00:59:49.600
<00:59:46.400>solid <00:59:46.507>figma <00:59:46.615>prototype <00:59:46.723>that <00:59:46.830>I <00:59:46.938>can <00:59:47.046>show <00:59:47.153>off <00:59:47.261>to <00:59:47.369>other <00:59:47.476>people <00:59:47.584>and <00:59:47.692>get <00:59:47.800>other

1123
00:59:49.400 --> 00:59:53.100
<00:59:49.400>people's <00:59:49.575>like <00:59:49.750>approval <00:59:49.925>or <00:59:50.100>sign <00:59:50.275>off <00:59:50.450>on <00:59:50.625>then <00:59:50.800>I

1124
00:59:53.000 --> 00:59:53.400
<00:59:53.000>moved <00:59:53.180>to <00:59:53.360>code.

1125
00:59:55.100 --> 00:59:58.400
<00:59:55.100>So <00:59:55.240>Okay <00:59:55.380>cool <00:59:55.520>so <00:59:55.660>we <00:59:55.799>are <00:59:55.940>at <00:59:56.080>the <00:59:56.220>time <00:59:56.360>but <00:59:56.500>I

1126
00:59:58.100 --> 01:00:01.200
<00:59:58.100>just <00:59:58.207>want <00:59:58.315>I <00:59:58.423>just <00:59:58.530>need <00:59:58.638>to <00:59:58.746>ask <00:59:58.853>you <00:59:58.961>one <00:59:59.069>one <00:59:59.176>more <00:59:59.284>question <00:59:59.392>that <00:59:59.500>I

1127
01:00:01.100 --> 01:00:05.000
<01:00:01.100>had <01:00:01.240>I <01:00:01.380>have <01:00:01.520>a <01:00:01.660>few <01:00:01.799>but <01:00:01.940>this <01:00:02.080>one <01:00:02.220>is <01:00:02.360>where <01:00:02.500>is

1128
01:00:04.700 --> 01:00:08.600
<01:00:04.700>it? <01:00:04.899>Oh, <01:00:05.100>yeah <01:00:05.299>difficult <01:00:05.500>to <01:00:05.700>read <01:00:05.899>fonts. <01:00:06.100>I

1129
01:00:08.400 --> 01:00:11.900
<01:00:08.400>read <01:00:08.633>somewhere <01:00:08.866>that <01:00:09.100>when <01:00:09.333>you <01:00:09.566>read <01:00:09.800>that

1130
01:00:11.700 --> 01:00:13.500
<01:00:11.700>it's <01:00:12.399>more <01:00:13.100>memorable.

1131
01:00:15.000 --> 01:00:18.600
<01:00:15.000>In <01:00:15.155>a <01:00:15.311>difficult <01:00:15.466>to <01:00:15.622>find <01:00:15.777>yeah. <01:00:15.933>Yeah <01:00:16.088>because <01:00:16.244>you <01:00:16.400>really

1132
01:00:18.200 --> 01:00:21.200
<01:00:18.200>have <01:00:18.375>to <01:00:18.549>take <01:00:18.725>more <01:00:18.899>time <01:00:19.075>for <01:00:19.250>read <01:00:19.424>it <01:00:19.600>and

1133
01:00:21.200 --> 01:00:24.500
<01:00:21.200>then <01:00:21.339>therefore <01:00:21.480>it <01:00:21.620>stays <01:00:21.759>money <01:00:21.899>had <01:00:22.040>obviously <01:00:22.180>not <01:00:22.319>for <01:00:22.460>like <01:00:22.600>big

1134
01:00:24.300 --> 01:00:27.300
<01:00:24.300>copy <01:00:24.650>maybe <01:00:25.000>for <01:00:25.350>like <01:00:25.700>some

1135
01:00:28.000 --> 01:00:32.000
<01:00:28.000>A <01:00:28.233>logo <01:00:28.466>or <01:00:28.700>like <01:00:28.933>maybe <01:00:29.166>head <01:00:29.400>feels

1136
01:00:31.400 --> 01:00:35.000
<01:00:31.400>like <01:00:31.540>a <01:00:31.680>risk <01:00:31.820>that <01:00:31.960>feels <01:00:32.100>high <01:00:32.240>risk <01:00:32.380>High <01:00:32.520>reward <01:00:32.660>and <01:00:32.800>I

1137
01:00:34.900 --> 01:00:38.500
<01:00:34.900>haven't <01:00:35.016>read <01:00:35.133>that <01:00:35.250>article. <01:00:35.366>So <01:00:35.483>I <01:00:35.600>don't <01:00:35.716>know <01:00:35.833>for <01:00:35.950>sure. <01:00:36.066>Um, <01:00:36.183>but <01:00:36.300>I

1138
01:00:38.400 --> 01:00:41.700
<01:00:38.400>would <01:00:38.527>say <01:00:38.654>if <01:00:38.781>you <01:00:38.909>had <01:00:39.036>to <01:00:39.163>fight <01:00:39.290>to <01:00:39.418>read <01:00:39.545>something <01:00:39.672>you <01:00:39.800>probably

1139
01:00:41.400 --> 01:00:45.100
<01:00:41.400>didn't <01:00:41.540>come <01:00:41.680>away <01:00:41.820>with <01:00:41.960>a <01:00:42.100>positive <01:00:42.240>impression <01:00:42.380>of <01:00:42.520>it. <01:00:42.660>Yeah, <01:00:42.800>you

1140
01:00:44.500 --> 01:00:48.800
<01:00:44.500>probably <01:00:44.640>came <01:00:44.780>out <01:00:44.920>of <01:00:45.060>that <01:00:45.200>experience <01:00:45.340>feeling <01:00:45.480>frustrated <01:00:45.620>or <01:00:45.760>aggravated <01:00:45.900>which

1141
01:00:48.100 --> 01:00:52.200
<01:00:48.100>in <01:00:48.216>general <01:00:48.333>is <01:00:48.450>not <01:00:48.566>an <01:00:48.683>association <01:00:48.799>that <01:00:48.916>we <01:00:49.033>want <01:00:49.150>with <01:00:49.266>Our <01:00:49.383>Brands. <01:00:49.500>And

1142
01:00:51.300 --> 01:00:54.400
<01:00:51.300>yeah, <01:00:51.500>and <01:00:51.700>also <01:00:51.900>there's <01:00:52.100>some <01:00:52.300>number <01:00:52.500>of <01:00:52.700>people

1143
01:00:54.300 --> 01:00:57.800
<01:00:54.300>that <01:00:54.427>simply <01:00:54.554>are <01:00:54.681>not <01:00:54.809>gonna <01:00:54.936>be <01:00:55.063>able <01:00:55.190>to <01:00:55.318>decipher <01:00:55.445>it. <01:00:55.572>Right <01:00:55.700>if

1144
01:00:57.400 --> 01:01:00.600
<01:00:57.400>it's <01:00:57.500>that <01:00:57.600>hard <01:00:57.700>some <01:00:57.800>people <01:00:57.900>will <01:00:58.000>get <01:00:58.100>it <01:00:58.200>and <01:00:58.300>it <01:00:58.400>might <01:00:58.500>stick <01:00:58.600>with <01:00:58.700>them <01:00:58.800>and

1145
01:01:00.400 --> 01:01:03.900
<01:01:00.400>some <01:01:00.500>people <01:01:00.600>will <01:01:00.700>give <01:01:00.800>up <01:01:00.900>and <01:01:01.000>walk <01:01:01.100>away <01:01:01.200>and <01:01:01.300>decide <01:01:01.400>that <01:01:01.500>they <01:01:01.600>don't <01:01:01.700>care <01:01:01.800>so

1146
01:01:03.400 --> 01:01:04.600
feels

1147
01:01:05.100 --> 01:01:08.400
<01:01:05.100>Like <01:01:05.275>a <01:01:05.450>risky <01:01:05.625>game <01:01:05.799>to <01:01:05.975>me, <01:01:06.150>but <01:01:06.325>it's <01:01:06.500>an

1148
01:01:08.100 --> 01:01:11.400
<01:01:08.100>interesting <01:01:08.240>thought. <01:01:08.380>I <01:01:08.520>thought <01:01:08.660>the <01:01:08.799>same <01:01:08.940>thing <01:01:09.080>when <01:01:09.220>I <01:01:09.360>read <01:01:09.500>it

1149
01:01:11.300 --> 01:01:14.400
<01:01:11.300>it's <01:01:11.427>years <01:01:11.554>ago. <01:01:11.681>I <01:01:11.809>I <01:01:11.936>will <01:01:12.063>look <01:01:12.190>it <01:01:12.318>up <01:01:12.445>if <01:01:12.572>I <01:01:12.700>find

1150
01:01:14.300 --> 01:01:17.300
<01:01:14.300>it <01:01:14.393>again. <01:01:14.486>I <01:01:14.580>really <01:01:14.673>curious <01:01:14.766>now. <01:01:14.860>Do <01:01:14.953>you <01:01:15.046>send <01:01:15.140>it <01:01:15.233>to <01:01:15.326>me <01:01:15.420>if <01:01:15.513>you <01:01:15.606>fight <01:01:15.700>it?

1151
01:01:17.300 --> 01:01:21.400
<01:01:17.300>Okay, <01:01:17.500>good. <01:01:17.700>Okay. <01:01:17.900>Now <01:01:18.100>we <01:01:18.300>are <01:01:18.500>done <01:01:18.700>with

1152
01:01:21.200 --> 01:01:24.500
<01:01:21.200>our <01:01:21.399>time. <01:01:21.600>Thanks <01:01:21.799>a <01:01:22.000>lot <01:01:22.200>Catherine <01:01:22.399>for <01:01:22.600>this

1153
01:01:24.300 --> 01:01:26.100
<01:01:24.300>insights <01:01:24.650>with <01:01:25.000>your <01:01:25.350>very <01:01:25.700>short.

1154
01:01:27.800 --> 01:01:32.400
<01:01:27.800>How <01:01:27.940>do <01:01:28.080>you <01:01:28.220>say <01:01:28.360>crash <01:01:28.500>course <01:01:28.640>to <01:01:28.780>yes? <01:01:28.920>Yes, <01:01:29.060>I <01:01:29.200>enjoyed

1155
01:01:32.000 --> 01:01:35.100
<01:01:32.000>it. <01:01:32.466>And <01:01:32.933>yeah, <01:01:33.400>if

1156
01:01:36.000 --> 01:01:40.100
<01:01:36.000>Any <01:01:36.155>of <01:01:36.311>you <01:01:36.466>still <01:01:36.622>have <01:01:36.777>questions <01:01:36.933>for <01:01:37.088>Catherine? <01:01:37.244>What <01:01:37.400>can

1157
01:01:39.800 --> 01:01:43.500
<01:01:39.800>we <01:01:39.927>find <01:01:40.054>you? <01:01:40.181>I <01:01:40.309>see <01:01:40.436>you <01:01:40.563>have <01:01:40.690>your <01:01:40.818>handle <01:01:40.945>there? <01:01:41.072>Just <01:01:41.200>Catherine

1158
01:01:42.900 --> 01:01:45.600
<01:01:42.900>Grayson <01:01:43.250>on <01:01:43.600>Twitter <01:01:43.950>I <01:01:44.300>suppose.

1159
01:01:46.500 --> 01:01:49.800
<01:01:46.500>Yep. <01:01:46.675>I'm <01:01:46.850>on <01:01:47.025>too <01:01:47.200>many <01:01:47.375>things <01:01:47.550>in <01:01:47.725>my <01:01:47.900>entire

1160
01:01:49.500 --> 01:01:53.000
<01:01:49.500>blue <01:01:49.607>sky <01:01:49.715>and <01:01:49.823>Masters <01:01:49.930>and <01:01:50.038>seek <01:01:50.146>and <01:01:50.253>find <01:01:50.361>me <01:01:50.469>anywhere. <01:01:50.576>I'm <01:01:50.684>at <01:01:50.792>Catherine <01:01:50.900>Grayson

1161
01:01:52.700 --> 01:01:57.500
<01:01:52.700>on <01:01:52.899>all <01:01:53.100>of <01:01:53.299>those. <01:01:53.500>I'm <01:01:53.700>on <01:01:53.899>LinkedIn <01:01:54.100>and

1162
01:01:55.800 --> 01:01:59.900
<01:01:55.800>my <01:01:56.150>website <01:01:56.500>is <01:01:56.850>Kay <01:01:57.200>grayson.com.

1163
01:01:59.100 --> 01:02:02.500
<01:01:59.100>So, <01:01:59.380>I'm <01:01:59.660>eternally <01:01:59.940>online <01:02:00.220>you <01:02:00.500>find

1164
01:02:02.300 --> 01:02:05.500
<01:02:02.300>me <01:02:02.455>everywhere. <01:02:02.611>God <01:02:02.766>help <01:02:02.922>me, <01:02:03.077>but <01:02:03.233>do <01:02:03.388>reach <01:02:03.544>out <01:02:03.700>with

1165
01:02:05.300 --> 01:02:09.000
<01:02:05.300>any <01:02:05.533>questions. <01:02:05.766>Awesome. <01:02:06.000>So, <01:02:06.233>thanks <01:02:06.466>again <01:02:06.700>and

1166
01:02:08.300 --> 01:02:11.400
<01:02:08.300>see <01:02:09.000>you <01:02:09.700>around.

1167
01:02:12.200 --> 01:02:12.600
Thanks.