This is Andy Warhol's work. 1
He not really a web designer, but he's a very influential pop artist. In this work 2
he uses a popular design trick called repetition. 3
It's when you take one item that might not be interesting on its own, but repeat it several times and 4
now we have something that's more interesting. 5
This is a page from Zendesk's website. 6
You can see here how repetition of square profiles in the same style has created a very interesting 7
layout. 8
The repetition trick doesn't just apply to identical items. 9
It can be applied to nearly everything like color, style, spacing, layout. Repetition of color is one that 10
is used quite often and can really tie the design together. 11
You see how the colors from the headline, repeat as background colors from profile pictures? 12
If we move below the pictures, you'll see those colors being repeated in the paragraph as well. 13
This page would look much less appealing and interesting if those colors were not repeated anywhere 14
else. Do you notice one more repetition that is happening on this page? 15
It's in the layout of profile shots. The position of a person, how they're edging towards the right and 16
their names placed on the top left corner. 17
That's a repetition of layout. 18
I'm actually a little disappointed that Astha and Dipesh aren't cropped on the right side, like the rest. 19
They are glitching the repetition a little, because of that detail. 20
Let's have a look at another layout repetition. 21
This is very common in web and you'll see it on so many websites. 22
You see how the layout is being repeated. 23
An illustration on one side, headline and paragraph align on the other side, in a zigzag layout. 24
That's zigzag is the repetition. 25
Let's apply repetition into practice. 26
Say we've got this content from our client. 27
It's the benefits of their services. Because each paragraph with their headlines are part of the same 28
context, 29
we can create a repetition in their layout. 30
We can use a split screen layout. Splitting the screen in exact halves. On one half placing the copy and 31
on the other placing a full image. Add some images and repeating colors and it can look quite handsome. 32
Like this. 33
I've repeated several items here. 34
The layout obviously. The repetition of colors. I'm sampling colors from the photos and repeating them 35
on the headlines. And final, the repetition of the photography style. 36
All photos are in the same style. 37
The shot from the top of some item, that is laying flat on a colored background. 38
How about other design concepts? 39
Can you notice them? 40
The contrast, did I apply any contrast here? 41
Definitely, you'll see the contrast between the headline, and the paragraph. In their size, weight and colour. 42
Obviously, a huge contrast between left and right splits. One being white and another being bright 43
colour. 44
How about white space? 45
There is white space everywhere. 46
Each white block, where the copy sits, has a healthy amount of white space around it to bring the atension 47
to the content. 48
There's even white space within those photos. Whoever took those photos they did a great job. 49
They are from icons8. Good source, link in the resources. The reason why repetition is so powerful, 50
in design is because of the way we look at the world as humans. We try to recognize patterns in everything 51
that we look at. And when we recognize a pattern our brain goes a little excited. 52
Look, look it's the same blue that I saw earlier. 53
Yay I'm smart. 54
Design is strongly linked to human psychology. 55
It's not that there are some laws of physics that govern design, it's completely human centric. 56
In reality, all of us are designers. 57
We are the ones who demand this repetition, and whitespace, and contrast and all those design approaches. 58
Because we already like them. You already know what looks good and what looks bad. It's sort of like 59
food, you already know what tastes good and what taste bad. You don't have to go to a culinary school 60
to learn what's a what tastes good and what not. 61
And if you learn few recipes and practice them. When you cook something good you're going to notice it. 62
And so will everyone else.