All language subtitles for Visual Design Principles- 5 things you should know to create persuasive content

af Afrikaans
sq Albanian
am Amharic
ar Arabic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bn Bengali
bs Bosnian
bg Bulgarian
ca Catalan
ceb Cebuano
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
tl Filipino
fi Finnish
fr French
fy Frisian
gl Galician
ka Georgian
de German
el Greek
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
km Khmer
ko Korean
ku Kurdish (Kurmanji)
ky Kyrgyz
lo Lao
la Latin
lv Latvian
lt Lithuanian
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mn Mongolian
my Myanmar (Burmese)
ne Nepali
no Norwegian
ps Pashto
fa Persian
pl Polish
pt Portuguese
pa Punjabi
ro Romanian
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
st Sesotho
sn Shona
sd Sindhi
si Sinhala
sk Slovak
sl Slovenian
so Somali
es Spanish
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
te Telugu
th Thai
tr Turkish
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese Download
cy Welsh
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
or Odia (Oriya)
rw Kinyarwanda
tk Turkmen
tt Tatar
ug Uyghur
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.