WEBVTT
Kind: captions
Language: en

00:00:01.210 --> 00:00:04.809 align:start position:0%
 
layout<00:00:02.210><c> and</c><00:00:02.449><c> Composition</c><00:00:03.169><c> in</c><00:00:03.350><c> a</c><00:00:04.160><c> way</c><00:00:04.340><c> they're</c>

00:00:04.809 --> 00:00:04.819 align:start position:0%
layout and Composition in a way they're
 

00:00:04.819 --> 00:00:08.049 align:start position:0%
layout and Composition in a way they're
the<00:00:04.970><c> foundation</c><00:00:05.660><c> of</c><00:00:05.809><c> design</c><00:00:06.700><c> they</c><00:00:07.700><c> give</c><00:00:07.910><c> your</c>

00:00:08.049 --> 00:00:08.059 align:start position:0%
the foundation of design they give your
 

00:00:08.059 --> 00:00:09.909 align:start position:0%
the foundation of design they give your
work<00:00:08.240><c> structure</c><00:00:08.660><c> and</c><00:00:09.019><c> make</c><00:00:09.349><c> it</c><00:00:09.469><c> easier</c><00:00:09.830><c> to</c>

00:00:09.909 --> 00:00:09.919 align:start position:0%
work structure and make it easier to
 

00:00:09.919 --> 00:00:12.569 align:start position:0%
work structure and make it easier to
navigate<00:00:10.490><c> from</c><00:00:11.299><c> the</c><00:00:11.450><c> margins</c><00:00:11.870><c> on</c><00:00:11.990><c> the</c><00:00:12.019><c> sides</c>

00:00:12.569 --> 00:00:12.579 align:start position:0%
navigate from the margins on the sides
 

00:00:12.579 --> 00:00:17.350 align:start position:0%
navigate from the margins on the sides
to<00:00:13.579><c> the</c><00:00:13.610><c> content</c><00:00:14.150><c> in</c><00:00:14.299><c> between</c><00:00:14.690><c> of</c><00:00:16.120><c> course</c><00:00:17.120><c> it's</c>

00:00:17.350 --> 00:00:17.360 align:start position:0%
to the content in between of course it's
 

00:00:17.360 --> 00:00:19.200 align:start position:0%
to the content in between of course it's
not<00:00:17.540><c> just</c><00:00:17.570><c> about</c><00:00:17.930><c> working</c><00:00:18.350><c> with</c><00:00:18.650><c> text</c>

00:00:19.200 --> 00:00:19.210 align:start position:0%
not just about working with text
 

00:00:19.210 --> 00:00:21.910 align:start position:0%
not just about working with text
composition<00:00:20.210><c> matters</c><00:00:20.810><c> in</c><00:00:20.960><c> other</c><00:00:21.170><c> mediums</c><00:00:21.560><c> too</c>

00:00:21.910 --> 00:00:21.920 align:start position:0%
composition matters in other mediums too
 

00:00:21.920 --> 00:00:25.000 align:start position:0%
composition matters in other mediums too
like<00:00:22.550><c> graphic</c><00:00:22.970><c> design</c><00:00:23.000><c> web</c><00:00:23.930><c> design</c><00:00:24.170><c> and</c><00:00:24.590><c> much</c>

00:00:25.000 --> 00:00:25.010 align:start position:0%
like graphic design web design and much
 

00:00:25.010 --> 00:00:28.150 align:start position:0%
like graphic design web design and much
more<00:00:25.420><c> without</c><00:00:26.420><c> a</c><00:00:26.630><c> well</c><00:00:26.900><c> composed</c><00:00:27.230><c> layout</c><00:00:27.620><c> your</c>

00:00:28.150 --> 00:00:28.160 align:start position:0%
more without a well composed layout your
 

00:00:28.160 --> 00:00:32.350 align:start position:0%
more without a well composed layout your
work<00:00:28.340><c> would</c><00:00:28.490><c> basically</c><00:00:29.120><c> fall</c><00:00:29.780><c> apart</c><00:00:31.180><c> the</c><00:00:32.180><c> key</c>

00:00:32.350 --> 00:00:32.360 align:start position:0%
work would basically fall apart the key
 

00:00:32.360 --> 00:00:34.329 align:start position:0%
work would basically fall apart the key
to<00:00:32.539><c> mastering</c><00:00:32.749><c> layout</c><00:00:33.350><c> and</c><00:00:33.530><c> composition</c><00:00:34.129><c> is</c>

00:00:34.329 --> 00:00:34.339 align:start position:0%
to mastering layout and composition is
 

00:00:34.339 --> 00:00:37.299 align:start position:0%
to mastering layout and composition is
to<00:00:34.699><c> think</c><00:00:34.969><c> like</c><00:00:35.149><c> a</c><00:00:35.359><c> designer</c><00:00:36.070><c> luckily</c><00:00:37.070><c> it's</c>

00:00:37.299 --> 00:00:37.309 align:start position:0%
to think like a designer luckily it's
 

00:00:37.309 --> 00:00:38.700 align:start position:0%
to think like a designer luckily it's
easier<00:00:37.820><c> than</c><00:00:37.999><c> it</c><00:00:38.120><c> sounds</c>

00:00:38.700 --> 00:00:38.710 align:start position:0%
easier than it sounds
 

