Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Visual Design Foundations!
You have completed Visual Design Foundations!
Preview
Movement is a principle that can guide the viewer's eye. Rhythm is created when an element or principle shows up multiple times.
Definitions
- Movement - The appearance of motion in a still image.
- Rhythm - Instances where repeated elements are grouped together in an identifiable pattern.
Art Examples
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
The last principles we'll
explore are movement and rhythm.
0:00
I think you'll find that
they're closely related.
0:04
Movement is a principle that
can guide the viewer's eye.
0:07
I've mentioned the idea of guiding
the viewer's attention previously.
0:11
And for the most part,
this could be considered movement.
0:15
A colorful button with an odd shape
might grab the viewer's attention, but
0:19
that's not really the best example.
0:23
Let me show you.
0:26
Movement is typically created when there
are strong diagonals in a composition.
0:27
This could come in the form of lines,
or the lines and
0:34
directionality of the movement
could be implied.
0:39
A more literal example might be a blurry
photograph of a person running,
0:43
or movement lines in a comic book,
or an illustration.
0:49
But even landscape paintings or
a website can have movement.
0:54
Mountains or perspective lines
could sweep across a landscape and
0:59
draw your eye inward toward the center.
1:03
This is a multiple exposure photograph
of the artist Marcelle Duchamp.
1:06
And notice how the lines
between the copies
1:13
sort of vibrate and
the strong diagonal from the upper left
1:17
to the lower right guides
your eye down the image.
1:23
Speaking personally I find that a lot
of software interfaces tend to ignore
1:27
movement, because they use so many
horizontal and vertical lines on a grid.
1:32
But if you're creating an exciting landing
page where you're trying to persuade
1:38
user decisions, you probably want
to break away from the grid and
1:44
throw in some diagonals to guide the eye.
1:48
There is of course the more literal
definition of movement where page elements
1:52
can be animated.
1:56
But movement, as a principal of art and
1:58
design, is more about creating the feeling
of movement from a still image.
2:01
Rhythm is the last
principle we'll explore.
2:07
And it's somewhat related to movement.
2:11
Rhythm is created when an element or
principle shows up multiple times.
2:14
A repeated shape, repeated colors,
or stripes created with lines.
2:19
All can indicate rhythm.
2:25
It's called rhythm because when
the elements are evenly spaced or
2:28
grouped together in a pattern,
2:32
it can almost look like a tempo in a song.
2:34
Rhythm can be used to
create a sense of movement.
2:37
Stripes and patterns have a tendency
to move the eye across the canvas,
2:41
and create a sense of excitement.
2:46
If you look at this op art
painting by Bridget Riley,
2:49
it can feel like the squares
are going inwards and
2:52
outwards, almost like
the image is breathing.
2:57
There's a lot more to learn about the
elements and principles of art and design,
3:01
but that covers the basics.
3:06
As you learn more about design, or
3:08
if you ever get stuck, I encourage
you to think back on these ideas.
3:11
Think about how you can use basic shapes,
lines, and
3:16
colors to mix up your ideas and
create something fresh and new.
3:20
You never know what you might discover
if you open your eyes and your mind.
3:25
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up