Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:11,520 --> 00:00:13,312
Everybody came on here again
2
00:00:13,568 --> 00:00:15,616
And today I want to talk to you about 5 things
3
00:00:15,872 --> 00:00:16,384
I need to know
4
00:00:16,640 --> 00:00:17,664
Two great standout visual
5
00:00:19,456 --> 00:00:20,992
Before I get into the actual lesson
6
00:00:21,504 --> 00:00:23,040
What I want to show you a little bit more from a
7
00:00:23,296 --> 00:00:24,576
Scientific approach is
8
00:00:25,088 --> 00:00:26,880
The understanding of how the human
9
00:00:27,904 --> 00:00:29,184
Because when you create content
10
00:00:29,952 --> 00:00:32,256
You are basically communicating with you is
11
00:00:32,768 --> 00:00:34,560
And so in order to communicate visually you have to honor
12
00:00:35,072 --> 00:00:35,840
Understand how us
13
00:00:36,864 --> 00:00:40,448
Absorb understand and translate visual information trash
14
00:00:42,240 --> 00:00:42,752
Contacts
15
00:00:44,288 --> 00:00:44,800
So
16
00:00:45,312 --> 00:00:46,592
The way it works is that
17
00:00:46,848 --> 00:00:47,360
Weight doesn't work
18
00:00:47,872 --> 00:00:48,896
We don't process
19
00:00:50,176 --> 00:00:51,456
Right we are not cameras
20
00:00:53,248 --> 00:00:54,784
Your brain versus the camera
21
00:00:55,040 --> 00:00:56,576
The camera has a very wide
22
00:00:56,832 --> 00:00:57,600
Field of
23
00:00:58,368 --> 00:00:58,880
Clear Vision
24
00:01:00,416 --> 00:01:01,696
Brain has a very narrow field
25
00:01:02,720 --> 00:01:04,768
So it's actually only about 2 degrees
26
00:01:05,280 --> 00:01:06,304
For your brain versus
27
00:01:06,560 --> 00:01:07,072
The camera
28
00:01:07,328 --> 00:01:08,096
Quotes about 180
29
00:01:08,864 --> 00:01:09,376
So
30
00:01:10,144 --> 00:01:11,424
Weider on the camera
31
00:01:11,936 --> 00:01:12,704
Your brain is much shorter
32
00:01:13,216 --> 00:01:15,008
And that's where the problems people are
33
00:01:15,264 --> 00:01:18,080
Often creating content that is really for
34
00:01:18,336 --> 00:01:20,384
A camera camera absorb
35
00:01:20,640 --> 00:01:21,664
Cat is information
36
00:01:22,176 --> 00:01:23,200
The grass information
37
00:01:23,456 --> 00:01:23,968
In one piece
38
00:01:24,224 --> 00:01:26,272
Now your aperture on the camera maybe just
39
00:01:26,528 --> 00:01:27,040
So few moments
40
00:01:27,552 --> 00:01:28,320
They might be able
41
00:01:28,576 --> 00:01:31,392
December 2nd or longer but at the end of the day
42
00:01:31,648 --> 00:01:36,000
It is going to get all that information all those pics Elations millions of them in one round
43
00:01:36,512 --> 00:01:40,608
The human brain doesn't work like that alright so how does human work work the way we process
44
00:01:40,864 --> 00:01:41,632
What is the same photo
45
00:01:42,144 --> 00:01:42,912
Is a little bit different
46
00:01:43,168 --> 00:01:43,936
And here's how it works
47
00:01:45,472 --> 00:01:47,264
Rapid eye movement called cicadas
48
00:01:47,520 --> 00:01:49,568
Alright and so the way it works is that your eye
49
00:01:49,824 --> 00:01:51,104
Is very quickly moving
50
00:01:51,360 --> 00:01:52,640
Different places that is looking
51
00:01:53,152 --> 00:01:55,200
And environment and is very quickly
52
00:01:55,456 --> 00:01:57,760
Grabbing little bits and pieces of information
53
00:01:58,272 --> 00:01:58,784
And
54
00:01:59,040 --> 00:02:03,136
So the way that you your blame things that sing as an actual image
55
00:02:03,648 --> 00:02:05,696
But you really just absorbing little pieces of it
56
00:02:06,208 --> 00:02:07,232
Right now you're looking at me
57
00:02:07,488 --> 00:02:13,376
You do realize that you're actually applying the same thing very quickly your eyes when different places probably look at my hair and
58
00:02:14,144 --> 00:02:19,008
And arms and so on and so the same principle goes when you couldn't condemn static or Interactive
59
00:02:19,520 --> 00:02:22,336
So right so you have to actually be able to understand it to apply it
60
00:02:23,104 --> 00:02:25,664
To when you create content for human
61
00:02:26,432 --> 00:02:26,944
Alright
62
00:02:27,200 --> 00:02:27,712
So
63
00:02:28,224 --> 00:02:32,576
In terms of creating content for human consumption there's one more thing that you won't understand
64
00:02:32,832 --> 00:02:36,928
And that is the preattentive attributes that is basically we're so consciously
65
00:02:37,440 --> 00:02:39,488
Your brain is accumulating certain
66
00:02:39,744 --> 00:02:40,768
Amount of information
67
00:02:41,024 --> 00:02:42,304
With respect to the
68
00:02:42,816 --> 00:02:44,096
So here's an example
69
00:02:45,120 --> 00:02:47,168
Here there's a full members of the background
70
00:02:47,424 --> 00:02:49,216
All as a silhouette they're all the same color
71
00:02:49,728 --> 00:02:51,264
And you're trying to understand
72
00:02:51,776 --> 00:02:53,056
What is actually being shown here
73
00:02:53,568 --> 00:02:54,080
However
74
00:02:54,592 --> 00:02:58,432
What's happening is you're trying to your brain is working very hard working
75
00:02:58,688 --> 00:02:59,968
Looking through different areas
76
00:03:00,480 --> 00:03:02,784
They try to understand what is actually saying
77
00:03:03,552 --> 00:03:04,576
Take a look at this one
78
00:03:05,088 --> 00:03:05,856
You got a
79
00:03:06,112 --> 00:03:10,208
Buckskin you got for some reason a polar bear running after but I don't know why
80
00:03:10,464 --> 00:03:12,256
But in the matter of a second
81
00:03:12,768 --> 00:03:14,560
You're able to understand what is
82
00:03:14,816 --> 00:03:15,840
Being presented
83
00:03:16,096 --> 00:03:17,888
So it's extremely important
84
00:03:18,144 --> 00:03:18,912
When you create
85
00:03:19,680 --> 00:03:23,264
To put this crucial tool to use and basically it's contrast
86
00:03:23,776 --> 00:03:25,312
Contrast contrast contrast
87
00:03:25,568 --> 00:03:26,592
Whenever you play Canta
88
00:03:26,848 --> 00:03:27,616
Can you design content
89
00:03:28,128 --> 00:03:29,664
For whatever type of media it is
90
00:03:30,176 --> 00:03:32,736
Make sure that the content that you're putting together
91
00:03:32,992 --> 00:03:34,016
With respect to the background
92
00:03:34,272 --> 00:03:35,552
Imagery in the 4Runner
93
00:03:35,808 --> 00:03:37,344
Texting icon Tucson
94
00:03:37,600 --> 00:03:40,160
Is a certain balance in respect of contrast
95
00:03:41,696 --> 00:03:44,512
So let's take a look at most you're real exercise
96
00:03:44,768 --> 00:03:45,792
In terms of contrast
97
00:03:46,048 --> 00:03:49,888
Right now I'm standing right in front of you on talking and I've got a
98
00:03:50,912 --> 00:03:52,704
Between a white background right behind me
99
00:03:53,216 --> 00:03:53,728
And
100
00:03:53,984 --> 00:03:55,264
In just a matter of moment
101
00:03:55,520 --> 00:03:57,056
I'm going to take away the contrast
102
00:03:57,312 --> 00:03:58,080
And see how it works
103
00:03:59,360 --> 00:04:00,896
I'm going to go into a dark background
104
00:04:01,664 --> 00:04:03,456
And I'm going to stop moving
105
00:04:03,712 --> 00:04:05,504
I'm going to stop talking in just a matter of a second
106
00:04:06,784 --> 00:04:08,320
Mister producer going to turn off the lights
107
00:04:10,624 --> 00:04:11,136
Quiet
108
00:04:11,392 --> 00:04:11,904
Radar
109
00:04:12,416 --> 00:04:13,184
Animal contrast
110
00:04:16,000 --> 00:04:16,768
Beyblade
111
00:04:17,280 --> 00:04:20,351
And what happens now is there is this contest between me
112
00:04:20,863 --> 00:04:21,631
Who's wearing dark
113
00:04:22,143 --> 00:04:23,679
Versus the background Israelite
114
00:04:23,935 --> 00:04:26,239
So you can clearly see me versus the background
115
00:04:26,495 --> 00:04:28,799
You want to apply the same principle to the content of your creator
116
00:04:30,079 --> 00:04:31,103
Let's get real exercise
117
00:04:32,383 --> 00:04:36,223
Back to where the five things I want you to know that breaks down the visual contact
118
00:04:36,991 --> 00:04:39,295
We're going to do a very simple exercise
119
00:04:39,551 --> 00:04:41,855
And so here we have a
120
00:04:42,879 --> 00:04:43,903
Image in the background
121
00:04:44,159 --> 00:04:44,927
Polar bear
122
00:04:45,439 --> 00:04:50,815
Floating water this is about the greenhouse effect is real and the reason I'm saying we have to pack a lot of people still
123
00:04:51,071 --> 00:04:55,167
Don't believe that global warming is real that's a separate argument for the sake of
124
00:04:55,423 --> 00:04:59,007
Make everybody happy the greenhouse effect is real there's some content here
125
00:04:59,519 --> 00:05:03,359
And then there is a contrast very little contrast against the background
126
00:05:03,871 --> 00:05:08,735
Here's that is very hard for your brain to absorb understand this information also doesn't look very pretty
127
00:05:09,247 --> 00:05:09,759
So
128
00:05:10,271 --> 00:05:12,831
The first thing we want to do is to establish your focal point
129
00:05:13,599 --> 00:05:15,903
The important element in this design
130
00:05:16,927 --> 00:05:17,951
That you see here
131
00:05:18,207 --> 00:05:20,255
The title of course is one of the important focal point
132
00:05:20,767 --> 00:05:22,303
So we want to make the title stand out
133
00:05:23,071 --> 00:05:23,583
Therefore
134
00:05:23,839 --> 00:05:24,607
What we do is
135
00:05:25,119 --> 00:05:27,679
Give Samantha sister the title make it larger
136
00:05:28,191 --> 00:05:32,031
Space it out a little bit more and I actually could have left over this tiny little shape
137
00:05:32,543 --> 00:05:34,847
And that makes it pop a little more verses that
138
00:05:35,103 --> 00:05:37,151
Continent Ernie Services logo separation
139
00:05:38,431 --> 00:05:39,711
You want to differentiate LeConte
140
00:05:39,967 --> 00:05:41,247
So what differentiation
141
00:05:41,759 --> 00:05:42,527
What you want to do
142
00:05:42,783 --> 00:05:44,319
Is again we have the title
143
00:05:44,575 --> 00:05:48,159
The size of the font is smaller underneath of it so there's some differentiation
144
00:05:48,927 --> 00:05:50,463
And so in this case
145
00:05:50,975 --> 00:05:52,767
We also want to do is
146
00:05:53,023 --> 00:05:53,535
2
147
00:05:54,047 --> 00:05:55,071
Apply some
148
00:05:55,327 --> 00:05:55,839
Contrast
149
00:05:56,095 --> 00:05:57,631
Home Depot around to the background
150
00:05:57,887 --> 00:05:59,167
Lego saddlebock
151
00:06:00,703 --> 00:06:01,215
And that
152
00:06:01,471 --> 00:06:04,287
Dark box is going to give some contractors to the back
153
00:06:04,799 --> 00:06:06,591
And the text is now White
154
00:06:06,847 --> 00:06:07,871
Over a dark
155
00:06:08,383 --> 00:06:09,919
So what translucent background
156
00:06:10,175 --> 00:06:10,687
Shape
157
00:06:10,943 --> 00:06:13,503
And then there's an image behind it so now you have fairly clear
158
00:06:13,759 --> 00:06:15,807
Text you can easily read and a title
159
00:06:16,831 --> 00:06:17,855
Next thing is
160
00:06:19,135 --> 00:06:21,695
Lights on the real world dogs your best friend
161
00:06:21,951 --> 00:06:22,463
In
162
00:06:22,719 --> 00:06:26,047
Digital War don't you think about it one design World patterns
163
00:06:26,815 --> 00:06:29,119
You could use them for organism against
164
00:06:29,887 --> 00:06:31,167
So in this case
165
00:06:31,935 --> 00:06:33,727
You have a pattern of a series of boxes
166
00:06:34,239 --> 00:06:37,055
The color is very similar and also there's one that's popping out
167
00:06:37,567 --> 00:06:39,871
You can use that as a sticking point
168
00:06:40,127 --> 00:06:44,479
We use a pattern as a way to Ashley relay and organize your information
169
00:06:44,991 --> 00:06:47,295
So in the example going back to what we had
170
00:06:47,551 --> 00:06:50,623
We have the title we have to text it it's kind of Center
171
00:06:50,879 --> 00:06:51,391
In the middle
172
00:06:52,159 --> 00:06:53,695
Everything in the top of the title is left
173
00:06:54,975 --> 00:06:55,743
Left justify
174
00:06:55,999 --> 00:06:57,791
We will do the same thing with the text underneath of it
175
00:06:58,047 --> 00:07:00,607
So will you end up with this left Justified text
176
00:07:01,119 --> 00:07:02,143
Left Justified
177
00:07:02,911 --> 00:07:03,423
Bodytech
178
00:07:03,679 --> 00:07:04,191
Underneath
179
00:07:04,959 --> 00:07:07,007
And so you have a little Mormon organization
180
00:07:07,519 --> 00:07:08,543
The next want to do
181
00:07:08,799 --> 00:07:09,823
It's also
182
00:07:10,335 --> 00:07:11,359
Separate the boxes
183
00:07:11,615 --> 00:07:13,663
So using a pattern of having a
184
00:07:14,175 --> 00:07:16,223
Squares and I'm following that through
185
00:07:16,735 --> 00:07:17,247
2DS
186
00:07:17,759 --> 00:07:19,039
Two boxes underneath
187
00:07:19,295 --> 00:07:21,599
I'm stepping that content from the three
188
00:07:21,855 --> 00:07:23,391
I guess I should say will appointed this
189
00:07:25,183 --> 00:07:25,951
The next thing is
190
00:07:26,719 --> 00:07:28,511
That you want to simplify
191
00:07:28,767 --> 00:07:30,047
To improve the focus
192
00:07:30,559 --> 00:07:33,887
We had a little bit of a text three bullet points there pretty text-heavy
193
00:07:34,399 --> 00:07:35,423
So you want to always try to
194
00:07:35,679 --> 00:07:36,703
Work hard to
195
00:07:36,959 --> 00:07:41,311
Minimizing manikantan you happen to speak visually and reduce the amount of tax
196
00:07:42,079 --> 00:07:42,847
So in this case
197
00:07:43,103 --> 00:07:44,639
What we're going to do is to
198
00:07:44,895 --> 00:07:47,967
Reduce the amount of text in the bullet points and actually use visual
199
00:07:48,991 --> 00:07:50,783
So we have three bullet points
200
00:07:51,039 --> 00:07:52,831
And in this case were talking about
201
00:07:53,087 --> 00:07:53,855
20%
202
00:07:54,623 --> 00:07:55,903
Decline in a CI
203
00:07:56,415 --> 00:08:00,511
And we also have you know 66% of the polar bears are going to unfortunately
204
00:08:01,279 --> 00:08:03,327
Banished by the year 2050
205
00:08:03,583 --> 00:08:06,655
So by using icon the shorn attacks we end up with a
206
00:08:06,911 --> 00:08:09,471
Better representation and simpler way out the content
207
00:08:09,727 --> 00:08:12,543
You do the same thing by applying at again for the patterns
208
00:08:12,799 --> 00:08:13,823
And also by
209
00:08:14,335 --> 00:08:20,479
Using the patterns and actually separate additional boxes of each bullet point gets its own compartment innocent so your icon
210
00:08:20,735 --> 00:08:21,247
Easily
211
00:08:21,503 --> 00:08:24,575
Can navigate through and better ABS or understanding information
212
00:08:25,087 --> 00:08:26,367
The last one at least
213
00:08:26,623 --> 00:08:27,903
How to do with a photo
214
00:08:28,159 --> 00:08:29,183
So it's it's
215
00:08:29,439 --> 00:08:34,559
Pretty important that you want a concert on grabbing HiFi photos these days tons of photos out there you can use
216
00:08:35,071 --> 00:08:37,375
And so in this case if you look at the before
217
00:08:39,423 --> 00:08:43,263
And it's queso bit of color correction it's a little brighter and it
218
00:08:43,519 --> 00:08:45,055
Better quality
219
00:08:45,311 --> 00:08:47,103
The last one at least I'm at 5 is
220
00:08:47,359 --> 00:08:48,639
Creating interactivity
221
00:08:48,895 --> 00:08:53,759
So when interactivity again you can always do this equation something for praying for a magazine and so on
222
00:08:54,527 --> 00:08:56,575
You can only have interactivity in your in your image
223
00:08:56,831 --> 00:08:58,367
Alright so however
224
00:08:58,623 --> 00:09:01,183
In case of web content digital content
225
00:09:01,439 --> 00:09:04,255
You can actually apply interactively animations your design
226
00:09:04,767 --> 00:09:07,071
So in this case will be blonde is
227
00:09:07,327 --> 00:09:13,471
Nobody has done in in you can do this in PowerPoint Hinduism Prezi can do this end of his neon tool allows you to anime
228
00:09:14,239 --> 00:09:16,287
You can take little subtle areas
229
00:09:16,543 --> 00:09:19,359
Lashley apply short animations that we have to be very careful
230
00:09:19,615 --> 00:09:25,759
In the example to show you is kind of Sully don't eat too much tuna pie too much animation because then you actually
231
00:09:26,015 --> 00:09:26,783
Take away from
232
00:09:27,039 --> 00:09:29,343
The focal points in this case we have the
233
00:09:29,599 --> 00:09:33,183
The title and we have the other elements in just a matter of a second coming together
234
00:09:33,695 --> 00:09:36,255
If we have a subtle kind of emphasis and everything
235
00:09:37,279 --> 00:09:39,839
So that's kind of the Five Points I want to tell you about these
236
00:09:40,095 --> 00:09:41,375
Need to know
237
00:09:41,631 --> 00:09:43,679
To create Stana visual content
238
00:09:44,191 --> 00:09:45,727
Put them to work practice them
17132
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.