00:00:38.710 --> 00:00:41.770 align:start position:0%
easier than it sounds
there<00:00:39.710><c> are</c><00:00:39.890><c> five</c><00:00:40.159><c> basic</c><00:00:40.460><c> principles</c><00:00:41.239><c> that</c><00:00:41.449><c> can</c>

00:00:41.770 --> 00:00:41.780 align:start position:0%
there are five basic principles that can
 

00:00:41.780 --> 00:00:44.020 align:start position:0%
there are five basic principles that can
help<00:00:41.929><c> you</c><00:00:42.109><c> transform</c><00:00:42.379><c> your</c><00:00:42.739><c> work</c><00:00:43.039><c> and</c><00:00:43.249><c> sharpen</c>

00:00:44.020 --> 00:00:44.030 align:start position:0%
help you transform your work and sharpen
 

00:00:44.030 --> 00:00:46.419 align:start position:0%
help you transform your work and sharpen
your<00:00:44.120><c> eye</c><00:00:44.179><c> for</c><00:00:44.570><c> design</c><00:00:44.949><c> let's</c><00:00:45.949><c> start</c><00:00:46.249><c> at</c><00:00:46.339><c> the</c>

00:00:46.419 --> 00:00:46.429 align:start position:0%
your eye for design let's start at the
 

00:00:46.429 --> 00:00:50.919 align:start position:0%
your eye for design let's start at the
top<00:00:46.609><c> and</c><00:00:46.850><c> work</c><00:00:47.300><c> our</c><00:00:47.420><c> way</c><00:00:47.600><c> down</c><00:00:49.749><c> proximity</c><00:00:50.749><c> is</c>

00:00:50.919 --> 00:00:50.929 align:start position:0%
top and work our way down proximity is
 

00:00:50.929 --> 00:00:53.319 align:start position:0%
top and work our way down proximity is
all<00:00:51.350><c> about</c><00:00:51.620><c> using</c><00:00:51.829><c> visual</c><00:00:52.460><c> space</c><00:00:52.760><c> to</c><00:00:53.179><c> show</c>

00:00:53.319 --> 00:00:53.329 align:start position:0%
all about using visual space to show
 

00:00:53.329 --> 00:00:55.410 align:start position:0%
all about using visual space to show
relationships<00:00:54.109><c> in</c><00:00:54.289><c> your</c><00:00:54.319><c> content</c><00:00:54.890><c> in</c>

00:00:55.410 --> 00:00:55.420 align:start position:0%
relationships in your content in
 

00:00:55.420 --> 00:00:58.360 align:start position:0%
relationships in your content in
practice<00:00:56.420><c> it's</c><00:00:56.690><c> pretty</c><00:00:57.019><c> simple</c><00:00:57.409><c> all</c><00:00:57.710><c> you</c><00:00:58.339><c> have</c>

00:00:58.360 --> 00:00:58.370 align:start position:0%
practice it's pretty simple all you have
 

00:00:58.370 --> 00:01:00.579 align:start position:0%
practice it's pretty simple all you have
to<00:00:58.639><c> do</c><00:00:58.789><c> is</c><00:00:58.999><c> make</c><00:00:59.359><c> sure</c><00:00:59.389><c> related</c><00:01:00.019><c> items</c><00:01:00.350><c> are</c>

00:01:00.579 --> 00:01:00.589 align:start position:0%
to do is make sure related items are
 

00:01:00.589 --> 00:01:02.979 align:start position:0%
to do is make sure related items are
grouped<00:01:00.739><c> together</c><00:01:01.010><c> for</c><00:01:01.999><c> example</c><00:01:02.089><c> blocks</c><00:01:02.749><c> of</c>

00:01:02.979 --> 00:01:02.989 align:start position:0%
grouped together for example blocks of
 

00:01:02.989 --> 00:01:06.100 align:start position:0%
grouped together for example blocks of
text<00:01:03.379><c> or</c><00:01:03.559><c> elements</c><00:01:04.129><c> in</c><00:01:04.250><c> a</c><00:01:04.309><c> graphic</c><00:01:05.110><c> groups</c>

00:01:06.100 --> 00:01:06.110 align:start position:0%
text or elements in a graphic groups
 

00:01:06.110 --> 00:01:07.510 align:start position:0%
text or elements in a graphic groups
that<00:01:06.320><c> are</c><00:01:06.469><c> not</c><00:01:06.649><c> related</c><00:01:06.829><c> to</c><00:01:07.130><c> each</c><00:01:07.250><c> other</c>

00:01:07.510 --> 00:01:07.520 align:start position:0%
that are not related to each other
 

00:01:07.520 --> 00:01:09.520 align:start position:0%
that are not related to each other
should<00:01:07.939><c> be</c><00:01:08.060><c> separated</c><00:01:08.570><c> to</c><00:01:09.079><c> visually</c>

00:01:09.520 --> 00:01:09.530 align:start position:0%
should be separated to visually
 

00:01:09.530 --> 00:01:11.280 align:start position:0%
should be separated to visually
emphasize<00:01:10.070><c> their</c><00:01:10.340><c> lack</c><00:01:10.520><c> of</c><00:01:10.549><c> a</c><00:01:10.790><c> relationship</c>

00:01:11.280 --> 00:01:11.290 align:start position:0%
emphasize their lack of a relationship
 

00:01:11.290 --> 00:01:13.959 align:start position:0%
emphasize their lack of a relationship
all<00:01:12.290><c> in</c><00:01:12.649><c> all</c><00:01:12.799><c> this</c><00:01:13.130><c> makes</c><00:01:13.460><c> your</c><00:01:13.610><c> work</c><00:01:13.790><c> easier</c>

