"AJAX Basics (retiring)" was retired on February 5, 2020. You are now viewing the recommended replacement.
Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Video Player
00:00
00:00
00:00
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
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