00:01:13.959 --> 00:01:13.969 align:start position:0%
all in all this makes your work easier
 

00:01:13.969 --> 00:01:16.330 align:start position:0%
all in all this makes your work easier
to<00:01:14.390><c> understand</c><00:01:14.869><c> at</c><00:01:15.079><c> a</c><00:01:15.110><c> glance</c><00:01:15.409><c> whether</c><00:01:16.070><c> it's</c>

00:01:16.330 --> 00:01:16.340 align:start position:0%
to understand at a glance whether it's
 

00:01:16.340 --> 00:01:20.819 align:start position:0%
to understand at a glance whether it's
purely<00:01:16.640><c> text</c><00:01:17.210><c> or</c><00:01:17.420><c> something</c><00:01:17.719><c> more</c><00:01:17.990><c> visual</c>

00:01:20.819 --> 00:01:20.829 align:start position:0%
 
 

00:01:20.829 --> 00:01:23.499 align:start position:0%
 
whitespace<00:01:21.829><c> is</c><00:01:22.130><c> an</c><00:01:22.430><c> important</c><00:01:22.909><c> part</c><00:01:23.119><c> of</c><00:01:23.299><c> every</c>

00:01:23.499 --> 00:01:23.509 align:start position:0%
whitespace is an important part of every
 

00:01:23.509 --> 00:01:25.929 align:start position:0%
whitespace is an important part of every
composition<00:01:24.289><c> now</c><00:01:25.189><c> this</c><00:01:25.549><c> doesn't</c><00:01:25.789><c> mean</c>

00:01:25.929 --> 00:01:25.939 align:start position:0%
composition now this doesn't mean
 

00:01:25.939 --> 00:01:27.520 align:start position:0%
composition now this doesn't mean
literal<00:01:26.509><c> whitespace</c>

00:01:27.520 --> 00:01:27.530 align:start position:0%
literal whitespace
 

00:01:27.530 --> 00:01:30.130 align:start position:0%
literal whitespace
it<00:01:27.979><c> just</c><00:01:28.219><c> means</c><00:01:28.369><c> negative</c><00:01:28.759><c> space</c><00:01:29.240><c> like</c><00:01:29.990><c> the</c>

00:01:30.130 --> 00:01:30.140 align:start position:0%
it just means negative space like the
 

00:01:30.140 --> 00:01:32.319 align:start position:0%
it just means negative space like the
spaces<00:01:30.560><c> between</c><00:01:30.590><c> your</c><00:01:31.009><c> content</c><00:01:31.520><c> between</c>

00:01:32.319 --> 00:01:32.329 align:start position:0%
spaces between your content between
 

00:01:32.329 --> 00:01:36.520 align:start position:0%
spaces between your content between
lines<00:01:32.869><c> and</c><00:01:33.229><c> even</c><00:01:33.920><c> the</c><00:01:34.159><c> outer</c><00:01:34.310><c> margins</c><00:01:35.530><c> there's</c>

00:01:36.520 --> 00:01:36.530 align:start position:0%
lines and even the outer margins there's
 

00:01:36.530 --> 00:01:38.740 align:start position:0%
lines and even the outer margins there's
no<00:01:36.740><c> one</c><00:01:37.070><c> way</c><00:01:37.219><c> to</c><00:01:37.250><c> use</c><00:01:37.490><c> whitespace</c><00:01:38.149><c> correctly</c>

00:01:38.740 --> 00:01:38.750 align:start position:0%
no one way to use whitespace correctly
 

00:01:38.750 --> 00:01:41.130 align:start position:0%
no one way to use whitespace correctly
but<00:01:39.320><c> it's</c><00:01:39.469><c> good</c><00:01:39.649><c> to</c><00:01:39.770><c> understand</c><00:01:40.280><c> its</c><00:01:40.430><c> purpose</c>

00:01:41.130 --> 00:01:41.140 align:start position:0%
but it's good to understand its purpose
 

00:01:41.140 --> 00:01:43.779 align:start position:0%
but it's good to understand its purpose
whitespace<00:01:42.140><c> helps</c><00:01:42.530><c> you</c><00:01:42.619><c> define</c><00:01:42.770><c> and</c><00:01:43.310><c> separate</c>

00:01:43.779 --> 00:01:43.789 align:start position:0%
whitespace helps you define and separate
 

00:01:43.789 --> 00:01:46.179 align:start position:0%
whitespace helps you define and separate
different<00:01:44.000><c> sections</c><00:01:44.600><c> it</c><00:01:44.899><c> gives</c><00:01:45.530><c> your</c><00:01:45.710><c> content</c>

00:01:46.179 --> 00:01:46.189 align:start position:0%
different sections it gives your content
 

00:01:46.189 --> 00:01:49.179 align:start position:0%
different sections it gives your content
room<00:01:46.429><c> to</c><00:01:46.670><c> breathe</c><00:01:47.140><c> if</c><00:01:48.140><c> your</c><00:01:48.439><c> work</c><00:01:48.619><c> ever</c><00:01:48.829><c> starts</c>

00:01:49.179 --> 00:01:49.189 align:start position:0%
room to breathe if your work ever starts
 

00:01:49.189 --> 00:01:51.010 align:start position:0%
room to breathe if your work ever starts
to<00:01:49.340><c> feel</c><00:01:49.490><c> cluttered</c><00:01:49.939><c> or</c><00:01:50.119><c> uncomfortable</c><00:01:50.840><c> a</c>

00:01:51.010 --> 00:01:51.020 align:start position:0%
to feel cluttered or uncomfortable a
 

00:01:51.020 --> 00:01:53.469 align:start position:0%
to feel cluttered or uncomfortable a
little<00:01:51.380><c> whitespace</c><00:01:52.280><c> might</c><00:01:52.640><c> be</c><00:01:52.820><c> just</c><00:01:53.149><c> what</c><00:01:53.359><c> the</c>

00:01:53.469 --> 00:01:53.479 align:start position:0%
little whitespace might be just what the
 

00:01:53.479 --> 00:01:56.370 align:start position:0%
little whitespace might be just what the
doctor<00:01:53.509><c> ordered</c>

00:01:56.370 --> 00:01:56.380 align:start position:0%
 
 

00:01:56.380 --> 00:01:58.990 align:start position:0%
 
alignment<00:01:57.380><c> is</c><00:01:57.770><c> something</c><00:01:58.280><c> you</c><00:01:58.400><c> deal</c><00:01:58.610><c> with</c><00:01:58.640><c> all</c>

00:01:58.990 --> 00:01:59.000 align:start position:0%
alignment is something you deal with all
 

00:01:59.000 --> 00:01:59.590 align:start position:0%
alignment is something you deal with all
the<00:01:59.150><c> time</c>

00:01:59.590 --> 00:01:59.600 align:start position:0%
the time
 

00:01:59.600 --> 00:02:02.110 align:start position:0%
the time
even<00:02:00.020><c> if</c><00:02:00.140><c> you</c><00:02:00.230><c> don't</c><00:02:00.440><c> realize</c><00:02:00.620><c> it</c><00:02:01.120><c> whenever</c>

00:02:02.110 --> 00:02:02.120 align:start position:0%
even if you don't realize it whenever
 

00:02:02.120 --> 00:02:04.300 align:start position:0%
even if you don't realize it whenever
you<00:02:02.270><c> type</c><00:02:02.570><c> an</c><00:02:02.750><c> email</c><00:02:02.960><c> or</c><00:02:03.350><c> create</c><00:02:03.770><c> a</c><00:02:03.800><c> document</c>

00:02:04.300 --> 00:02:04.310 align:start position:0%
you type an email or create a document
 

00:02:04.310 --> 00:02:07.900 align:start position:0%
you type an email or create a document
the<00:02:04.910><c> text</c><00:02:05.270><c> is</c><00:02:05.420><c> aligned</c><00:02:05.720><c> automatically</c><00:02:06.910><c> when</c>

00:02:07.900 --> 00:02:07.910 align:start position:0%
the text is aligned automatically when
 

00:02:07.910 --> 00:02:09.639 align:start position:0%
the text is aligned automatically when
aligning<00:02:08.210><c> objects</c><00:02:08.780><c> by</c><00:02:08.960><c> yourself</c>

00:02:09.639 --> 00:02:09.649 align:start position:0%
aligning objects by yourself
 

00:02:09.649 --> 00:02:11.980 align:start position:0%
aligning objects by yourself
for<00:02:10.070><c> instance</c><00:02:10.460><c> images</c><00:02:11.090><c> or</c><00:02:11.330><c> separate</c><00:02:11.720><c> text</c>

00:02:11.980 --> 00:02:11.990 align:start position:0%
for instance images or separate text
 

00:02:11.990 --> 00:02:15.430 align:start position:0%
for instance images or separate text
boxes<00:02:12.410><c> getting</c><00:02:13.220><c> it</c><00:02:13.340><c> right</c><00:02:13.490><c> can</c><00:02:13.850><c> be</c><00:02:14.060><c> tricky</c><00:02:14.440><c> the</c>

00:02:15.430 --> 00:02:15.440 align:start position:0%
boxes getting it right can be tricky the
 

00:02:15.440 --> 00:02:17.730 align:start position:0%
boxes getting it right can be tricky the
most<00:02:15.650><c> important</c><00:02:16.160><c> thing</c><00:02:16.370><c> is</c><00:02:16.610><c> to</c><00:02:16.640><c> be</c><00:02:17.000><c> consistent</c>

00:02:17.730 --> 00:02:17.740 align:start position:0%
most important thing is to be consistent
 

00:02:17.740 --> 00:02:22.000 align:start position:0%
most important thing is to be consistent
let's<00:02:18.740><c> take</c><00:02:18.950><c> a</c><00:02:18.980><c> look</c><00:02:19.190><c> at</c><00:02:19.310><c> what</c><00:02:19.430><c> that</c><00:02:19.550><c> means</c><00:02:21.010><c> it</c>

00:02:22.000 --> 00:02:22.010 align:start position:0%
let's take a look at what that means it
 

00:02:22.010 --> 00:02:23.770 align:start position:0%
let's take a look at what that means it
might<00:02:22.280><c> help</c><00:02:22.490><c> to</c><00:02:22.610><c> imagine</c><00:02:23.180><c> your</c><00:02:23.330><c> content</c>

00:02:23.770 --> 00:02:23.780 align:start position:0%
might help to imagine your content
 

00:02:23.780 --> 00:02:26.770 align:start position:0%
might help to imagine your content
arranged<00:02:24.380><c> inside</c><00:02:24.560><c> of</c><00:02:24.890><c> a</c><00:02:24.980><c> grid</c><00:02:25.630><c> notice</c><00:02:26.630><c> how</c>

00:02:26.770 --> 00:02:26.780 align:start position:0%
arranged inside of a grid notice how
 

00:02:26.780 --> 00:02:28.780 align:start position:0%
arranged inside of a grid notice how
there's<00:02:26.990><c> an</c><00:02:27.140><c> invisible</c><00:02:27.680><c> line</c><00:02:27.860><c> centering</c><00:02:28.580><c> each</c>

00:02:28.780 --> 00:02:28.790 align:start position:0%
there's an invisible line centering each
 

00:02:28.790 --> 00:02:32.170 align:start position:0%
there's an invisible line centering each
image<00:02:29.030><c> to</c><00:02:29.330><c> the</c><00:02:29.450><c> text</c><00:02:29.860><c> each</c><00:02:30.860><c> grouping</c><00:02:31.459><c> is</c><00:02:31.640><c> also</c>

00:02:32.170 --> 00:02:32.180 align:start position:0%
image to the text each grouping is also
 

00:02:32.180 --> 00:02:34.300 align:start position:0%
image to the text each grouping is also
evenly<00:02:32.630><c> spaced</c><00:02:32.930><c> and</c><00:02:33.140><c> aligned</c><00:02:33.440><c> with</c><00:02:33.920><c> equal</c>

00:02:34.300 --> 00:02:34.310 align:start position:0%
evenly spaced and aligned with equal
 

00:02:34.310 --> 00:02:35.350 align:start position:0%
evenly spaced and aligned with equal
sized<00:02:34.580><c> margins</c>

00:02:35.350 --> 00:02:35.360 align:start position:0%
sized margins
 

00:02:35.360 --> 00:02:37.930 align:start position:0%
sized margins
it's<00:02:36.350><c> that</c><00:02:36.620><c> attention</c><00:02:37.070><c> to</c><00:02:37.190><c> detail</c><00:02:37.580><c> that</c><00:02:37.790><c> makes</c>

00:02:37.930 --> 00:02:37.940 align:start position:0%
it's that attention to detail that makes
 

00:02:37.940 --> 00:02:39.840 align:start position:0%
it's that attention to detail that makes
the<00:02:38.270><c> composition</c><00:02:38.900><c> easier</c><00:02:39.350><c> to</c><00:02:39.530><c> navigate</c>

00:02:39.840 --> 00:02:39.850 align:start position:0%
the composition easier to navigate
 

00:02:39.850 --> 00:02:42.820 align:start position:0%
the composition easier to navigate
without<00:02:40.850><c> consistent</c><00:02:41.690><c> alignment</c><00:02:42.140><c> your</c><00:02:42.620><c> work</c>

00:02:42.820 --> 00:02:42.830 align:start position:0%
without consistent alignment your work
 

00:02:42.830 --> 00:02:47.220 align:start position:0%
without consistent alignment your work
could<00:02:42.980><c> start</c><00:02:43.280><c> to</c><00:02:43.370><c> feel</c><00:02:43.580><c> this</c><00:02:43.760><c> organized</c>

00:02:47.220 --> 00:02:47.230 align:start position:0%
 
 

00:02:47.230 --> 00:02:50.170 align:start position:0%
 
contrast<00:02:48.230><c> simply</c><00:02:48.920><c> means</c><00:02:49.160><c> that</c><00:02:49.250><c> one</c><00:02:49.610><c> item</c><00:02:49.850><c> is</c>

00:02:50.170 --> 00:02:50.180 align:start position:0%
contrast simply means that one item is
 

00:02:50.180 --> 00:02:53.020 align:start position:0%
contrast simply means that one item is
different<00:02:50.720><c> from</c><00:02:50.840><c> another</c><00:02:51.200><c> in</c><00:02:51.670><c> layout</c><00:02:52.670><c> and</c>

00:02:53.020 --> 00:02:53.030 align:start position:0%
different from another in layout and
 

00:02:53.030 --> 00:02:55.060 align:start position:0%
different from another in layout and
composition<00:02:53.630><c> contrast</c><00:02:54.440><c> can</c><00:02:54.590><c> help</c><00:02:54.800><c> you</c><00:02:54.920><c> do</c>

00:02:55.060 --> 00:02:55.070 align:start position:0%
composition contrast can help you do
 

00:02:55.070 --> 00:02:57.280 align:start position:0%
composition contrast can help you do
many<00:02:55.280><c> things</c><00:02:55.580><c> for</c><00:02:56.240><c> example</c><00:02:56.300><c> catch</c><00:02:57.020><c> the</c>

00:02:57.280 --> 00:02:57.290 align:start position:0%
many things for example catch the
 

00:02:57.290 --> 00:03:00.970 align:start position:0%
many things for example catch the
readers<00:02:57.590><c> eye</c><00:02:57.970><c> create</c><00:02:58.970><c> emphasis</c><00:02:59.590><c> or</c><00:03:00.590><c> call</c>

00:03:00.970 --> 00:03:00.980 align:start position:0%
readers eye create emphasis or call
 

00:03:00.980 --> 00:03:04.540 align:start position:0%
readers eye create emphasis or call
attention<00:03:01.489><c> to</c><00:03:01.580><c> something</c><00:03:01.790><c> important</c><00:03:03.550><c> there</c>

00:03:04.540 --> 00:03:04.550 align:start position:0%
attention to something important there
 

00:03:04.550 --> 00:03:05.979 align:start position:0%
attention to something important there
are<00:03:04.700><c> lots</c><00:03:04.880><c> of</c><00:03:05.030><c> strategies</c><00:03:05.239><c> for</c><00:03:05.600><c> creating</c>

00:03:05.979 --> 00:03:05.989 align:start position:0%
are lots of strategies for creating
 

00:03:05.989 --> 00:03:10.180 align:start position:0%
are lots of strategies for creating
contrast<00:03:06.970><c> you</c><00:03:07.970><c> can</c><00:03:08.000><c> use</c><00:03:08.330><c> color</c><00:03:09.040><c> adjust</c><00:03:10.040><c> the</c>

00:03:10.180 --> 00:03:10.190 align:start position:0%
contrast you can use color adjust the
 

00:03:10.190 --> 00:03:12.130 align:start position:0%
contrast you can use color adjust the
size<00:03:10.430><c> shape</c><00:03:11.000><c> or</c><00:03:11.269><c> visual</c><00:03:11.660><c> weight</c><00:03:11.840><c> of</c><00:03:11.959><c> an</c><00:03:12.050><c> object</c>

00:03:12.130 --> 00:03:12.140 align:start position:0%
size shape or visual weight of an object
 

00:03:12.140 --> 00:03:17.210 align:start position:0%
size shape or visual weight of an object
or<00:03:12.910><c> use</c><00:03:13.910><c> contrasting</c><00:03:14.630><c> styles</c><00:03:14.840><c> of</c><00:03:15.140><c> text</c>

00:03:17.210 --> 00:03:17.220 align:start position:0%
or use contrasting styles of text
 

00:03:17.220 --> 00:03:19.640 align:start position:0%
or use contrasting styles of text
contrast<00:03:18.180><c> is</c><00:03:18.330><c> also</c><00:03:18.750><c> closely</c><00:03:19.020><c> tied</c><00:03:19.380><c> to</c>

00:03:19.640 --> 00:03:19.650 align:start position:0%
contrast is also closely tied to
 

00:03:19.650 --> 00:03:22.250 align:start position:0%
contrast is also closely tied to
hierarchy<00:03:20.280><c> a</c><00:03:20.460><c> visual</c><00:03:21.300><c> technique</c><00:03:21.750><c> that</c><00:03:22.140><c> can</c>

00:03:22.250 --> 00:03:22.260 align:start position:0%
hierarchy a visual technique that can
 

00:03:22.260 --> 00:03:23.950 align:start position:0%
hierarchy a visual technique that can
help<00:03:22.410><c> the</c><00:03:22.590><c> viewer</c><00:03:22.830><c> navigate</c><00:03:23.370><c> your</c><00:03:23.520><c> work</c><00:03:23.700><c> in</c>

00:03:23.950 --> 00:03:23.960 align:start position:0%
help the viewer navigate your work in
 

00:03:23.960 --> 00:03:26.690 align:start position:0%
help the viewer navigate your work in
other<00:03:24.960><c> words</c><00:03:25.260><c> it</c><00:03:25.560><c> shows</c><00:03:26.010><c> them</c><00:03:26.250><c> where</c><00:03:26.460><c> to</c><00:03:26.580><c> begin</c>

00:03:26.690 --> 00:03:26.700 align:start position:0%
other words it shows them where to begin
 

00:03:26.700 --> 00:03:28.340 align:start position:0%
other words it shows them where to begin
and<00:03:27.120><c> where</c><00:03:27.450><c> to</c><00:03:27.570><c> go</c><00:03:27.720><c> next</c>

00:03:28.340 --> 00:03:28.350 align:start position:0%
and where to go next
 

00:03:28.350 --> 00:03:31.780 align:start position:0%
and where to go next
using<00:03:28.710><c> different</c><00:03:29.070><c> levels</c><00:03:29.340><c> of</c><00:03:29.580><c> emphasis</c>

00:03:31.780 --> 00:03:31.790 align:start position:0%
using different levels of emphasis
 

00:03:31.790 --> 00:03:34.820 align:start position:0%
using different levels of emphasis
establishing<00:03:32.790><c> hierarchy</c><00:03:33.360><c> is</c><00:03:33.540><c> simple</c><00:03:33.930><c> just</c>

00:03:34.820 --> 00:03:34.830 align:start position:0%
establishing hierarchy is simple just
 

00:03:34.830 --> 00:03:36.350 align:start position:0%
establishing hierarchy is simple just
decide<00:03:35.160><c> which</c><00:03:35.430><c> elements</c><00:03:35.970><c> you</c><00:03:36.060><c> want</c><00:03:36.180><c> the</c>

00:03:36.350 --> 00:03:36.360 align:start position:0%
decide which elements you want the
 

00:03:36.360 --> 00:03:38.630 align:start position:0%
decide which elements you want the
reader<00:03:36.570><c> to</c><00:03:36.660><c> notice</c><00:03:37.080><c> first</c><00:03:37.320><c> then</c><00:03:38.130><c> make</c><00:03:38.460><c> them</c>

00:03:38.630 --> 00:03:38.640 align:start position:0%
reader to notice first then make them
 

00:03:38.640 --> 00:03:42.050 align:start position:0%
reader to notice first then make them
stand<00:03:38.910><c> out</c><00:03:39.650><c> high</c><00:03:40.650><c> level</c><00:03:41.040><c> or</c><00:03:41.220><c> important</c><00:03:41.730><c> items</c>

00:03:42.050 --> 00:03:42.060 align:start position:0%
stand out high level or important items
 

00:03:42.060 --> 00:03:45.110 align:start position:0%
stand out high level or important items
are<00:03:42.270><c> usually</c><00:03:42.900><c> larger</c><00:03:43.350><c> bolder</c><00:03:44.250><c> or</c><00:03:44.700><c> more</c>

00:03:45.110 --> 00:03:45.120 align:start position:0%
are usually larger bolder or more
 

00:03:45.120 --> 00:03:50.180 align:start position:0%
are usually larger bolder or more
eye-catching<00:03:45.540><c> in</c><00:03:45.780><c> some</c><00:03:45.990><c> way</c><00:03:48.740><c> repetition</c><00:03:49.740><c> is</c><00:03:49.950><c> a</c>

00:03:50.180 --> 00:03:50.190 align:start position:0%
eye-catching in some way repetition is a
 

00:03:50.190 --> 00:03:52.310 align:start position:0%
eye-catching in some way repetition is a
reminder<00:03:50.670><c> that</c><00:03:50.820><c> every</c><00:03:51.330><c> project</c><00:03:51.570><c> should</c><00:03:52.170><c> have</c>

00:03:52.310 --> 00:03:52.320 align:start position:0%
reminder that every project should have
 

00:03:52.320 --> 00:03:54.890 align:start position:0%
reminder that every project should have
a<00:03:52.350><c> consistent</c><00:03:52.590><c> look</c><00:03:53.160><c> and</c><00:03:53.310><c> feel</c><00:03:53.690><c> that</c><00:03:54.690><c> means</c>

00:03:54.890 --> 00:03:54.900 align:start position:0%
a consistent look and feel that means
 

00:03:54.900 --> 00:03:57.380 align:start position:0%
a consistent look and feel that means
finding<00:03:55.350><c> ways</c><00:03:55.560><c> to</c><00:03:55.590><c> reinforce</c><00:03:56.130><c> your</c><00:03:56.430><c> design</c><00:03:56.880><c> by</c>

00:03:57.380 --> 00:03:57.390 align:start position:0%
finding ways to reinforce your design by
 

00:03:57.390 --> 00:03:59.830 align:start position:0%
finding ways to reinforce your design by
repeating<00:03:57.930><c> or</c><00:03:58.080><c> echoing</c><00:03:58.560><c> certain</c><00:03:58.950><c> elements</c>

00:03:59.830 --> 00:03:59.840 align:start position:0%
repeating or echoing certain elements
 

00:03:59.840 --> 00:04:02.120 align:start position:0%
repeating or echoing certain elements
for<00:04:00.840><c> instance</c><00:04:00.870><c> if</c><00:04:01.440><c> you</c><00:04:01.650><c> have</c><00:04:01.800><c> a</c><00:04:01.830><c> specific</c>

00:04:02.120 --> 00:04:02.130 align:start position:0%
for instance if you have a specific
 

00:04:02.130 --> 00:04:04.730 align:start position:0%
for instance if you have a specific
color<00:04:02.580><c> palette</c><00:04:03.120><c> look</c><00:04:03.690><c> for</c><00:04:03.930><c> ways</c><00:04:04.050><c> to</c><00:04:04.110><c> carry</c><00:04:04.560><c> it</c>

00:04:04.730 --> 00:04:04.740 align:start position:0%
color palette look for ways to carry it
 

00:04:04.740 --> 00:04:07.280 align:start position:0%
color palette look for ways to carry it
through<00:04:04.770><c> if</c><00:04:05.450><c> you've</c><00:04:06.450><c> chosen</c><00:04:06.660><c> a</c><00:04:06.900><c> special</c>

00:04:07.280 --> 00:04:07.290 align:start position:0%
through if you've chosen a special
 

00:04:07.290 --> 00:04:10.970 align:start position:0%
through if you've chosen a special
header<00:04:07.470><c> style</c><00:04:07.860><c> use</c><00:04:08.520><c> it</c><00:04:08.700><c> every</c><00:04:08.940><c> time</c><00:04:09.740><c> it's</c><00:04:10.740><c> not</c>

00:04:10.970 --> 00:04:10.980 align:start position:0%
header style use it every time it's not
 

00:04:10.980 --> 00:04:13.130 align:start position:0%
header style use it every time it's not
just<00:04:11.040><c> for</c><00:04:11.580><c> aesthetic</c><00:04:11.970><c> reasons</c><00:04:12.360><c> being</c>

00:04:13.130 --> 00:04:13.140 align:start position:0%
just for aesthetic reasons being
 

00:04:13.140 --> 00:04:15.050 align:start position:0%
just for aesthetic reasons being
consistent<00:04:13.860><c> can</c><00:04:14.130><c> also</c><00:04:14.370><c> make</c><00:04:14.700><c> your</c><00:04:14.820><c> work</c>

00:04:15.050 --> 00:04:15.060 align:start position:0%
consistent can also make your work
 

00:04:15.060 --> 00:04:17.599 align:start position:0%
consistent can also make your work
easier<00:04:15.300><c> to</c><00:04:15.690><c> read</c><00:04:15.900><c> when</c><00:04:16.160><c> the</c><00:04:17.160><c> viewer</c><00:04:17.370><c> knows</c>

00:04:17.599 --> 00:04:17.609 align:start position:0%
easier to read when the viewer knows
 

00:04:17.609 --> 00:04:20.150 align:start position:0%
easier to read when the viewer knows
what<00:04:17.790><c> to</c><00:04:17.940><c> expect</c><00:04:18.390><c> they</c><00:04:19.080><c> can</c><00:04:19.260><c> relax</c><00:04:19.560><c> and</c><00:04:19.890><c> focus</c>

00:04:20.150 --> 00:04:20.160 align:start position:0%
what to expect they can relax and focus
 

00:04:20.160 --> 00:04:28.010 align:start position:0%
what to expect they can relax and focus
on<00:04:20.489><c> the</c><00:04:20.609><c> content</c><00:04:24.380><c> in</c><00:04:25.670><c> many</c><00:04:26.670><c> ways</c><00:04:26.910><c> layout</c><00:04:27.840><c> and</c>

00:04:28.010 --> 00:04:28.020 align:start position:0%
on the content in many ways layout and
 

00:04:28.020 --> 00:04:30.230 align:start position:0%
on the content in many ways layout and
composition<00:04:28.650><c> are</c><00:04:28.860><c> the</c><00:04:29.070><c> unsung</c><00:04:29.520><c> heroes</c><00:04:29.970><c> of</c>

00:04:30.230 --> 00:04:30.240 align:start position:0%
composition are the unsung heroes of
 

00:04:30.240 --> 00:04:32.960 align:start position:0%
composition are the unsung heroes of
design<00:04:30.590><c> it's</c><00:04:31.590><c> easy</c><00:04:31.980><c> to</c><00:04:32.130><c> overlook</c><00:04:32.280><c> their</c><00:04:32.760><c> role</c>

00:04:32.960 --> 00:04:32.970 align:start position:0%
design it's easy to overlook their role
 

00:04:32.970 --> 00:04:35.830 align:start position:0%
design it's easy to overlook their role
but<00:04:33.270><c> they're</c><00:04:33.780><c> part</c><00:04:33.990><c> of</c><00:04:34.080><c> everything</c><00:04:34.680><c> you</c><00:04:34.800><c> do</c><00:04:35.040><c> a</c>

00:04:35.830 --> 00:04:35.840 align:start position:0%
but they're part of everything you do a
 

00:04:35.840 --> 00:04:39.740 align:start position:0%
but they're part of everything you do a
nudge<00:04:36.840><c> here</c><00:04:37.580><c> some</c><00:04:38.580><c> extra</c><00:04:38.910><c> whitespace</c><00:04:39.120><c> there</c>

00:04:39.740 --> 00:04:39.750 align:start position:0%
nudge here some extra whitespace there
 

00:04:39.750 --> 00:04:44.480 align:start position:0%
nudge here some extra whitespace there
and<00:04:40.850><c> voila</c><00:04:42.590><c> with</c><00:04:43.590><c> a</c><00:04:43.620><c> little</c><00:04:43.980><c> attention</c><00:04:44.100><c> to</c>

00:04:44.480 --> 00:04:44.490 align:start position:0%
and voila with a little attention to
 

00:04:44.490 --> 00:04:46.210 align:start position:0%
and voila with a little attention to
detail<00:04:44.610><c> you</c><00:04:45.360><c> can</c><00:04:45.540><c> create</c><00:04:45.750><c> beautiful</c>

00:04:46.210 --> 00:04:46.220 align:start position:0%
detail you can create beautiful
 

00:04:46.220 --> 00:04:51.260 align:start position:0%
detail you can create beautiful
professional-looking<00:04:47.220><c> compositions</c>

00:04:51.260 --> 00:04:51.270 align:start position:0%
 
 

00:04:51.270 --> 00:04:53.790 align:start position:0%
 
thanks<00:04:52.270><c> for</c><00:04:52.419><c> joining</c><00:04:52.660><c> us</c><00:04:52.900><c> for</c><00:04:53.110><c> the</c><00:04:53.230><c> basics</c><00:04:53.620><c> of</c>

00:04:53.790 --> 00:04:53.800 align:start position:0%
thanks for joining us for the basics of
 

00:04:53.800 --> 00:04:56.370 align:start position:0%
thanks for joining us for the basics of
layout<00:04:54.160><c> and</c><00:04:54.400><c> Composition</c><00:04:55.080><c> check</c><00:04:56.080><c> out</c><00:04:56.230><c> the</c>

00:04:56.370 --> 00:04:56.380 align:start position:0%
layout and Composition check out the
 

00:04:56.380 --> 00:04:58.409 align:start position:0%
layout and Composition check out the
rest<00:04:56.590><c> of</c><00:04:56.740><c> our</c><00:04:56.830><c> design</c><00:04:57.160><c> topics</c><00:04:57.639><c> including</c>

00:04:58.409 --> 00:04:58.419 align:start position:0%
rest of our design topics including
 

00:04:58.419 --> 00:05:02.930 align:start position:0%
rest of our design topics including
typography<00:04:59.110><c> color</c><00:04:59.320><c> and</c><00:04:59.980><c> images</c>

00:05:02.930 --> 00:05:02.940 align:start position:0%
 
 

00:05:02.940 --> 00:05:05.000 align:start position:0%
 
you